@charset "UTF-8";

/*===============================================

  Animate.css Helpers

================================================= */

/* used in conjuction with "data-animate" 

 * attr to create a delayed page animation

 * read docs for more info on proper use*/

.animated-delay,

.animated-waypoint {

  opacity: 0;

}

.sparkline-delay {

  position: absolute;

  bottom: 0;

  width: 40px;

  height: 35px;

  line-height: 24px;

}

.animated.animated-short {

  -webkit-animation-duration: 0.6s !important;

  animation-duration: 0.6s !important;

}

.animated.animated-shorter {

  -webkit-animation-duration: 0.3s !important;

  animation-duration: 0.3s !important;

}

.animated.animated-long {

  -webkit-animation-duration: 1.4s !important;

  animation-duration: 1.4s !important;

}

.animated.animated-longer {

  -webkit-animation-duration: 2s !important;

  animation-duration: 2s !important;

}

/*===============================================

  Animate.css Library

=================================================

Animate.css - http://daneden.me/animate

Licensed under the MIT license - http://opensource.org/licenses/MIT



Copyright (c) 2014 Daniel Eden

*/

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}

/*===============================================

  Animate.css "Fades" Pack

================================================*/

/* FADE ENTRANCES

 * fadeIn

 */

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

/* fadeInDown */

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

/* fadeInLeft */

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}

/* fadeInRight */

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

/* fadeInUp */

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

/*===============================================

  Animate.css "Flips" Pack

================================================*/

/* FLIPPING ENTRANCES

 * flip

 */

@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}

/* flipInX */

@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}

/* flipInY */

@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}

/*===============================================

  Animate.css "Slides" Pack

================================================*/

/* SLIDES ENTRANCES

 * slideInDown

 */

@-webkit-keyframes slideInDown {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInDown {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}

/* slideInLeft */

@-webkit-keyframes slideInLeft {

  0% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInLeft {

  0% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}

/* slideInRight */

@-webkit-keyframes slideInRight {

  0% {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInRight {

  0% {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}

/* slideInUp */

@-webkit-keyframes slideInUp {

  0% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInUp {

  0% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    visibility: visible;

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}

/*===============================================

  Animate.css "Zooms" Pack

================================================*/

/* ZOOMS ENTRANCES

 * zoomIn

 */

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}

/* zoomInDown */

@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}

/* zoomInLeft */

@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}

/* zoomInRight */

@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}

/* zoomInUp */

@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}

/*===============================================

  AdminDesigns Custom Icon Library

================================================*/

/* Load font library */

@font-face {

  font-family: "AdminDesigns";

  src: url("../../../fonts/admindesigns/admindesigns.eot");

  src: url("../../../fonts/admindesigns/admindesigns.eot?#iefix") format("embedded-opentype"), url("../../../fonts/admindesigns/admindesigns.woff") format("woff"), url("../../../fonts/admindesigns/admindesigns.ttf") format("truetype"), url("../../../fonts/admindesigns/admindesigns.svg#admindesigns") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* Font base class */

.ad {

  position: relative;

  display: inline-block;

  font: normal normal normal 16px/1 AdminDesigns;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

}

/* Icon classes */

.ad-lines:before {

  content: "\e600";

}

.ad-wand {

  top: 1px;

}

.ad-wand:before {

  content: "\e010";

}

.ad-radio-tower:before {

  content: "\f030";

}

.ad-ruby:before {

  content: "\f047";

}

.ad-screen-full:before {

  content: "\f066";

}

/*===============================================

  Glyphicons for Bootstrap

=================================================

 *  http://getbootstrap.com/components/

 *  Creative Commons Attribution 3.0

*/

/* Load font library */

@font-face {

  font-family: 'Glyphicons Halflings';

  src: url('../../../fonts/glyphicons/glyphicons-halflings-regular.eot');

  src: url('../../../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.svg#@glyphicons_halflingsregular') format('svg');

}

/*Catchall baseclass*/

.glyphicon {

  position: relative;

  top: 1px;

  display: inline-block;

  font-family: 'Glyphicons Halflings';

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/*Individual icons*/

.glyphicon-asterisk:before {

  content: "\2a";

}

.glyphicon-plus:before {

  content: "\2b";

}

.glyphicon-euro:before,

.glyphicon-eur:before {

  content: "\20ac";

}

.glyphicon-minus:before {

  content: "\2212";

}

.glyphicon-cloud:before {

  content: "\2601";

}

.glyphicon-envelope:before {

  content: "\2709";

}

.glyphicon-pencil:before {

  content: "\270f";

}

.glyphicon-glass:before {

  content: "\e001";

}

.glyphicon-music:before {

  content: "\e002";

}

.glyphicon-search:before {

  content: "\e003";

}

.glyphicon-heart:before {

  content: "\e005";

}

.glyphicon-star:before {

  content: "\e006";

}

.glyphicon-star-empty:before {

  content: "\e007";

}

.glyphicon-user:before {

  content: "\e008";

}

.glyphicon-film:before {

  content: "\e009";

}

.glyphicon-th-large:before {

  content: "\e010";

}

.glyphicon-th:before {

  content: "\e011";

}

.glyphicon-th-list:before {

  content: "\e012";

}

.glyphicon-ok:before {

  content: "\e013";

}

.glyphicon-remove:before {

  content: "\e014";

}

.glyphicon-zoom-in:before {

  content: "\e015";

}

.glyphicon-zoom-out:before {

  content: "\e016";

}

.glyphicon-off:before {

  content: "\e017";

}

.glyphicon-signal:before {

  content: "\e018";

}

.glyphicon-cog:before {

  content: "\e019";

}

.glyphicon-trash:before {

  content: "\e020";

}

.glyphicon-home:before {

  content: "\e021";

}

.glyphicon-file:before {

  content: "\e022";

}

.glyphicon-time:before {

  content: "\e023";

}

.glyphicon-road:before {

  content: "\e024";

}

.glyphicon-download-alt:before {

  content: "\e025";

}

.glyphicon-download:before {

  content: "\e026";

}

.glyphicon-upload:before {

  content: "\e027";

}

.glyphicon-inbox:before {

  content: "\e028";

}

.glyphicon-play-circle:before {

  content: "\e029";

}

.glyphicon-repeat:before {

  content: "\e030";

}

.glyphicon-refresh:before {

  content: "\e031";

}

.glyphicon-list-alt:before {

  content: "\e032";

}

.glyphicon-lock:before {

  content: "\e033";

}

.glyphicon-flag:before {

  content: "\e034";

}

.glyphicon-headphones:before {

  content: "\e035";

}

.glyphicon-volume-off:before {

  content: "\e036";

}

.glyphicon-volume-down:before {

  content: "\e037";

}

.glyphicon-volume-up:before {

  content: "\e038";

}

.glyphicon-qrcode:before {

  content: "\e039";

}

.glyphicon-barcode:before {

  content: "\e040";

}

.glyphicon-tag:before {

  content: "\e041";

}

.glyphicon-tags:before {

  content: "\e042";

}

.glyphicon-book:before {

  content: "\e043";

}

.glyphicon-bookmark:before {

  content: "\e044";

}

.glyphicon-print:before {

  content: "\e045";

}

.glyphicon-camera:before {

  content: "\e046";

}

.glyphicon-font:before {

  content: "\e047";

}

.glyphicon-bold:before {

  content: "\e048";

}

.glyphicon-italic:before {

  content: "\e049";

}

.glyphicon-text-height:before {

  content: "\e050";

}

.glyphicon-text-width:before {

  content: "\e051";

}

.glyphicon-align-left:before {

  content: "\e052";

}

.glyphicon-align-center:before {

  content: "\e053";

}

.glyphicon-align-right:before {

  content: "\e054";

}

.glyphicon-align-justify:before {

  content: "\e055";

}

.glyphicon-list:before {

  content: "\e056";

}

.glyphicon-indent-left:before {

  content: "\e057";

}

.glyphicon-indent-right:before {

  content: "\e058";

}

.glyphicon-facetime-video:before {

  content: "\e059";

}

.glyphicon-picture:before {

  content: "\e060";

}

.glyphicon-map-marker:before {

  content: "\e062";

}

.glyphicon-adjust:before {

  content: "\e063";

}

.glyphicon-tint:before {

  content: "\e064";

}

.glyphicon-edit:before {

  content: "\e065";

}

.glyphicon-share:before {

  content: "\e066";

}

.glyphicon-check:before {

  content: "\e067";

}

.glyphicon-move:before {

  content: "\e068";

}

.glyphicon-step-backward:before {

  content: "\e069";

}

.glyphicon-fast-backward:before {

  content: "\e070";

}

.glyphicon-backward:before {

  content: "\e071";

}

.glyphicon-play:before {

  content: "\e072";

}

.glyphicon-pause:before {

  content: "\e073";

}

.glyphicon-stop:before {

  content: "\e074";

}

.glyphicon-forward:before {

  content: "\e075";

}

.glyphicon-fast-forward:before {

  content: "\e076";

}

.glyphicon-step-forward:before {

  content: "\e077";

}

.glyphicon-eject:before {

  content: "\e078";

}

.glyphicon-chevron-left:before {

  content: "\e079";

}

.glyphicon-chevron-right:before {

  content: "\e080";

}

.glyphicon-plus-sign:before {

  content: "\e081";

}

.glyphicon-minus-sign:before {

  content: "\e082";

}

.glyphicon-remove-sign:before {

  content: "\e083";

}

.glyphicon-ok-sign:before {

  content: "\e084";

}

.glyphicon-question-sign:before {

  content: "\e085";

}

.glyphicon-info-sign:before {

  content: "\e086";

}

.glyphicon-screenshot:before {

  content: "\e087";

}

.glyphicon-remove-circle:before {

  content: "\e088";

}

.glyphicon-ok-circle:before {

  content: "\e089";

}

.glyphicon-ban-circle:before {

  content: "\e090";

}

.glyphicon-arrow-left:before {

  content: "\e091";

}

.glyphicon-arrow-right:before {

  content: "\e092";

}

.glyphicon-arrow-up:before {

  content: "\e093";

}

.glyphicon-arrow-down:before {

  content: "\e094";

}

.glyphicon-share-alt:before {

  content: "\e095";

}

.glyphicon-resize-full:before {

  content: "\e096";

}

.glyphicon-resize-small:before {

  content: "\e097";

}

.glyphicon-exclamation-sign:before {

  content: "\e101";

}

.glyphicon-gift:before {

  content: "\e102";

}

.glyphicon-leaf:before {

  content: "\e103";

}

.glyphicon-fire:before {

  content: "\e104";

}

.glyphicon-eye-open:before {

  content: "\e105";

}

.glyphicon-eye-close:before {

  content: "\e106";

}

.glyphicon-warning-sign:before {

  content: "\e107";

}

.glyphicon-plane:before {

  content: "\e108";

}

.glyphicon-calendar:before {

  content: "\e109";

}

.glyphicon-random:before {

  content: "\e110";

}

.glyphicon-comment:before {

  content: "\e111";

}

.glyphicon-magnet:before {

  content: "\e112";

}

.glyphicon-chevron-up:before {

  content: "\e113";

}

.glyphicon-chevron-down:before {

  content: "\e114";

}

.glyphicon-retweet:before {

  content: "\e115";

}

.glyphicon-shopping-cart:before {

  content: "\e116";

}

.glyphicon-folder-close:before {

  content: "\e117";

}

.glyphicon-folder-open:before {

  content: "\e118";

}

.glyphicon-resize-vertical:before {

  content: "\e119";

}

.glyphicon-resize-horizontal:before {

  content: "\e120";

}

.glyphicon-hdd:before {

  content: "\e121";

}

.glyphicon-bullhorn:before {

  content: "\e122";

}

.glyphicon-bell:before {

  content: "\e123";

}

.glyphicon-certificate:before {

  content: "\e124";

}

.glyphicon-thumbs-up:before {

  content: "\e125";

}

.glyphicon-thumbs-down:before {

  content: "\e126";

}

.glyphicon-hand-right:before {

  content: "\e127";

}

.glyphicon-hand-left:before {

  content: "\e128";

}

.glyphicon-hand-up:before {

  content: "\e129";

}

.glyphicon-hand-down:before {

  content: "\e130";

}

.glyphicon-circle-arrow-right:before {

  content: "\e131";

}

.glyphicon-circle-arrow-left:before {

  content: "\e132";

}

.glyphicon-circle-arrow-up:before {

  content: "\e133";

}

.glyphicon-circle-arrow-down:before {

  content: "\e134";

}

.glyphicon-globe:before {

  content: "\e135";

}

.glyphicon-wrench:before {

  content: "\e136";

}

.glyphicon-tasks:before {

  content: "\e137";

}

.glyphicon-filter:before {

  content: "\e138";

}

.glyphicon-briefcase:before {

  content: "\e139";

}

.glyphicon-fullscreen:before {

  content: "\e140";

}

.glyphicon-dashboard:before {

  content: "\e141";

}

.glyphicon-paperclip:before {

  content: "\e142";

}

.glyphicon-heart-empty:before {

  content: "\e143";

}

.glyphicon-link:before {

  content: "\e144";

}

.glyphicon-phone:before {

  content: "\e145";

}

.glyphicon-pushpin:before {

  content: "\e146";

}

.glyphicon-usd:before {

  content: "\e148";

}

.glyphicon-gbp:before {

  content: "\e149";

}

.glyphicon-sort:before {

  content: "\e150";

}

.glyphicon-sort-by-alphabet:before {

  content: "\e151";

}

.glyphicon-sort-by-alphabet-alt:before {

  content: "\e152";

}

.glyphicon-sort-by-order:before {

  content: "\e153";

}

.glyphicon-sort-by-order-alt:before {

  content: "\e154";

}

.glyphicon-sort-by-attributes:before {

  content: "\e155";

}

.glyphicon-sort-by-attributes-alt:before {

  content: "\e156";

}

.glyphicon-unchecked:before {

  content: "\e157";

}

.glyphicon-expand:before {

  content: "\e158";

}

.glyphicon-collapse-down:before {

  content: "\e159";

}

.glyphicon-collapse-up:before {

  content: "\e160";

}

.glyphicon-log-in:before {

  content: "\e161";

}

.glyphicon-flash:before {

  content: "\e162";

}

.glyphicon-log-out:before {

  content: "\e163";

}

.glyphicon-new-window:before {

  content: "\e164";

}

.glyphicon-record:before {

  content: "\e165";

}

.glyphicon-save:before {

  content: "\e166";

}

.glyphicon-open:before {

  content: "\e167";

}

.glyphicon-saved:before {

  content: "\e168";

}

.glyphicon-import:before {

  content: "\e169";

}

.glyphicon-export:before {

  content: "\e170";

}

.glyphicon-send:before {

  content: "\e171";

}

.glyphicon-floppy-disk:before {

  content: "\e172";

}

.glyphicon-floppy-saved:before {

  content: "\e173";

}

.glyphicon-floppy-remove:before {

  content: "\e174";

}

.glyphicon-floppy-save:before {

  content: "\e175";

}

.glyphicon-floppy-open:before {

  content: "\e176";

}

.glyphicon-credit-card:before {

  content: "\e177";

}

.glyphicon-transfer:before {

  content: "\e178";

}

.glyphicon-cutlery:before {

  content: "\e179";

}

.glyphicon-header:before {

  content: "\e180";

}

.glyphicon-compressed:before {

  content: "\e181";

}

.glyphicon-earphone:before {

  content: "\e182";

}

.glyphicon-phone-alt:before {

  content: "\e183";

}

.glyphicon-tower:before {

  content: "\e184";

}

.glyphicon-stats:before {

  content: "\e185";

}

.glyphicon-sd-video:before {

  content: "\e186";

}

.glyphicon-hd-video:before {

  content: "\e187";

}

.glyphicon-subtitles:before {

  content: "\e188";

}

.glyphicon-sound-stereo:before {

  content: "\e189";

}

.glyphicon-sound-dolby:before {

  content: "\e190";

}

.glyphicon-sound-5-1:before {

  content: "\e191";

}

.glyphicon-sound-6-1:before {

  content: "\e192";

}

.glyphicon-sound-7-1:before {

  content: "\e193";

}

.glyphicon-copyright-mark:before {

  content: "\e194";

}

.glyphicon-registration-mark:before {

  content: "\e195";

}

.glyphicon-cloud-download:before {

  content: "\e197";

}

.glyphicon-cloud-upload:before {

  content: "\e198";

}

.glyphicon-tree-conifer:before {

  content: "\e199";

}

.glyphicon-tree-deciduous:before {

  content: "\e200";

}

.glyphicon-cd:before {

  content: "\e201";

}

.glyphicon-save-file:before {

  content: "\e202";

}

.glyphicon-open-file:before {

  content: "\e203";

}

.glyphicon-level-up:before {

  content: "\e204";

}

.glyphicon-copy:before {

  content: "\e205";

}

.glyphicon-paste:before {

  content: "\e206";

}

.glyphicon-alert:before {

  content: "\e209";

}

.glyphicon-equalizer:before {

  content: "\e210";

}

.glyphicon-king:before {

  content: "\e211";

}

.glyphicon-queen:before {

  content: "\e212";

}

.glyphicon-pawn:before {

  content: "\e213";

}

.glyphicon-bishop:before {

  content: "\e214";

}

.glyphicon-knight:before {

  content: "\e215";

}

.glyphicon-baby-formula:before {

  content: "\e216";

}

.glyphicon-tent:before {

  content: "\26fa";

}

.glyphicon-blackboard:before {

  content: "\e218";

}

.glyphicon-bed:before {

  content: "\e219";

}

.glyphicon-apple:before {

  content: "\f8ff";

}

.glyphicon-erase:before {

  content: "\e221";

}

.glyphicon-hourglass:before {

  content: "\231b";

}

.glyphicon-lamp:before {

  content: "\e223";

}

.glyphicon-duplicate:before {

  content: "\e224";

}

.glyphicon-piggy-bank:before {

  content: "\e225";

}

.glyphicon-scissors:before {

  content: "\e226";

}

.glyphicon-bitcoin:before {

  content: "\e227";

}

.glyphicon-yen:before {

  content: "\00a5";

}

.glyphicon-ruble:before {

  content: "\20bd";

}

.glyphicon-scale:before {

  content: "\e230";

}

.glyphicon-ice-lolly:before {

  content: "\e231";

}

.glyphicon-ice-lolly-tasted:before {

  content: "\e232";

}

.glyphicon-education:before {

  content: "\e233";

}

.glyphicon-option-horizontal:before {

  content: "\e234";

}

.glyphicon-option-vertical:before {

  content: "\e235";

}

.glyphicon-menu-hamburger:before {

  content: "\e236";

}

.glyphicon-modal-window:before {

  content: "\e237";

}

.glyphicon-oil:before {

  content: "\e238";

}

.glyphicon-grain:before {

  content: "\e239";

}

.glyphicon-sunglasses:before {

  content: "\e240";

}

.glyphicon-text-size:before {

  content: "\e241";

}

.glyphicon-text-color:before {

  content: "\e242";

}

.glyphicon-text-background:before {

  content: "\e243";

}

.glyphicon-object-align-top:before {

  content: "\e244";

}

.glyphicon-object-align-bottom:before {

  content: "\e245";

}

.glyphicon-object-align-horizontal:before {

  content: "\e246";

}

.glyphicon-object-align-left:before {

  content: "\e247";

}

.glyphicon-object-align-vertical:before {

  content: "\e248";

}

.glyphicon-object-align-right:before {

  content: "\e249";

}

.glyphicon-triangle-right:before {

  content: "\e250";

}

.glyphicon-triangle-left:before {

  content: "\e251";

}

.glyphicon-triangle-bottom:before {

  content: "\e252";

}

.glyphicon-triangle-top:before {

  content: "\e253";

}

.glyphicon-console:before {

  content: "\e254";

}

.glyphicon-superscript:before {

  content: "\e255";

}

.glyphicon-subscript:before {

  content: "\e256";

}

.glyphicon-menu-left:before {

  content: "\e257";

}

.glyphicon-menu-right:before {

  content: "\e258";

}

.glyphicon-menu-down:before {

  content: "\e259";

}

.glyphicon-menu-up:before {

  content: "\e260";

}

/*===============================================

  Font Awesome Icon Library

=================================================

 *  Font Awesome 4.3.0 by @davegandy

 *  http://fontawesome.io - @fontawesome

 *  License - http://fontawesome.io/license

*/

/* Load font library */

@font-face {

  font-family: 'FontAwesome';

  src: url('../../../fonts/font-awesome/fontawesome-webfont.eot?v=4.3.0');

  src: url('../../../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../../../fonts/font-awesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../../../fonts/font-awesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../../../fonts/font-awesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../../../fonts/font-awesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* font base class */

.fa {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

}

/* makes the font 33% larger relative to the icon container */

.fa-lg {

  font-size: 1.33333333em;

  line-height: 0.75em;

  vertical-align: -15%;

}

.fa-2x {

  font-size: 2em;

}

.fa-3x {

  font-size: 3em;

}

.fa-4x {

  font-size: 4em;

}

.fa-5x {

  font-size: 5em;

}

.fa-fw {

  width: 1.28571429em;

  text-align: center;

}

.fa-ul {

  padding-left: 0;

  margin-left: 2.14285714em;

  list-style-type: none;

}

.fa-ul > li {

  position: relative;

}

.fa-li {

  position: absolute;

  left: -2.14285714em;

  width: 2.14285714em;

  top: 0.14285714em;

  text-align: center;

}

.fa-li.fa-lg {

  left: -1.85714286em;

}

.fa-border {

  padding: .2em .25em .15em;

  border: solid 0.08em #eeeeee;

  border-radius: .1em;

}

.pull-right {

  float: right;

}

.pull-left {

  float: left;

}

.fa.pull-left {

  margin-right: .3em;

}

.fa.pull-right {

  margin-left: .3em;

}

.fa-spin {

  -webkit-animation: fa-spin 2s infinite linear;

  animation: fa-spin 2s infinite linear;

}

.fa-pulse {

  -webkit-animation: fa-spin 1s infinite steps(8);

  animation: fa-spin 1s infinite steps(8);

}

@-webkit-keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

.fa-rotate-90 {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

  -webkit-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  transform: rotate(90deg);

}

.fa-rotate-180 {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

}

.fa-rotate-270 {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

  -webkit-transform: rotate(270deg);

  -ms-transform: rotate(270deg);

  transform: rotate(270deg);

}

.fa-flip-horizontal {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);

  -webkit-transform: scale(-1, 1);

  -ms-transform: scale(-1, 1);

  transform: scale(-1, 1);

}

.fa-flip-vertical {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);

  -webkit-transform: scale(1, -1);

  -ms-transform: scale(1, -1);

  transform: scale(1, -1);

}

:root .fa-rotate-90,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-flip-horizontal,

:root .fa-flip-vertical {

  filter: none;

}

.fa-stack {

  position: relative;

  display: inline-block;

  width: 2em;

  height: 2em;

  line-height: 2em;

  vertical-align: middle;

}

.fa-stack-1x,

.fa-stack-2x {

  position: absolute;

  left: 0;

  width: 100%;

  text-align: center;

}

.fa-stack-1x {

  line-height: inherit;

}

.fa-stack-2x {

  font-size: 2em;

}

.fa-inverse {

  color: #ffffff;

}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen

   readers do not read off random characters that represent icons */

.fa-glass:before {

  content: "\f000";

}

.fa-music:before {

  content: "\f001";

}

.fa-search:before {

  content: "\f002";

}

.fa-envelope-o:before {

  content: "\f003";

}

.fa-heart:before {

  content: "\f004";

}

.fa-star:before {

  content: "\f005";

}

.fa-star-o:before {

  content: "\f006";

}

.fa-user:before {

  content: "\f007";

}

.fa-film:before {

  content: "\f008";

}

.fa-th-large:before {

  content: "\f009";

}

.fa-th:before {

  content: "\f00a";

}

.fa-th-list:before {

  content: "\f00b";

}

.fa-check:before {

  content: "\f00c";

}

.fa-remove:before,

.fa-close:before,

.fa-times:before {

  content: "\f00d";

}

.fa-search-plus:before {

  content: "\f00e";

}

.fa-search-minus:before {

  content: "\f010";

}

.fa-power-off:before {

  content: "\f011";

}

.fa-signal:before {

  content: "\f012";

}

.fa-gear:before,

.fa-cog:before {

  content: "\f013";

}

.fa-trash-o:before {

  content: "\f014";

}

.fa-home:before {

  content: "\f015";

}

.fa-file-o:before {

  content: "\f016";

}

.fa-clock-o:before {

  content: "\f017";

}

.fa-road:before {

  content: "\f018";

}

.fa-download:before {

  content: "\f019";

}

.fa-arrow-circle-o-down:before {

  content: "\f01a";

}

.fa-arrow-circle-o-up:before {

  content: "\f01b";

}

.fa-inbox:before {

  content: "\f01c";

}

.fa-play-circle-o:before {

  content: "\f01d";

}

.fa-rotate-right:before,

.fa-repeat:before {

  content: "\f01e";

}

.fa-refresh:before {

  content: "\f021";

}

.fa-list-alt:before {

  content: "\f022";

}

.fa-lock:before {

  content: "\f023";

}

.fa-flag:before {

  content: "\f024";

}

.fa-headphones:before {

  content: "\f025";

}

.fa-volume-off:before {

  content: "\f026";

}

.fa-volume-down:before {

  content: "\f027";

}

.fa-volume-up:before {

  content: "\f028";

}

.fa-qrcode:before {

  content: "\f029";

}

.fa-barcode:before {

  content: "\f02a";

}

.fa-tag:before {

  content: "\f02b";

}

.fa-tags:before {

  content: "\f02c";

}

.fa-book:before {

  content: "\f02d";

}

.fa-bookmark:before {

  content: "\f02e";

}

.fa-print:before {

  content: "\f02f";

}

.fa-camera:before {

  content: "\f030";

}

.fa-font:before {

  content: "\f031";

}

.fa-bold:before {

  content: "\f032";

}

.fa-italic:before {

  content: "\f033";

}

.fa-text-height:before {

  content: "\f034";

}

.fa-text-width:before {

  content: "\f035";

}

.fa-align-left:before {

  content: "\f036";

}

.fa-align-center:before {

  content: "\f037";

}

.fa-align-right:before {

  content: "\f038";

}

.fa-align-justify:before {

  content: "\f039";

}

.fa-list:before {

  content: "\f03a";

}

.fa-dedent:before,

.fa-outdent:before {

  content: "\f03b";

}

.fa-indent:before {

  content: "\f03c";

}

.fa-video-camera:before {

  content: "\f03d";

}

.fa-photo:before,

.fa-image:before,

.fa-picture-o:before {

  content: "\f03e";

}

.fa-pencil:before {

  content: "\f040";

}

.fa-map-marker:before {

  content: "\f041";

}

.fa-adjust:before {

  content: "\f042";

}

.fa-tint:before {

  content: "\f043";

}

.fa-edit:before,

.fa-pencil-square-o:before {

  content: "\f044";

}

.fa-share-square-o:before {

  content: "\f045";

}

.fa-check-square-o:before {

  content: "\f046";

}

.fa-arrows:before {

  content: "\f047";

}

.fa-step-backward:before {

  content: "\f048";

}

.fa-fast-backward:before {

  content: "\f049";

}

.fa-backward:before {

  content: "\f04a";

}

.fa-play:before {

  content: "\f04b";

}

.fa-pause:before {

  content: "\f04c";

}

.fa-stop:before {

  content: "\f04d";

}

.fa-forward:before {

  content: "\f04e";

}

.fa-fast-forward:before {

  content: "\f050";

}

.fa-step-forward:before {

  content: "\f051";

}

.fa-eject:before {

  content: "\f052";

}

.fa-chevron-left:before {

  content: "\f053";

}

.fa-chevron-right:before {

  content: "\f054";

}

.fa-plus-circle:before {

  content: "\f055";

}

.fa-minus-circle:before {

  content: "\f056";

}

.fa-times-circle:before {

  content: "\f057";

}

.fa-check-circle:before {

  content: "\f058";

}

.fa-question-circle:before {

  content: "\f059";

}

.fa-info-circle:before {

  content: "\f05a";

}

.fa-crosshairs:before {

  content: "\f05b";

}

.fa-times-circle-o:before {

  content: "\f05c";

}

.fa-check-circle-o:before {

  content: "\f05d";

}

.fa-ban:before {

  content: "\f05e";

}

.fa-arrow-left:before {

  content: "\f060";

}

.fa-arrow-right:before {

  content: "\f061";

}

.fa-arrow-up:before {

  content: "\f062";

}

.fa-arrow-down:before {

  content: "\f063";

}

.fa-mail-forward:before,

.fa-share:before {

  content: "\f064";

}

.fa-expand:before {

  content: "\f065";

}

.fa-compress:before {

  content: "\f066";

}

.fa-plus:before {

  content: "\f067";

}

.fa-minus:before {

  content: "\f068";

}

.fa-asterisk:before {

  content: "\f069";

}

.fa-exclamation-circle:before {

  content: "\f06a";

}

.fa-gift:before {

  content: "\f06b";

}

.fa-leaf:before {

  content: "\f06c";

}

.fa-fire:before {

  content: "\f06d";

}

.fa-eye:before {

  content: "\f06e";

}

.fa-eye-slash:before {

  content: "\f070";

}

.fa-warning:before,

.fa-exclamation-triangle:before {

  content: "\f071";

}

.fa-plane:before {

  content: "\f072";

}

.fa-calendar:before {

  content: "\f073";

}

.fa-random:before {

  content: "\f074";

}

.fa-comment:before {

  content: "\f075";

}

.fa-magnet:before {

  content: "\f076";

}

.fa-chevron-up:before {

  content: "\f077";

}

.fa-chevron-down:before {

  content: "\f078";

}

.fa-retweet:before {

  content: "\f079";

}

.fa-shopping-cart:before {

  content: "\f07a";

}

.fa-folder:before {

  content: "\f07b";

}

.fa-folder-open:before {

  content: "\f07c";

}

.fa-arrows-v:before {

  content: "\f07d";

}

.fa-arrows-h:before {

  content: "\f07e";

}

.fa-bar-chart-o:before,

.fa-bar-chart:before {

  content: "\f080";

}

.fa-twitter-square:before {

  content: "\f081";

}

.fa-facebook-square:before {

  content: "\f082";

}

.fa-camera-retro:before {

  content: "\f083";

}

.fa-key:before {

  content: "\f084";

}

.fa-gears:before,

.fa-cogs:before {

  content: "\f085";

}

.fa-comments:before {

  content: "\f086";

}

.fa-thumbs-o-up:before {

  content: "\f087";

}

.fa-thumbs-o-down:before {

  content: "\f088";

}

.fa-star-half:before {

  content: "\f089";

}

.fa-heart-o:before {

  content: "\f08a";

}

.fa-sign-out:before {

  content: "\f08b";

}

.fa-linkedin-square:before {

  content: "\f08c";

}

.fa-thumb-tack:before {

  content: "\f08d";

}

.fa-external-link:before {

  content: "\f08e";

}

.fa-sign-in:before {

  content: "\f090";

}

.fa-trophy:before {

  content: "\f091";

}

.fa-github-square:before {

  content: "\f092";

}

.fa-upload:before {

  content: "\f093";

}

.fa-lemon-o:before {

  content: "\f094";

}

.fa-phone:before {

  content: "\f095";

}

.fa-square-o:before {

  content: "\f096";

}

.fa-bookmark-o:before {

  content: "\f097";

}

.fa-phone-square:before {

  content: "\f098";

}

.fa-twitter:before {

  content: "\f099";

}

.fa-facebook-f:before,

.fa-facebook:before {

  content: "\f09a";

}

.fa-github:before {

  content: "\f09b";

}

.fa-unlock:before {

  content: "\f09c";

}

.fa-credit-card:before {

  content: "\f09d";

}

.fa-rss:before {

  content: "\f09e";

}

.fa-hdd-o:before {

  content: "\f0a0";

}

.fa-bullhorn:before {

  content: "\f0a1";

}

.fa-bell:before {

  content: "\f0f3";

}

.fa-certificate:before {

  content: "\f0a3";

}

.fa-hand-o-right:before {

  content: "\f0a4";

}

.fa-hand-o-left:before {

  content: "\f0a5";

}

.fa-hand-o-up:before {

  content: "\f0a6";

}

.fa-hand-o-down:before {

  content: "\f0a7";

}

.fa-arrow-circle-left:before {

  content: "\f0a8";

}

.fa-arrow-circle-right:before {

  content: "\f0a9";

}

.fa-arrow-circle-up:before {

  content: "\f0aa";

}

.fa-arrow-circle-down:before {

  content: "\f0ab";

}

.fa-globe:before {

  content: "\f0ac";

}

.fa-wrench:before {

  content: "\f0ad";

}

.fa-tasks:before {

  content: "\f0ae";

}

.fa-filter:before {

  content: "\f0b0";

}

.fa-briefcase:before {

  content: "\f0b1";

}

.fa-arrows-alt:before {

  content: "\f0b2";

}

.fa-group:before,

.fa-users:before {

  content: "\f0c0";

}

.fa-chain:before,

.fa-link:before {

  content: "\f0c1";

}

.fa-cloud:before {

  content: "\f0c2";

}

.fa-flask:before {

  content: "\f0c3";

}

.fa-cut:before,

.fa-scissors:before {

  content: "\f0c4";

}

.fa-copy:before,

.fa-files-o:before {

  content: "\f0c5";

}

.fa-paperclip:before {

  content: "\f0c6";

}

.fa-save:before,

.fa-floppy-o:before {

  content: "\f0c7";

}

.fa-square:before {

  content: "\f0c8";

}

.fa-navicon:before,

.fa-reorder:before,

.fa-bars:before {

  content: "\f0c9";

}

.fa-list-ul:before {

  content: "\f0ca";

}

.fa-list-ol:before {

  content: "\f0cb";

}

.fa-strikethrough:before {

  content: "\f0cc";

}

.fa-underline:before {

  content: "\f0cd";

}

.fa-table:before {

  content: "\f0ce";

}

.fa-magic:before {

  content: "\f0d0";

}

.fa-truck:before {

  content: "\f0d1";

}

.fa-pinterest:before {

  content: "\f0d2";

}

.fa-pinterest-square:before {

  content: "\f0d3";

}

.fa-google-plus-square:before {

  content: "\f0d4";

}

.fa-google-plus:before {

  content: "\f0d5";

}

.fa-money:before {

  content: "\f0d6";

}

.fa-caret-down:before {

  content: "\f0d7";

}

.fa-caret-up:before {

  content: "\f0d8";

}

.fa-caret-left:before {

  content: "\f0d9";

}

.fa-caret-right:before {

  content: "\f0da";

}

.fa-columns:before {

  content: "\f0db";

}

.fa-unsorted:before,

.fa-sort:before {

  content: "\f0dc";

}

.fa-sort-down:before,

.fa-sort-desc:before {

  content: "\f0dd";

}

.fa-sort-up:before,

.fa-sort-asc:before {

  content: "\f0de";

}

.fa-envelope:before {

  content: "\f0e0";

}

.fa-linkedin:before {

  content: "\f0e1";

}

.fa-rotate-left:before,

.fa-undo:before {

  content: "\f0e2";

}

.fa-legal:before,

.fa-gavel:before {

  content: "\f0e3";

}

.fa-dashboard:before,

.fa-tachometer:before {

  content: "\f0e4";

}

.fa-comment-o:before {

  content: "\f0e5";

}

.fa-comments-o:before {

  content: "\f0e6";

}

.fa-flash:before,

.fa-bolt:before {

  content: "\f0e7";

}

.fa-sitemap:before {

  content: "\f0e8";

}

.fa-umbrella:before {

  content: "\f0e9";

}

.fa-paste:before,

.fa-clipboard:before {

  content: "\f0ea";

}

.fa-lightbulb-o:before {

  content: "\f0eb";

}

.fa-exchange:before {

  content: "\f0ec";

}

.fa-cloud-download:before {

  content: "\f0ed";

}

.fa-cloud-upload:before {

  content: "\f0ee";

}

.fa-user-md:before {

  content: "\f0f0";

}

.fa-stethoscope:before {

  content: "\f0f1";

}

.fa-suitcase:before {

  content: "\f0f2";

}

.fa-bell-o:before {

  content: "\f0a2";

}

.fa-coffee:before {

  content: "\f0f4";

}

.fa-cutlery:before {

  content: "\f0f5";

}

.fa-file-text-o:before {

  content: "\f0f6";

}

.fa-building-o:before {

  content: "\f0f7";

}

.fa-hospital-o:before {

  content: "\f0f8";

}

.fa-ambulance:before {

  content: "\f0f9";

}

.fa-medkit:before {

  content: "\f0fa";

}

.fa-fighter-jet:before {

  content: "\f0fb";

}

.fa-beer:before {

  content: "\f0fc";

}

.fa-h-square:before {

  content: "\f0fd";

}

.fa-plus-square:before {

  content: "\f0fe";

}

.fa-angle-double-left:before {

  content: "\f100";

}

.fa-angle-double-right:before {

  content: "\f101";

}

.fa-angle-double-up:before {

  content: "\f102";

}

.fa-angle-double-down:before {

  content: "\f103";

}

.fa-angle-left:before {

  content: "\f104";

}

.fa-angle-right:before {

  content: "\f105";

}

.fa-angle-up:before {

  content: "\f106";

}

.fa-angle-down:before {

  content: "\f107";

}

.fa-desktop:before {

  content: "\f108";

}

.fa-laptop:before {

  content: "\f109";

}

.fa-tablet:before {

  content: "\f10a";

}

.fa-mobile-phone:before,

.fa-mobile:before {

  content: "\f10b";

}

.fa-circle-o:before {

  content: "\f10c";

}

.fa-quote-left:before {

  content: "\f10d";

}

.fa-quote-right:before {

  content: "\f10e";

}

.fa-spinner:before {

  content: "\f110";

}

.fa-circle:before {

  content: "\f111";

}

.fa-mail-reply:before,

.fa-reply:before {

  content: "\f112";

}

.fa-github-alt:before {

  content: "\f113";

}

.fa-folder-o:before {

  content: "\f114";

}

.fa-folder-open-o:before {

  content: "\f115";

}

.fa-smile-o:before {

  content: "\f118";

}

.fa-frown-o:before {

  content: "\f119";

}

.fa-meh-o:before {

  content: "\f11a";

}

.fa-gamepad:before {

  content: "\f11b";

}

.fa-keyboard-o:before {

  content: "\f11c";

}

.fa-flag-o:before {

  content: "\f11d";

}

.fa-flag-checkered:before {

  content: "\f11e";

}

.fa-terminal:before {

  content: "\f120";

}

.fa-code:before {

  content: "\f121";

}

.fa-mail-reply-all:before,

.fa-reply-all:before {

  content: "\f122";

}

.fa-star-half-empty:before,

.fa-star-half-full:before,

.fa-star-half-o:before {

  content: "\f123";

}

.fa-location-arrow:before {

  content: "\f124";

}

.fa-crop:before {

  content: "\f125";

}

.fa-code-fork:before {

  content: "\f126";

}

.fa-unlink:before,

.fa-chain-broken:before {

  content: "\f127";

}

.fa-question:before {

  content: "\f128";

}

.fa-info:before {

  content: "\f129";

}

.fa-exclamation:before {

  content: "\f12a";

}

.fa-superscript:before {

  content: "\f12b";

}

.fa-subscript:before {

  content: "\f12c";

}

.fa-eraser:before {

  content: "\f12d";

}

.fa-puzzle-piece:before {

  content: "\f12e";

}

.fa-microphone:before {

  content: "\f130";

}

.fa-microphone-slash:before {

  content: "\f131";

}

.fa-shield:before {

  content: "\f132";

}

.fa-calendar-o:before {

  content: "\f133";

}

.fa-fire-extinguisher:before {

  content: "\f134";

}

.fa-rocket:before {

  content: "\f135";

}

.fa-maxcdn:before {

  content: "\f136";

}

.fa-chevron-circle-left:before {

  content: "\f137";

}

.fa-chevron-circle-right:before {

  content: "\f138";

}

.fa-chevron-circle-up:before {

  content: "\f139";

}

.fa-chevron-circle-down:before {

  content: "\f13a";

}

.fa-html5:before {

  content: "\f13b";

}

.fa-css3:before {

  content: "\f13c";

}

.fa-anchor:before {

  content: "\f13d";

}

.fa-unlock-alt:before {

  content: "\f13e";

}

.fa-bullseye:before {

  content: "\f140";

}

.fa-ellipsis-h:before {

  content: "\f141";

}

.fa-ellipsis-v:before {

  content: "\f142";

}

.fa-rss-square:before {

  content: "\f143";

}

.fa-play-circle:before {

  content: "\f144";

}

.fa-ticket:before {

  content: "\f145";

}

.fa-minus-square:before {

  content: "\f146";

}

.fa-minus-square-o:before {

  content: "\f147";

}

.fa-level-up:before {

  content: "\f148";

}

.fa-level-down:before {

  content: "\f149";

}

.fa-check-square:before {

  content: "\f14a";

}

.fa-pencil-square:before {

  content: "\f14b";

}

.fa-external-link-square:before {

  content: "\f14c";

}

.fa-share-square:before {

  content: "\f14d";

}

.fa-compass:before {

  content: "\f14e";

}

.fa-toggle-down:before,

.fa-caret-square-o-down:before {

  content: "\f150";

}

.fa-toggle-up:before,

.fa-caret-square-o-up:before {

  content: "\f151";

}

.fa-toggle-right:before,

.fa-caret-square-o-right:before {

  content: "\f152";

}

.fa-euro:before,

.fa-eur:before {

  content: "\f153";

}

.fa-gbp:before {

  content: "\f154";

}

.fa-dollar:before,

.fa-usd:before {

  content: "\f155";

}

.fa-rupee:before,

.fa-inr:before {

  content: "\f156";

}

.fa-cny:before,

.fa-rmb:before,

.fa-yen:before,

.fa-jpy:before {

  content: "\f157";

}

.fa-ruble:before,

.fa-rouble:before,

.fa-rub:before {

  content: "\f158";

}

.fa-won:before,

.fa-krw:before {

  content: "\f159";

}

.fa-bitcoin:before,

.fa-btc:before {

  content: "\f15a";

}

.fa-file:before {

  content: "\f15b";

}

.fa-file-text:before {

  content: "\f15c";

}

.fa-sort-alpha-asc:before {

  content: "\f15d";

}

.fa-sort-alpha-desc:before {

  content: "\f15e";

}

.fa-sort-amount-asc:before {

  content: "\f160";

}

.fa-sort-amount-desc:before {

  content: "\f161";

}

.fa-sort-numeric-asc:before {

  content: "\f162";

}

.fa-sort-numeric-desc:before {

  content: "\f163";

}

.fa-thumbs-up:before {

  content: "\f164";

}

.fa-thumbs-down:before {

  content: "\f165";

}

.fa-youtube-square:before {

  content: "\f166";

}

.fa-youtube:before {

  content: "\f167";

}

.fa-xing:before {

  content: "\f168";

}

.fa-xing-square:before {

  content: "\f169";

}

.fa-youtube-play:before {

  content: "\f16a";

}

.fa-dropbox:before {

  content: "\f16b";

}

.fa-stack-overflow:before {

  content: "\f16c";

}

.fa-instagram:before {

  content: "\f16d";

}

.fa-flickr:before {

  content: "\f16e";

}

.fa-adn:before {

  content: "\f170";

}

.fa-bitbucket:before {

  content: "\f171";

}

.fa-bitbucket-square:before {

  content: "\f172";

}

.fa-tumblr:before {

  content: "\f173";

}

.fa-tumblr-square:before {

  content: "\f174";

}

.fa-long-arrow-down:before {

  content: "\f175";

}

.fa-long-arrow-up:before {

  content: "\f176";

}

.fa-long-arrow-left:before {

  content: "\f177";

}

.fa-long-arrow-right:before {

  content: "\f178";

}

.fa-apple:before {

  content: "\f179";

}

.fa-windows:before {

  content: "\f17a";

}

.fa-android:before {

  content: "\f17b";

}

.fa-linux:before {

  content: "\f17c";

}

.fa-dribbble:before {

  content: "\f17d";

}

.fa-skype:before {

  content: "\f17e";

}

.fa-foursquare:before {

  content: "\f180";

}

.fa-trello:before {

  content: "\f181";

}

.fa-female:before {

  content: "\f182";

}

.fa-male:before {

  content: "\f183";

}

.fa-gittip:before,

.fa-gratipay:before {

  content: "\f184";

}

.fa-sun-o:before {

  content: "\f185";

}

.fa-moon-o:before {

  content: "\f186";

}

.fa-archive:before {

  content: "\f187";

}

.fa-bug:before {

  content: "\f188";

}

.fa-vk:before {

  content: "\f189";

}

.fa-weibo:before {

  content: "\f18a";

}

.fa-renren:before {

  content: "\f18b";

}

.fa-pagelines:before {

  content: "\f18c";

}

.fa-stack-exchange:before {

  content: "\f18d";

}

.fa-arrow-circle-o-right:before {

  content: "\f18e";

}

.fa-arrow-circle-o-left:before {

  content: "\f190";

}

.fa-toggle-left:before,

.fa-caret-square-o-left:before {

  content: "\f191";

}

.fa-dot-circle-o:before {

  content: "\f192";

}

.fa-wheelchair:before {

  content: "\f193";

}

.fa-vimeo-square:before {

  content: "\f194";

}

.fa-turkish-lira:before,

.fa-try:before {

  content: "\f195";

}

.fa-plus-square-o:before {

  content: "\f196";

}

.fa-space-shuttle:before {

  content: "\f197";

}

.fa-slack:before {

  content: "\f198";

}

.fa-envelope-square:before {

  content: "\f199";

}

.fa-wordpress:before {

  content: "\f19a";

}

.fa-openid:before {

  content: "\f19b";

}

.fa-institution:before,

.fa-bank:before,

.fa-university:before {

  content: "\f19c";

}

.fa-mortar-board:before,

.fa-graduation-cap:before {

  content: "\f19d";

}

.fa-yahoo:before {

  content: "\f19e";

}

.fa-google:before {

  content: "\f1a0";

}

.fa-reddit:before {

  content: "\f1a1";

}

.fa-reddit-square:before {

  content: "\f1a2";

}

.fa-stumbleupon-circle:before {

  content: "\f1a3";

}

.fa-stumbleupon:before {

  content: "\f1a4";

}

.fa-delicious:before {

  content: "\f1a5";

}

.fa-digg:before {

  content: "\f1a6";

}

.fa-pied-piper:before {

  content: "\f1a7";

}

.fa-pied-piper-alt:before {

  content: "\f1a8";

}

.fa-drupal:before {

  content: "\f1a9";

}

.fa-joomla:before {

  content: "\f1aa";

}

.fa-language:before {

  content: "\f1ab";

}

.fa-fax:before {

  content: "\f1ac";

}

.fa-building:before {

  content: "\f1ad";

}

.fa-child:before {

  content: "\f1ae";

}

.fa-paw:before {

  content: "\f1b0";

}

.fa-spoon:before {

  content: "\f1b1";

}

.fa-cube:before {

  content: "\f1b2";

}

.fa-cubes:before {

  content: "\f1b3";

}

.fa-behance:before {

  content: "\f1b4";

}

.fa-behance-square:before {

  content: "\f1b5";

}

.fa-steam:before {

  content: "\f1b6";

}

.fa-steam-square:before {

  content: "\f1b7";

}

.fa-recycle:before {

  content: "\f1b8";

}

.fa-automobile:before,

.fa-car:before {

  content: "\f1b9";

}

.fa-cab:before,

.fa-taxi:before {

  content: "\f1ba";

}

.fa-tree:before {

  content: "\f1bb";

}

.fa-spotify:before {

  content: "\f1bc";

}

.fa-deviantart:before {

  content: "\f1bd";

}

.fa-soundcloud:before {

  content: "\f1be";

}

.fa-database:before {

  content: "\f1c0";

}

.fa-file-pdf-o:before {

  content: "\f1c1";

}

.fa-file-word-o:before {

  content: "\f1c2";

}

.fa-file-excel-o:before {

  content: "\f1c3";

}

.fa-file-powerpoint-o:before {

  content: "\f1c4";

}

.fa-file-photo-o:before,

.fa-file-picture-o:before,

.fa-file-image-o:before {

  content: "\f1c5";

}

.fa-file-zip-o:before,

.fa-file-archive-o:before {

  content: "\f1c6";

}

.fa-file-sound-o:before,

.fa-file-audio-o:before {

  content: "\f1c7";

}

.fa-file-movie-o:before,

.fa-file-video-o:before {

  content: "\f1c8";

}

.fa-file-code-o:before {

  content: "\f1c9";

}

.fa-vine:before {

  content: "\f1ca";

}

.fa-codepen:before {

  content: "\f1cb";

}

.fa-jsfiddle:before {

  content: "\f1cc";

}

.fa-life-bouy:before,

.fa-life-buoy:before,

.fa-life-saver:before,

.fa-support:before,

.fa-life-ring:before {

  content: "\f1cd";

}

.fa-circle-o-notch:before {

  content: "\f1ce";

}

.fa-ra:before,

.fa-rebel:before {

  content: "\f1d0";

}

.fa-ge:before,

.fa-empire:before {

  content: "\f1d1";

}

.fa-git-square:before {

  content: "\f1d2";

}

.fa-git:before {

  content: "\f1d3";

}

.fa-hacker-news:before {

  content: "\f1d4";

}

.fa-tencent-weibo:before {

  content: "\f1d5";

}

.fa-qq:before {

  content: "\f1d6";

}

.fa-wechat:before,

.fa-weixin:before {

  content: "\f1d7";

}

.fa-send:before,

.fa-paper-plane:before {

  content: "\f1d8";

}

.fa-send-o:before,

.fa-paper-plane-o:before {

  content: "\f1d9";

}

.fa-history:before {

  content: "\f1da";

}

.fa-genderless:before,

.fa-circle-thin:before {

  content: "\f1db";

}

.fa-header:before {

  content: "\f1dc";

}

.fa-paragraph:before {

  content: "\f1dd";

}

.fa-sliders:before {

  content: "\f1de";

}

.fa-share-alt:before {

  content: "\f1e0";

}

.fa-share-alt-square:before {

  content: "\f1e1";

}

.fa-bomb:before {

  content: "\f1e2";

}

.fa-soccer-ball-o:before,

.fa-futbol-o:before {

  content: "\f1e3";

}

.fa-tty:before {

  content: "\f1e4";

}

.fa-binoculars:before {

  content: "\f1e5";

}

.fa-plug:before {

  content: "\f1e6";

}

.fa-slideshare:before {

  content: "\f1e7";

}

.fa-twitch:before {

  content: "\f1e8";

}

.fa-yelp:before {

  content: "\f1e9";

}

.fa-newspaper-o:before {

  content: "\f1ea";

}

.fa-wifi:before {

  content: "\f1eb";

}

.fa-calculator:before {

  content: "\f1ec";

}

.fa-paypal:before {

  content: "\f1ed";

}

.fa-google-wallet:before {

  content: "\f1ee";

}

.fa-cc-visa:before {

  content: "\f1f0";

}

.fa-cc-mastercard:before {

  content: "\f1f1";

}

.fa-cc-discover:before {

  content: "\f1f2";

}

.fa-cc-amex:before {

  content: "\f1f3";

}

.fa-cc-paypal:before {

  content: "\f1f4";

}

.fa-cc-stripe:before {

  content: "\f1f5";

}

.fa-bell-slash:before {

  content: "\f1f6";

}

.fa-bell-slash-o:before {

  content: "\f1f7";

}

.fa-trash:before {

  content: "\f1f8";

}

.fa-copyright:before {

  content: "\f1f9";

}

.fa-at:before {

  content: "\f1fa";

}

.fa-eyedropper:before {

  content: "\f1fb";

}

.fa-paint-brush:before {

  content: "\f1fc";

}

.fa-birthday-cake:before {

  content: "\f1fd";

}

.fa-area-chart:before {

  content: "\f1fe";

}

.fa-pie-chart:before {

  content: "\f200";

}

.fa-line-chart:before {

  content: "\f201";

}

.fa-lastfm:before {

  content: "\f202";

}

.fa-lastfm-square:before {

  content: "\f203";

}

.fa-toggle-off:before {

  content: "\f204";

}

.fa-toggle-on:before {

  content: "\f205";

}

.fa-bicycle:before {

  content: "\f206";

}

.fa-bus:before {

  content: "\f207";

}

.fa-ioxhost:before {

  content: "\f208";

}

.fa-angellist:before {

  content: "\f209";

}

.fa-cc:before {

  content: "\f20a";

}

.fa-shekel:before,

.fa-sheqel:before,

.fa-ils:before {

  content: "\f20b";

}

.fa-meanpath:before {

  content: "\f20c";

}

.fa-buysellads:before {

  content: "\f20d";

}

.fa-connectdevelop:before {

  content: "\f20e";

}

.fa-dashcube:before {

  content: "\f210";

}

.fa-forumbee:before {

  content: "\f211";

}

.fa-leanpub:before {

  content: "\f212";

}

.fa-sellsy:before {

  content: "\f213";

}

.fa-shirtsinbulk:before {

  content: "\f214";

}

.fa-simplybuilt:before {

  content: "\f215";

}

.fa-skyatlas:before {

  content: "\f216";

}

.fa-cart-plus:before {

  content: "\f217";

}

.fa-cart-arrow-down:before {

  content: "\f218";

}

.fa-diamond:before {

  content: "\f219";

}

.fa-ship:before {

  content: "\f21a";

}

.fa-user-secret:before {

  content: "\f21b";

}

.fa-motorcycle:before {

  content: "\f21c";

}

.fa-street-view:before {

  content: "\f21d";

}

.fa-heartbeat:before {

  content: "\f21e";

}

.fa-venus:before {

  content: "\f221";

}

.fa-mars:before {

  content: "\f222";

}

.fa-mercury:before {

  content: "\f223";

}

.fa-transgender:before {

  content: "\f224";

}

.fa-transgender-alt:before {

  content: "\f225";

}

.fa-venus-double:before {

  content: "\f226";

}

.fa-mars-double:before {

  content: "\f227";

}

.fa-venus-mars:before {

  content: "\f228";

}

.fa-mars-stroke:before {

  content: "\f229";

}

.fa-mars-stroke-v:before {

  content: "\f22a";

}

.fa-mars-stroke-h:before {

  content: "\f22b";

}

.fa-neuter:before {

  content: "\f22c";

}

.fa-facebook-official:before {

  content: "\f230";

}

.fa-pinterest-p:before {

  content: "\f231";

}

.fa-whatsapp:before {

  content: "\f232";

}

.fa-server:before {

  content: "\f233";

}

.fa-user-plus:before {

  content: "\f234";

}

.fa-user-times:before {

  content: "\f235";

}

.fa-hotel:before,

.fa-bed:before {

  content: "\f236";

}

.fa-viacoin:before {

  content: "\f237";

}

.fa-train:before {

  content: "\f238";

}

.fa-subway:before {

  content: "\f239";

}

.fa-medium:before {

  content: "\f23a";

}

@font-face {

  font-family: 'StateFaceRegular';

  src: url('../../../fonts/stateface/stateface-regular-webfont.eot');

  src: url('../../../fonts/stateface/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/stateface/stateface-regular-webfont.woff') format('woff'), url('../../../fonts/stateface/stateface-regular-webfont.ttf') format('truetype'), url('../../../fonts/stateface/stateface-regular-webfont.svg#StateFaceRegular') format('svg');

  font-weight: normal;

  font-style: normal;

}

.stateface {

  font-family: 'StateFaceRegular';

  display: inline-block;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.stateface-ak:before {

  content: "A";

}

.stateface-al:before {

  content: "B";

}

.stateface-ar:before {

  content: "C";

}

.stateface-az:before {

  content: "D";

}

.stateface-ca:before {

  content: "E";

}

.stateface-co:before {

  content: "F";

}

.stateface-ct:before {

  content: "G";

}

.stateface-dc:before {

  content: "y";

}

.stateface-de:before {

  content: "H";

}

.stateface-fl:before {

  content: "I";

}

.stateface-ga:before {

  content: "J";

}

.stateface-hi:before {

  content: "K";

}

.stateface-ia:before {

  content: "L";

}

.stateface-id:before {

  content: "M";

}

.stateface-il:before {

  content: "N";

}

.stateface-in:before {

  content: "O";

}

.stateface-ks:before {

  content: "P";

}

.stateface-ky:before {

  content: "Q";

}

.stateface-la:before {

  content: "R";

}

.stateface-ma:before {

  content: "S";

}

.stateface-md:before {

  content: "T";

}

.stateface-me:before {

  content: "U";

}

.stateface-mi:before {

  content: "V";

}

.stateface-mn:before {

  content: "W";

}

.stateface-mo:before {

  content: "X";

}

.stateface-ms:before {

  content: "Y";

}

.stateface-mt:before {

  content: "Z";

}

.stateface-nc:before {

  content: "a";

}

.stateface-nd:before {

  content: "b";

}

.stateface-ne:before {

  content: "c";

}

.stateface-nh:before {

  content: "d";

}

.stateface-nj:before {

  content: "e";

}

.stateface-nm:before {

  content: "f";

}

.stateface-nv:before {

  content: "g";

}

.stateface-ny:before {

  content: "h";

}

.stateface-oh:before {

  content: "i";

}

.stateface-ok:before {

  content: "j";

}

.stateface-or:before {

  content: "k";

}

.stateface-pa:before {

  content: "l";

}

.stateface-pr:before {

  content: "3";

}

.stateface-ri:before {

  content: "m";

}

.stateface-sc:before {

  content: "n";

}

.stateface-sd:before {

  content: "o";

}

.stateface-tn:before {

  content: "p";

}

.stateface-tx:before {

  content: "q";

}

.stateface-us:before {

  content: "z";

}

.stateface-ut:before {

  content: "r";

}

.stateface-va:before {

  content: "s";

}

.stateface-vt:before {

  content: "t";

}

.stateface-wa:before {

  content: "u";

}

.stateface-wi:before {

  content: "v";

}

.stateface-wv:before {

  content: "w";

}

.stateface-wy:before {

  content: "x";

}

/* ===============================================

  Circle Graphs

================================================= */

.circle-text {

  width: 100%;

  text-align: center;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.circle-text h2 {

  font-weight: 600;

  font-size: 24px;

  margin-top: 0;

  margin-bottom: 5px;

}

.circle-text p {

  font-weight: 600;

  font-size: 12px;

  color: #999;

}

/*===============================================

  CKEditor

================================================= */

.admin-skin.cke_chrome {

  font-family: 'Open Sans', Helvetica, Arial, sans-serif;

  border: none;

  box-shadow: none;

  padding: 0;

  margin: 0;

  border-radius: 2px;

  background: #fafafa;

  border-color: #e7e7e7;

}

.admin-skin .cke_top {

  background: #fafafa;

  padding: 0px 10px 11px;

  -webkit-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

  border: 1px solid #e7e7e7;

}

.admin-skin .cke_toolgroup,

.admin-skin .cke_combo_button {

  margin-left: 5px;

  margin-right: 5px;

  margin-top: 10px;

  margin-bottom: 0;

  box-shadow: none;

  background: #FFF;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  border-color: #DDD;

}

.admin-skin a.cke_button {

  padding: 5px 4px;

}

.admin-skin .cke_contents {

  border-radius: 0;

  border-color: #e7e7e7;

}

.admin-skin .cke_top + .cke_contents,

.admin-skin .cke_contents + .cke_bottom {

  border-top: 0;

}

.admin-skin .cke_bottom {

  background: none;

  padding: 6px 4px;

  border: 1px solid #e7e7e7;

}

.admin-skin .cke_resizer {

  margin-top: 6px;

  margin-right: 4px;

  border-right-color: #999;

}

.cke_editable_inline.cke_show_borders:focus {

  outline-width: 2px;

  outline-style: dashed;

  outline-offset: 6px;

  outline-color: #f6bb42;

  background: #f2f2f2;

}

.cke-hide-bottom .cke_bottom {

  display: none;

}

.cke_toolbar_break {

  clear: none !important;

  display: block !important;

}

/* ==================================================

  Countdown

 ==================================================== */

#counter {

  width: 100%;

  min-height: 200px;

  padding: 30px 20px;

  margin-bottom: 100px;

}

.countdown-rtl {

  direction: rtl;

}

.countdown-holding span {

  color: #888;

}

.countdown-row {

  clear: both;

  width: 100%;

  padding: 0px 2px;

  text-align: center;

}

.countdown-show1 .countdown-section {

  width: 98%;

}

.countdown-show2 .countdown-section {

  width: 48%;

}

.countdown-show3 .countdown-section {

  width: 32.5%;

}

.countdown-show4 .countdown-section {

  width: 24.5%;

}

.countdown-show5 .countdown-section {

  width: 19.5%;

}

.countdown-show6 .countdown-section {

  width: 16.25%;

}

.countdown-show7 .countdown-section {

  width: 14%;

}

.countdown-section {

  position: relative;

  display: block;

  float: left;

  font-size: 75%;

  text-align: center;

}

.countdown-section:after {

  content: "";

  position: absolute;

  width: 5px;

  height: 45%;

  margin-top: 18%;

  top: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.5);

}

.countdown-section:last-child:after {

  display: none;

}

.countdown-amount {

  color: #FFF;

  font-weight: 200;

  font-size: 90px;

}

.countdown-period {

  display: block;

  color: #FFF;

  font-weight: 200;

  font-size: 24px;

}

.countdown-descr {

  display: block;

  width: 100%;

}

/*===============================================

  DataTables

================================================= */

/* DataTable */

table.dataTable {

  margin: 0 !important;

}

/* Table Row Changes */

table.dataTable tr.odd {

  background-color: #fff;

}

/* Table Header Changes */

table.dataTable thead th {

  background: #f9f9f9;

  padding: 10px;

}

/* Table Footer Changes */

table.dataTable tfoot th {

  border-top: 1px solid #ddd;

  padding: 4px 18px 4px 10px;

  font-weight: 600;

  background: #f2f2f2;

}

/* DataTable panel-menu, commonly holds filters */

.dt-panelmenu {

  padding: 10px 14px;

  background: #f8f8f8;

  border-bottom: 1px solid #e5e5e5;

}

/* DataTable panel-footer, commonly holds paginator */

.dt-panelfooter {

  padding: 6px 14px;

  background: #f8f8f8;

  border-top: 1px solid #e5e5e5;

}

/* DataTable Length */

.dataTables_length {

  float: left;

}

.dataTables_length select {

  margin: 0 5px;

}

/* DataTable Filter */

.dataTables_filter {

  float: right;

}

.dataTables_length label,

.dataTables_filter label {

  margin: 0;

}

/* DataTable Search bar */

table.dataTable .form-control {

  width: 100%;

}

/* DataTable Footer Elements */

div.dataTables_info {

  float: left;

  padding-top: 12px;

}

div.dataTables_paginate {

  margin-top: 5px;

}

/* Filter Returned No results Pane */

table.dataTable td.dataTables_empty {

  padding: 50px !important;

  background: #f6f6f6 !important;

}

/* Datatables abc filter */

.dt-abc-filter {

  padding: 4px 0;

}

.dt-abc-filter span {

  cursor: pointer;

  padding: 0 9px;

  font-size: 12px;

  font-weight: 600;

  color: #4a89dc;

  display: inline-block;

}

.dt-abc-filter .abc-label {

  color: #999;

  padding: 0 3px;

}

/* Contextual Row Filter Example */

table.dataTable tr.row-label td {

  background: #f6f6f6;

  color: #333;

  font-weight: 600;

  cursor: pointer;

}

/*

 * Table Selected/Active Row

 */

.table.dataTable tbody tr.active td,

.table.dataTable tbody tr.active th {

  color: #555;

  border-color: #EEE;

  background-color: #FFFEF0 !important;

}

.table.dataTable tbody tr.active:hover td,

.table.dataTable tbody tr.active:hover th {

  color: #555;

  border-color: #EEE;

  background-color: #FAF9DF !important;

}

/*

 * DataTable Modals

 * 

 */

.DTE .DTE_Header {

  background-color: #fafafa;

}

.DTE .DTE_Header h3 {

  margin-top: 5px;

  margin-bottom: 5px;

  padding-left: 10px;

}

.DTE .DTE_Body {

  min-height: 100px;

}

.DTE .DTE_Body:before,

.DTE .DTE_Body:after {

  content: " ";

  display: table;

}

.DTE .DTE_Body:after {

  clear: both;

}

.DTE .DTE_Body:before,

.DTE .DTE_Body:after {

  content: " ";

  display: table;

}

.DTE .DTE_Body:after {

  clear: both;

}

/*

 * DataTables Editor Addon - Checkbox

 */

.fchild-checkbox.dataTable thead th.sorting_disabled {

  background: #FFF;

}

.fchild-checkbox.dataTable tr td:first-child {

  text-align: center;

}

.fchild-checkbox.dataTable tr td:first-child:before {

  content: "\f096";

  /* fa-square-o */

  font-family: FontAwesome;

  color: #BBB;

}

.fchild-checkbox.dataTable tr.active td:first-child:before {

  content: "\f046";

  /* fa-check-square-o */

  color: #555;

}

.fchild-checkbox.dataTable tr td.dataTables_empty:first-child:before {

  content: "";

}

div.DTE_Inline div.DTE_Field input {

  background-color: #FFFEF0;

}

/*

 * PRINTING

 * Print display styles

 */

.DTTT_Print #content_wrapper {

  margin: 0 !important;

  padding: 0 !important;

  left: 0 !important;

  top: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

}

.DTTT_print_info {

  position: fixed;

  top: 10%;

  left: 50%;

  width: 400px;

  height: 150px;

  margin-left: -200px;

  margin-top: -75px;

  text-align: center;

  color: #333;

  padding: 10px 30px;

  background: #ffffff;

  /* Old browsers */

  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);

  /* Chrome10+,Safari5.1+ */

  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);

  /* FF3.6+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);

  /* IE10+ */

  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);

  /* Opera 11.10+ */

  background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);

  /* W3C */

  /* IE6-9 */

  opacity: 0.95;

  border: 1px solid black;

  border: 1px solid rgba(0, 0, 0, 0.5);

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);

  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);

  -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);

}

.DTTT_print_info h6 {

  font-weight: normal;

  font-size: 28px;

  line-height: 28px;

  margin: 1em;

}

.DTTT_print_info p {

  font-size: 14px;

  line-height: 20px;

}

/*===============================================

  Dropzone

================================================= */

.dropzone {

  min-height: 200px;

  background: transparent;

  border: 0;

  outline: 0;

  padding: 15px;

}

.dropzone .dz-default.dz-message {

  cursor: pointer;

  background-image: none;

  width: 100%;

  height: 100%;

  top: 23%;

  margin-left: 0px;

  margin-top: -23px;

  text-align: center;

  left: 0;

}

.dropzone .dz-default.dz-message span {

  display: inline-block;

  text-align: center;

}

.dropzone .dz-default.dz-message span.main-text {

  cursor: pointer;

  font-size: 28px;

  font-weight: 400;

  color: #666;

}

.dropzone .dz-default.dz-message span.main-text b {

  cursor: pointer;

  font-size: 40px;

  color: #555;

}

.dropzone .dz-default.dz-message span.sub-text {

  font-size: 20px;

  color: #888;

}

.dropzone .dz-default.dz-message i.fa {

  cursor: pointer;

  color: #4a89dc;

  font-size: 100px;

  display: block;

  margin-bottom: 15px;

}

.dropzone a.dz-remove,

.dropzone-previews a.dz-remove {

  cursor: pointer;

}

.dropzone .dz-preview,

.dropzone-previews .dz-preview {

  box-shadow: none;

  border-color: #DDD;

}

.dropzone .dz-preview .dz-details .dz-size,

.dropzone-previews .dz-preview .dz-details .dz-size {

  font-size: 13px;

}

.dropzone .dz-preview .dz-details,

.dropzone-previews .dz-preview .dz-details,

.dropzone .dz-preview .dz-details img,

.dropzone-previews .dz-preview .dz-details img {

  width: 115px;

}

.dropzone a.dz-remove,

.dropzone-previews a.dz-remove {

  margin-top: 30px;

  border-radius: 0;

}

.dropzone .dz-preview.dz-error .dz-error-mark,

.dropzone-previews .dz-preview.dz-error .dz-error-mark,

.dropzone .dz-preview.dz-error .dz-success-mark,

.dropzone-previews .dz-preview.dz-error .dz-success-mark {

  -webkit-transform: scale(0.7);

  transform: scale(0.7);

}

.dropzone.dropzone-sm .dz-default.dz-message i.fa {

  color: #BBB;

  font-size: 70px;

  margin-bottom: 6px;

}

.dropzone.dropzone-sm .dz-default.dz-message span.main-text {

  font-size: 22px;

}

.dropzone.dropzone-sm .dz-default.dz-message span.main-text b {

  font-size: 32px;

}

.dropzone.dropzone-sm .dz-default.dz-message span.sub-text {

  font-size: 16px;

}

/* Demonstration Purposes ONLY */

.dropzone .dz-preview .dz-error-message,

.dropzone-previews .dz-preview .dz-error-message {

  display: none !important;

}

/*===============================================

  Expose.js 

================================================= */

/* overlay */

.expose-overlay {

  display: none;

  background: rgba(0, 0, 0, 0.6);

  z-index: 9999;

}

/*===============================================

  Bootstrap FileUpload

================================================= */

.btn-file {

  overflow: hidden;

  position: relative;

  vertical-align: middle;

}

.btn-file > input {

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  transform: translate(-300px, 0) scale(4);

  font-size: 23px;

  direction: ltr;

  cursor: pointer;

}

.fileupload .uneditable-input {

  display: inline-block;

  margin-bottom: 0px;

  vertical-align: middle;

  cursor: text;

}

.fileupload .thumbnail {

  cursor: pointer;

  overflow: hidden;

  vertical-align: middle;

  text-align: center;

  padding: 5px;

  outline: 2px dashed #d9d9d9;

  border: 0;

  background: none;

}

.fileupload .thumbnail > img {

  display: inline-block;

  vertical-align: middle;

  max-height: 100%;

}

.fileupload .btn {

  vertical-align: middle;

}

.fileupload-exists .fileupload-new,

.fileupload-new .fileupload-exists {

  display: none !important;

}

.fileupload-inline .fileupload-controls {

  display: inline;

}

.fileupload-new .input-group .btn-file {

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}

.thumbnail-borderless .thumbnail {

  cursor: pointer;

  border: none;

  padding: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.fileupload-new.thumbnail-borderless .thumbnail {

  border: 1px solid #ddd;

}

.control-group.warning .fileupload .uneditable-input {

  color: #a47e3c;

  border-color: #a47e3c;

}

.control-group.warning .fileupload .fileupload-preview {

  color: #a47e3c;

}

.control-group.warning .fileupload .thumbnail {

  border-color: #a47e3c;

}

.control-group.error .fileupload .uneditable-input {

  color: #b94a48;

  border-color: #b94a48;

}

.control-group.error .fileupload .fileupload-preview {

  color: #b94a48;

}

.control-group.error .fileupload .thumbnail {

  border-color: #b94a48;

}

.control-group.success .fileupload .uneditable-input {

  color: #468847;

  border-color: #468847;

}

.control-group.success .fileupload .fileupload-preview {

  color: #468847;

}

.control-group.success .fileupload .thumbnail {

  border-color: #468847;

}

/*===============================================

  Flot Charts

================================================= */

/* Shared Flot and Sparkline tooltip */

.jqstooltip,

#flotTip {

  color: #fff;

  width: auto !important;

  height: auto !important;

  padding: 2px 6px !important;

  background-color: rgba(0, 0, 0, 0.7) !important;

  border: 0 !important;

  border-radius: 3px;

}

.flot-x-axis .flot-tick-label.tickLabel {

  color: #AAA;

}

.flot-y-axis .flot-tick-label.tickLabel {

  color: #AAA;

  padding-top: 6px;

  padding-left: 14px;

}

td.legendColorBox {

  padding: 5px;

}

/*==================================================

  FullCalendar.JS -  Used on pages-calendar.html

==================================================== */

/* External Events

------------------------------*/

.fc-event {

  position: relative;

  cursor: pointer;

  padding: 8px;

  margin: 10px;

  color: #777;

  font-size: 12px;

  background: #f9f9f9;

  border-radius: 2px;

  border: 1px solid #ddd;

  border-left: 4px solid #ddd;

}

.fc-event-desc {

  display: inline-block;

  vertical-align: middle;

  padding-left: 5px;

}

.fc-event-icon {

  display: inline-block;

  vertical-align: middle;

  width: 20px;

  font-size: 16px;

  text-align: center;

}

.fc-event:hover,

.fc-event:focus {

  color: #777;

  background: #f4f4f4;

}

.fc-view-container .fc-event {

  padding: 6px;

  background: #f4f4f4;

}

.fc-view-container .fc-event .fc-content {

  overflow: hidden;

  text-overflow: ellipsis;

}

.fc-event-primary {

  border-left-color: #3498db;

}

.fc-event-primary .fc-event-icon {

  color: #3498db;

}

.fc-event-info {

  border-left-color: #3bafda;

}

.fc-event-info .fc-event-icon {

  color: #3bafda;

}

.fc-event-success {

  border-left-color: #70ca63;

}

.fc-event-success .fc-event-icon {

  color: #70ca63;

}

.fc-event-warning {

  border-left-color: #f6bb42;

}

.fc-event-warning .fc-event-icon {

  color: #f6bb42;

}

.fc-event-danger {

  border-left-color: #df5640;

}

.fc-event-danger .fc-event-icon {

  color: #df5640;

}

.fc-event-alert {

  border-left-color: #967adc;

}

.fc-event-alert .fc-event-icon {

  color: #967adc;

}

.fc-event-system {

  border-left-color: #37bc9b;

}

.fc-event-system .fc-event-icon {

  color: #37bc9b;

}

/* Buttons (styled <button> tags, normalized to work cross-browser)

--------------------------------------------------------------------------------------------------*/

.fc button {

  /* dimensions */

  display: inline-block;

  margin-bottom: 0;

  font-weight: normal;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  border: 1px solid transparent;

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);

  white-space: nowrap;

  padding: 9px 12px;

  font-size: 13px;

  line-height: 1.49;

  border-radius: 2px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  color: #666666;

  background-color: #f0f0f0;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.15);

  height: auto;

  padding: 6px 12px;

}

.fc button:focus,

.fc button:active:focus,

.fc button.active:focus {

  outline: 0;

  outline-offset: -2px;

}

.fc button:hover,

.fc button:focus {

  color: #666666;

  text-decoration: none;

}

.fc button:active,

.fc button.active {

  outline: 0;

  background-image: none;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.fc button.disabled,

.fc button[disabled],

fieldset[disabled] .fc button {

  cursor: not-allowed;

  pointer-events: none;

  opacity: 0.65;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

  box-shadow: none;

}

.fc button.btn-gradient {

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  background-repeat: repeat-x;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);

}

.fc button.btn-rounded {

  border-radius: 20px;

}

.fc button:hover,

.fc button:focus,

.fc button:active,

.fc button.active,

.open > .dropdown-toggle.fc button {

  color: #666666;

  background-color: #eaeaea;

}

.fc button:active,

.fc button.active,

.open > .dropdown-toggle.fc button {

  background-image: none;

}

.fc button.disabled,

.fc button[disabled],

fieldset[disabled] .fc button,

.fc button.disabled:hover,

.fc button[disabled]:hover,

fieldset[disabled] .fc button:hover,

.fc button.disabled:focus,

.fc button[disabled]:focus,

fieldset[disabled] .fc button:focus,

.fc button.disabled:active,

.fc button[disabled]:active,

fieldset[disabled] .fc button:active,

.fc button.disabled.active,

.fc button[disabled].active,

fieldset[disabled] .fc button.active {

  background-color: #f0f0f0;

  border-color: #dddddd;

}

.fc button .badge {

  color: #f0f0f0;

  background-color: #666666;

}

.fc button.btn-gradient {

  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.09);

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);

}

.fc button.light {

  background-color: #FAFAFA;

}

.fc button.light:hover,

.fc button.light:focus,

.fc button.light:active,

.fc button.light.active,

.open > .dropdown-toggle.fc button.light {

  background-color: #ececec;

}

.fc button.dark {

  background-color: #e8e8e8;

}

.fc button.dark:hover,

.fc button.dark:focus,

.fc button.dark:active,

.fc button.dark.active,

.open > .dropdown-toggle.fc button.dark {

  background-color: #e1e1e1;

}

.fc-state-default {

  border: 1px solid;

}

.fc-state-default.fc-corner-left {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}

.fc-state-default.fc-corner-right {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}

/* icons in buttons */

.fc button .fc-icon {

  position: relative;

  margin: 0 .1em;

}

/*  button states

*/

.fc-state-default {

  background-color: #f5f5f5;

  background-image: none;

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  color: #333;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.fc-state-hover,

.fc-state-down,

.fc-state-active,

.fc-state-disabled {

  color: #333333;

  background-color: #e6e6e6;

}

.fc-state-hover {

  color: #333333;

  text-decoration: none;

}

.fc-state-down,

.fc-state-active {

  background-color: #cccccc;

  background-image: none;

  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.fc-state-disabled {

  cursor: default;

  background-image: none;

  opacity: 0.55;

  filter: alpha(opacity=55);

  box-shadow: none;

}

.fc-toolbar .fc-state-active,

.fc-toolbar .ui-state-active {

  z-index: 1;

}

/* Buttons Groups

--------------------------------------------------------------------------------------------------*/

.fc-button-group {

  display: inline-block;

}

/*

every button that is not first in a button group should scootch over one pixel and cover the

previous button's border...

*/

.fc .fc-button-group > * {

  /* extra precedence b/c buttons have margin set to zero */

  float: left;

  margin: 0 0 0 -1px;

}

.fc .fc-button-group > :first-child {

  /* same */

  margin-left: 0;

}

/* Background

--------------------------------------------------------------------------------------------------*/

.fc-bg {

  background-color: #fefefe;

}

.fc-bg .fc-today {

  background-color: #FFFEF8;

}

.fc-bg .fc-other-month {

  background-color: #f8f8f8;

}

/* Text

--------------------------------------------------------------------------------------------------*/

.fc-basic-view td.fc-day-number {

  color: #777;

  padding-top: 3px;

  padding-right: 7px;

  font-size: 12px;

}

.fc-basic-view td.fc-today.fc-day-number {

  color: #444;

  font-weight: 600;

}

/* Minimal Style. Requires '.minimal-mp' parent class - Used on Calendar Page

--------------------------------------------------------------------------------------------------*/

.minimal-mp .ui-datepicker {

  background: none;

  margin: 0;

  border: 0;

}

.minimal-mp .ui-datepicker-header {

  display: none;

}

.minimal-mp .ui-datepicker td {

  padding: 8px 5px;

}

.minimal-mp .ui-datepicker td span,

.minimal-mp .ui-datepicker td a {

  background: #DDD;

  padding: .50em .20em;

}

/*===============================================

  Gmap

================================================= */

/* Default map height/width */

.map {

  width: 100%;

  height: 400px;

}

/* Inline Map Pagination Styles */

.map .pagination {

  text-shadow: 0 1px #ffffff;

  border-color: #dddddd rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);

  background-color: #fdfdfd;

  width: 92%;

  margin: 11px;

  -webkit-box-shadow: 0 2px 4px #AAA;

  box-shadow: 0 2px 4px #AAA;

}

.map .pagination .display {

  display: inline-block;

  width: 84%;

  height: 40px;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

  text-align: center;

  line-height: 40px;

  text-shadow: 0 1px #FFF;

}

.map .pagination .btn {

  width: 8%;

  height: 40px;

  cursor: pointer;

  border-radius: 0;

  vertical-align: top;

  border: 0;

}

.map .pagination .back-btn {

  float: left;

  border-right: 1px solid #ddd;

  background: url("../../../img/plugins/arrow_left_12x12.png") no-repeat 50% 50%;

}

.map .pagination .fwd-btn {

  float: right;

  border-left: 1px solid #ddd;

  background: url("../../../img/plugins/arrow_right_12x12.png") no-repeat 50% 50%;

}

.map .checker {

  margin-right: 8px;

}

/* Map Styling Helper Classes */

.map-shadow {

  -webkit-box-shadow: 0 2px 3px #999;

  box-shadow: 0 2px 3px #999;

}

.map-gradient {

  text-shadow: 0 1px #ffffff;

  border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);

  background-color: #f0f0f0;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);

}

.map-rounded {

  border-radius: 4px;

}

/*===============================================

  High Charts

================================================= */

/* Custom Legend */

.legend-item {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 2s;

}

/* Label Text */

.highcharts-container .highcharts-axis-labels text {

  color: #AAA !important;

  fill: #AAA !important;

}

/*===============================================

  jQuery Spinner

================================================= */

.ui-spinner-input {

  color: inherit;

  min-height: 36px;

}

.ui-spinner-button {

  z-index: 3;

  cursor: pointer;

  display: block;

  overflow: hidden;

  position: absolute;

  right: 0;

  width: 16px;

  height: 50%;

  padding: 0;

  margin: 0;

  font-size: .5em;

  text-align: center;

}

.input-group .ui-spinner .form-control:first-child {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

}

.ui-spinner .ui-icon {

  position: absolute;

  margin-top: -2px;

  top: 50%;

  left: 0;

  text-indent: 0;

}

.ui-spinner-up .ui-icon {

  margin-top: -6px;

}

.ui-spinner-up {

  top: 0;

}

.ui-spinner-down {

  bottom: 0;

}

/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s {

  /* needed to correct false icon sprite pos */

  background-position: -65px -16px;

}

/*===============================================

  Jvector Maps

================================================= */

.jvectormap-label {

  z-index: 10;

  position: absolute;

  display: none;

  border: solid 1px #CDCDCD;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background: #292929;

  color: white;

  font-family: sans-serif, Verdana;

  font-size: smaller;

  padding: 3px;

}

.jvectormap-zoomin,

.jvectormap-zoomout {

  cursor: pointer;

  position: absolute;

  top: 30px;

  left: auto;

  right: 30px;

  padding: 0;

  width: 40px;

  height: 35px;

  line-height: 35px;

  color: #fff;

  text-align: center;

  font-weight: 400;

  font-size: 22px;

  border-radius: 2px;

  background: rgba(0, 0, 0, 0.5);

}

.jvectormap-zoomout {

  right: 80px;

}

/* used to hide zoom buttons */

.hide-jzoom .jvectormap-zoomin,

.hide-jzoom .jvectormap-zoomout {

  display: none;

}

/* ==================================================

  Magnific Popup

==================================================== */

/* Inline Content Styling (container) */

.modal-basic {

  max-width: 600px;

  margin: 40px auto;

  position: relative;

}

.modal-basic-bg {

  background: white;

  padding: 20px 30px;

  text-align: left;

  max-width: 600px;

  margin: 40px auto;

  position: relative;

}

/* unstyled popup */

.popup-basic {

  position: relative;

  background: #FFF;

  width: auto;

  max-width: 450px;

  margin: 40px auto;

}

/* popup sizes */

.popup-sm {

  max-width: 300px;

}

.popup-lg {

  max-width: 700px;

}

.popup-xl {

  max-width: 1000px;

}

.popup-full {

  max-width: 90%;

}

/* Basic Example */

.mfp-no-margins img.mfp-img {

  padding: 0;

}

.mfp-no-margins .mfp-figure:after {

  top: 0;

  bottom: 0;

}

.mfp-no-margins .mfp-container {

  padding: 0;

}

/*Simple fade transition*/

.mfp-fade.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.15s ease-out;

  -moz-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out;

}

.mfp-fade.mfp-bg.mfp-ready {

  opacity: 0.8;

}

.mfp-fade.mfp-bg.mfp-removing {

  opacity: 0;

}

.mfp-fade.mfp-wrap .mfp-content {

  opacity: 0;

  -webkit-transition: all 0.15s ease-out;

  -moz-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out;

}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

  opacity: 1;

}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

  opacity: 0;

}

/*===============================================

  Markitup

================================================= */

/* Container */

.markItUp {

  width: 100%;

  margin: 0;

}

/* Header */

.markItUpHeader {

  min-height: 43px;

  padding: 8px 10px 0px;

  background: #fafafa;

  border: none;

  border-bottom: 1px solid #e7e7e7;

}

.markItUpButton {

  padding: 4px;

  background: #FFF;

  border: 1px solid #DDD;

}

.markItUpButton + .markItUpButton {

  border-left: 0;

}

.markItUpHeader ul .markItUpSeparator {

  height: 25px;

  background-color: #EEE;

}

/* Textarea */

.markItUpEditor {

  font-family: 'Open Sans', Helvetica, Arial, sans-serif;

  font-size: 13px;

  padding: 10px;

  border: none;

  width: 100%;

  height: 250px;

}

/* Footer */

.markItUpFooter {

  height: 15px;

}

/* preview frame */

.markItUpPreviewFrame {

  margin: 0;

  outline: 0;

  border: 0;

  padding: 5px 8px;

  border-top: 1px solid #e7e7e7;

  background: #fafafa;

}

/* ==================================================

  Mapplic Map Plugin

==================================================== */

@media (max-width: 991px) {

  .mapplic-sidebar {

    display: none;

  }

  .mapplic-container {

    width: 100%;

  }

}

/*===============================================

  Bootstrap Multiselect

================================================= */

.multiselect-container.dropdown-menu {

  position: absolute;

  list-style-type: none;

  padding: 0;

  margin: 0;

  margin-top: 4px;

}

.multiselect-container.dropdown-menu .input-group {

  margin: 5px;

}

.multiselect-container.dropdown-menu > li {

  padding: 0;

}

.multiselect-container.dropdown-menu > li > a.multiselect-all label {

  font-weight: 600;

}

.multiselect-container.dropdown-menu > li.multiselect-group {

  background: #f3f3f3;

  border-bottom: 1px solid #eaeaea;

}

.multiselect-container.dropdown-menu > li.multiselect-group label {

  margin: 0;

  padding: 6px 12px 5px;

  height: 100%;

  font-weight: 600;

}

.multiselect-container.dropdown-menu > li.multiselect-group-clickable label {

  cursor: pointer;

}

.multiselect-container.dropdown-menu > li > a {

  padding: 0;

}

.multiselect-container.dropdown-menu > li > a > label {

  margin: 0;

  height: 100%;

  cursor: pointer;

  font-weight: 400;

  padding: 4px 20px 6px 32px;

}

.multiselect-container.dropdown-menu > li > a > label.radio,

.multiselect-container.dropdown-menu > li > a > label.checkbox {

  margin: 0;

}

.multiselect-container.dropdown-menu > li > a > label > input[type=checkbox] {

  margin-bottom: 5px;

}

.filter .btn.multiselect-clear-filter {

  padding: 9px 5px;

}

.filter .btn.multiselect-clear-filter i.glyphicon {

  font-size: 11px;

  color: #AAA;

}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.form-inline .multiselect-container.dropdown-menu label.checkbox,

.form-inline .multiselect-container.dropdown-menu label.radio {

  padding: 3px 20px 3px 40px;

}

.form-inline .multiselect-container.dropdown-menu li a label.checkbox input[type=checkbox],

.form-inline .multiselect-container.dropdown-menu li a label.radio input[type=radio] {

  margin-left: -20px;

  margin-right: 0;

}

/* item search bar */

.multiselect-container.dropdown-menu > li.multiselect-item.filter {

  min-width: 175px;

}

.btn.multiselect .caret {

  margin-left: 5px;

}

/*===============================================

  Nestable

================================================= */

.nestable-lists:before,

.nestable-lists:after {

  content: " ";

  display: table;

}

.nestable-lists:after {

  clear: both;

}

.nestable-lists:before,

.nestable-lists:after {

  content: " ";

  display: table;

}

.nestable-lists:after {

  clear: both;

}

/*nestable*/

.dd {

  max-width: 100%;

}

/* Item heading */

.dd-handle {

  display: block;

  height: auto;

  cursor: pointer;

  margin: 5px 0;

  padding: 7px 10px;

  color: #777;

  text-decoration: none;

  font-weight: 600;

  border: 1px solid #ddd;

  background: #f5f5f5;

  -webkit-border-radius: 2px;

  border-radius: 2px;

}

/* heading hover */

.dd-handle:hover {

  color: #333;

  background: #ededed;

}

.dd-handle:hover + .dd-content {

  border-color: #f9d58b;

}

.dd-item > button {

  margin: 7px 0;

}

/* item content */

.dd-content {

  margin-top: -5px;

  padding: 10px;

  border: 1px solid #ddd;

  border-top: 0;

  background: #fafafa;

}

.dd-list .dd-list {

  padding-top: 5px;

  padding-bottom: 5px;

}

/* heading/content - dragged */

.dd-empty {

  background: #f8f8f8;

}

.dd-item.dd-primary > button,

.dd-item.dd-info > button {

  color: #FFF;

}

.dd-item.dd-primary .dd-handle {

  color: #FFF;

  background-color: #4a89dc !important;

  border-color: #4a89dc !important;

}

.dd-item.dd-info .dd-handle {

  color: #FFF;

  background-color: #3bafda !important;

  border-color: #3bafda !important;

}

/*===============================================

  Nano Scroller

================================================= */

/** initial setup **/

.nano {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.nano > .nano-content {

  position: absolute;

  overflow-x: hidden;

  right: 0;

  left: 0;

  top: 0;

  bottom: 0;

}

.nano.has-scrollbar > .nano-content {

  overflow-y: scroll;

  overflow-x: hidden;

}

.nano.affix > .nano-content:focus {

  outline: thin dotted;

}

.nano.affix > .nano-content::-webkit-scrollbar {

  display: none;

}

.affix.has-scrollbar > .nano-content::-webkit-scrollbar {

  display: block;

}

.nano.affix > .nano-pane {

  background: rgba(0, 0, 0, 0.18);

  position: absolute;

  width: 5px;

  right: 0;

  top: 0;

  bottom: 0;

  visibility: hidden\9;

  /* Target only IE7 and IE8 with this hack */

  opacity: .01;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

  transition: .2s;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  border-radius: 0px;

}

.nano.affix > .nano-pane > .nano-slider {

  background: #999;

  position: relative;

  margin: 0;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  border-radius: 0px;

}

.nano.affix:hover > .nano-pane,

.nano-pane.active,

.nano-pane.flashed {

  visibility: visible\9;

  /* Target only IE7 and IE8 with this hack */

  opacity: 0.99;

}

/* Nano colors/contextuals - default color grey */

.nano.affix.nano-primary > .nano-pane > .nano-slider {

  background: #3498db;

}

.nano.affix.nano-success > .nano-pane > .nano-slider {

  background: #70ca63;

}

.nano.affix.nano-info > .nano-pane > .nano-slider {

  background: #3bafda;

}

.nano.affix.nano-warning > .nano-pane > .nano-slider {

  background: #f6bb42;

}

.nano.affix.nano-danger > .nano-pane > .nano-slider {

  background: #df5640;

}

.nano.affix.nano-alert > .nano-pane > .nano-slider {

  background: #967adc;

}

.nano.affix.nano-system > .nano-pane > .nano-slider {

  background: #37bc9b;

}

.nano.affix.nano-dark > .nano-pane > .nano-slider {

  background: #3b3f4f;

}

/* ============================================== 

 Colorpicker/Datepicker/DateRangePicker

================================================= */

/*alter picker z-indexes if inside an overlay*/

body.mfp-bg-open .datepicker,

body.mfp-bg-open .ui-datepicker,

body.mfp-bg-open .colorpicker.dropdown-menu,

body.mfp-bg-open .daterangepicker.dropdown-menu,

body.mfp-bg-open .bootstrap-datetimepicker-widget {

  z-index: 9999 !important;

}

/* disable z-index modifcation for inline pickers */

body.mfp-bg-open .ui-datepicker-inline {

  z-index: inherit !important;

}

/*colorpicker*/

.colorpicker.dropdown-menu {

  z-index: 1025;

  padding: 6px 12px;

  min-width: 0;

  top: 0;

  left: 0;

  min-width: 130px;

  padding: 4px;

  margin-top: 1px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border-color: 1px solid rgba(0, 0, 0, 0.1);

}

/*datepicker*/

.datepicker {

  padding: 6px;

}

/*daterangepicker*/

.daterangepicker.dropdown-menu {

  background: #f8f8f8;

}

.daterangepicker .calendar-date {

  border-radius: 2px;

}

.daterangepicker.opensleft .ranges,

.daterangepicker.opensleft .calendar {

  margin: 4px 6px;

  background: #f8f8f8;

}

.daterangepicker.opensleft .calendar.left {

  margin-right: 2px;

}

.daterangepicker .ranges li {

  background: #FFF;

  border-radius: 1px;

  padding: 4px 12px;

  border: 1px solid #EEE;

  margin-bottom: 6px;

}

.daterangepicker .ranges li.active,

.daterangepicker .ranges li:hover {

  background: #3498db;

  border-color: #3498db;

}

.daterangepicker .ranges .input-mini {

  border-radius: 2px;

}

.daterangepicker td.active,

.daterangepicker td.active:hover {

  background: #3498db;

  border-color: #3498db;

}

.daterangepicker td.start-date,

.daterangepicker td.end-date {

  border-radius: 0;

}

/*bootstrap datetimepicker*/

.bootstrap-datetimepicker-widget td span.glyphicon,

.bootstrap-datetimepicker-widget td span.glyphicons {

  line-height: 54px;

}

/*bootstrap datetimepicker toggle switch*/

.bootstrap-datetimepicker-widget .picker-switch .btn {

  padding: 4px 12px;

  border-color: transparent;

}

.timepicker-sm .bootstrap-datetimepicker-widget td,

.timepicker-sm .bootstrap-datetimepicker-widget td span,

.timepicker-sm .bootstrap-datetimepicker-widget td span.glyphicons {

  height: 28px;

  line-height: 28px;

}

/* inline datewidget */

.datewidget-inline {

  z-index: 1020 !important;

  display: block !important;

  position: relative !important;

  top: 0 !important;

  left: 0 !important;

  right: auto !important;

  bottom: auto !important;

}

/*==================================================

  Pnotify

==================================================== */

/* -- Notice */

.ui-pnotify {

  top: 25px;

  right: 25px;

  position: absolute;

  height: auto;

  /* Ensures notices are above everything */

  z-index: 9999;

}

.ui-pnotify .alert {

  border-radius: 0;

}

/* Hides position: fixed from IE6 */

html > body > .ui-pnotify {

  position: fixed;

}

.ui-pnotify .ui-pnotify-shadow {

  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);

  -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);

  box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);

}

.ui-pnotify-container {

  background-position: 0 0;

  padding: .8em;

  height: 100%;

  margin: 0;

}

.ui-pnotify-sharp {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.ui-pnotify-title {

  display: block;

  margin-bottom: .4em;

  margin-top: 0;

}

.ui-pnotify-text {

  display: block;

}

.ui-pnotify-icon,

.ui-pnotify-icon span {

  display: block;

  float: left;

  margin-right: .2em;

}

/* Alternate stack initial positioning. */

.ui-pnotify.stack_top_left,

.ui-pnotify.stack_bottom_left {

  left: 15px;

  right: auto;

}

.ui-pnotify.stack_bottom_right,

.ui-pnotify.stack_bottom_left {

  bottom: 25px;

  right: 8px;

  top: auto;

}

.ui-pnotify.stack_bottom_right {

  right: 12px;

}

.ui-pnotify-closer,

.ui-pnotify-sticker {

  float: right;

  margin-left: .2em;

}

.ui-pnotify.stack_bar_top {

  right: 0;

  top: 0;

  width: 100%;

  border-radius: 0;

}

.ui-pnotify.stack_bar_top .alert {

  border-left-width: 0;

  border-right-width: 0;

  border-top-width: 0;

}

.ui-pnotify.stack_bar_bottom {

  right: auto;

  top: auto;

  left: auto;

  margin-left: 15%;

  bottom: 0;

  border-radius: 0;

}

/*wrapper */

.ui-pnotify {

  top: 70px;

  right: 8px;

}

/*with icon*/

.ui-pnotify-icon,

.ui-pnotify-icon span {

  font-size: 30px;

  min-height: 40px;

  line-height: 40px;

  padding-right: 3px;

}

/*===============================================

  RangeSlider

================================================= */

/* Slider Container */

.ui-rangeSlider .ui-rangeSlider-bar {

  margin: 5px 0;

  height: 20px;

  background-color: #6390a7;

}

/* Slider Inner bar */

.ui-rangeSlider .ui-rangeSlider-innerBar {

  height: 24px;

  margin: 3px 0;

  background-color: #FFF;

  border: 1px solid #CCC;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset;

}

/* Slider Label */

.ui-rangeSlider-label {

  border: 0;

  box-shadow: none;

  background: none;

  background-image: none;

}

.ui-rangeSlider-label-value {

  position: relative;

  top: -8px;

  min-width: 40px;

  min-height: 25px;

  text-align: center;

  line-height: 25px;

  font-size: 12px;

  font-weight: 600;

  border-radius: 4px;

  background: #fafafa;

  background-image: none;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

}

.ui-rangeSlider-label:after {

  content: "\f0d7";

  width: 100%;

  position: absolute;

  bottom: 0;

  margin: 0 -6px;

  color: #f8f8f8;

  font-family: FontAwesome;

  font-size: 18px;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

}

/* Slider Input Label */

input.ui-editRangeSlider-inputValue {

  border: 1px solid #DDD;

  width: 2.2em;

}

/* Slider Handles */

.ui-rangeSlider .ui-rangeSlider-handle {

  background: none;

}

.ui-rangeSlider .ui-rangeSlider-handle-inner {

  background: url(../img/plugins/slider-knob.png) no-repeat center top;

  width: 22px;

  height: 24px;

}

.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner {

  margin-left: -10px;

}

.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner {

  margin-left: -4px;

}

/* Slider Arrows */

.ui-rangeSlider-arrow {

  margin: 6px 0;

}

.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {

  left: -13px !important;

}

.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow {

  right: -13px !important;

}

/*===============================================

  Summernote

================================================= */

.note-editor {

  border: none;

}

.note-editor .note-toolbar {

  background: #fafafa;

  border: none;

  border-bottom: 1px solid #e7e7e7;

  padding: 0 10px 11px;

  margin: 0;

}

.note-editor .note-toolbar > .btn-group {

  margin-top: 11px;

}

.note-editor .btn-sm,

.note-editor .btn-group-sm > .btn {

  padding: 5px 9px 5px;

}

.note-editor .btn-default {

  background-color: #FFF;

  border-color: #DDD;

  -webkit-border-radius: 2px;

  border-radius: 2px;

}

.note-editor .note-editable {

  overflow: auto;

}

.note-editor .note-statusbar {

  background: none;

}

.note-editor .note-statusbar .note-resizebar {

  border: none;

}

.note-dialog .modal-dialog {

  padding-top: 50px;

}

/*===============================================

  Tags Manager

================================================= */

.tag-container {

  margin-top: 10px;

}

.tm-tag {

  margin-right: 8px;

  padding: 4px 8px;

  color: #FFF;

  font-size: 13px;

  font-weight: 600;

  border: 0;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  box-shadow: none;

  background: #AAA;

}

.tm-tag .tm-tag-remove {

  color: #FFF;

  opacity: 0.6;

  font-size: 13px;

  font-weight: 400;

  padding: 0 3px;

}

.tm-tag .tm-tag-remove:hover {

  color: #FFF;

  opacity: 1;

}

.tm-tag.tm-tag-primary {

  color: #FFF;

  background-color: #57aae1;

}

.tm-tag.tm-tag-info {

  color: #FFF;

  background-color: #5dbde0;

}

.tm-tag.tm-tag-success {

  color: #FFF;

  background-color: #8cd481;

}

.tm-tag.tm-tag-warning {

  color: #FFF;

  background-color: #f8c969;

}

.tm-tag.tm-tag-danger {

  color: #FFF;

  background-color: #e57563;

}

.tm-tag.tm-tag-alert {

  color: #FFF;

  background-color: #b09ae4;

}

.tm-tag.tm-tag-system {

  color: #FFF;

  background-color: #50ccad;

}

/*===============================================

  Treeview Plugin

================================================= */

/*fancytree container*/

ul.fancytree-container {

  color: #999;

  font-size: 14px;

  padding: 0;

  border: 0;

  outline: 0;

  background-color: transparent;

}

/*fancytree items */

ul.fancytree-container li {

  padding: 2px 0;

}

/*fancytree item*/

span.fancytree-node {

  padding: 4px 0;

}

/*fancytree item title*/

span.fancytree-title {

  color: #666;

}

/*fancytree item icon*/

span.fancytree-icon {

  position: relative;

}

/*fancytree item STATES*/

/*fancytree item hover*/

span.fancytree-node:hover {

  background-color: #EEE;

  border-color: #CCC;

}

/*fancytree active item*/

span.fancytree-node.fancytree-active,

span.fancytree-node.fancytree-selected {

  background-color: #EEE;

  border-color: #CCC;

}

/*fancytree active item hover*/

span.fancytree-node.fancytree-active:hover,

span.fancytree-node.fancytree-selected:hover {

  background-color: #EEE;

  border-color: #CCC;

}

/*fancytree active item focus*/

.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,

.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {

  background-color: #EEE;

  border-color: #CCC;

}

/*fancytree addon - childcounter */

span.fancytree-childcounter {

  color: #fff;

  background: #428BCA;

  /*  border: 1px solid gray; */

  position: absolute;

  top: -9px;

  right: -8px;

  min-width: 13px;

  height: 13px;

  line-height: 9px;

  vertical-align: baseline;

  border-radius: 10px;

  /*50%;*/

  padding: 2px;

  text-align: center;

  font-size: 10px;

}

/*fancytree addon - columnview*/

table.fancytree-ext-columnview {

  outline: 0;

  border: 0;

}

table.fancytree-container tbody tr td {

  padding: 8px 14px;

  border-color: #EEE;

  max-width: 300px;

  /* width does not work */

}

/* prevent long lines to wrap */

table.fancytree-container span.fancytree-node {

  white-space: nowrap;

  overflow: hidden;

  -o-text-overflow: ellipsis;

  -ms-text-overflow: ellipsis;

  text-overflow: ellipsis;

}

/* prevent long lines to start with a break after the icon */

table.fancytree-container span.fancytree-title {

  display: inline;

}

table.fancytree-container span.selTag {

  cursor: pointer;

  display: inline-block;

  padding: 3px 7px;

  margin: 1px 5px;

  background-color: #dec;

  border: 0;

  border-radius: 1px;

}

table.fancytree-ext-columnview tbody tr #tags,

table.fancytree-ext-columnview tbody tr #preview {

  padding: 12px 14px;

  vertical-align: middle;

  background: #fbfbfb;

}

.bootstrap-tagsinput {

  position: relative;

  vertical-align: top;

  display: inline-block;

  vertical-align: middle;

  width: 100%;

  height: auto;

  min-height: 42px;

  outline: 0;

  padding: 3px 8px;

  margin: 0;

  cursor: text;

  color: #626262;

  font-size: 14px;

  font-weight: 400;

  border: 1px solid #E5E5E5;

  border-radius: 0;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.bootstrap-tagsinput:focus,

.bootstrap-tagsinput:hover {

  border-color: #DDD;

  background-color: #FFF !important;

}

.bootstrap-tagsinput input {

  border: none;

  box-shadow: none;

  outline: none;

  background-color: transparent;

  padding: 0;

  margin: 0;

  width: auto !important;

  max-width: inherit;

}

.bootstrap-tagsinput input:focus {

  border: none;

  box-shadow: none;

}

.bootstrap-tagsinput .tag {

  color: white;

  margin-right: 5px;

  line-height: 36px;

  padding: .6em .7em .7em;

  border-radius: 2px;

}

.bootstrap-tagsinput .tag.label-default {

  color: #AAA;

  font-weight: 500;

  background-color: #fff;

  border: 1px solid #eee;

  padding: .5em .7em .6em;

}

.bootstrap-tagsinput .tag [data-role="remove"] {

  margin-left: 8px;

  cursor: pointer;

}

.bootstrap-tagsinput .tag [data-role="remove"]:after {

  content: "x";

  padding: 0px 2px;

}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

/*===============================================

  Bootstrap Datepicker

================================================= */

/* today item - bg */

.bootstrap-datetimepicker-widget td.today:before {

  border-bottom: 7px solid #3498db;

}

/* active/:hover item - bg */

.bootstrap-datetimepicker-widget td.active,

.bootstrap-datetimepicker-widget td.active:hover,

.bootstrap-datetimepicker-widget td span.active {

  background-color: #428bca;

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

/* widget inner links */

.bootstrap-datetimepicker-widget a[data-action] {

  border-color: transparent;

}

/*===============================================

  Twitters Typeahead.js

================================================= */

/* typeahead wrapper */

span.twitter-typeahead {

  width: 100%;

}

/* dropdown suggestion menu */

.tt-dropdown-menu {

  width: 100%;

  max-height: 250px;

  overflow: hidden;

  overflow-x: hidden;

  overflow-y: auto;

  margin-top: 8px;

  padding: 8px 0;

  background-color: #fff;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}

/* individual suggestions */

.tt-suggestion {

  padding: 2px 12px;

  font-size: 14px;

  line-height: 20px;

}

/* active/:hover suggestion */

.tt-suggestion.tt-cursor {

  cursor: pointer;

  color: #ffffff;


















































  background-color: #3498db;

}

.tt-suggestion p {

  margin: 2px 0;

}

/* ==================================================

    Bootstrap Dual Listbox

 ==================================================== */

.bootstrap-duallistbox-container .buttons {

  width: 100%;

  margin-bottom: -1px;

}

.bootstrap-duallistbox-container label {

  display: block;

}

form.hide-list-label .bootstrap-duallistbox-container label {

  display: none !important;

}

.bootstrap-duallistbox-container .info {

  display: inline-block;

  margin-bottom: 5px;

  font-size: 11px;

}

.bootstrap-duallistbox-container .clear1,

.bootstrap-duallistbox-container .clear2 {

  display: none;

  position: relative;

  top: 2px;

  font-size: 11px;

}

.bootstrap-duallistbox-container .box1.filtered .clear1,

.bootstrap-duallistbox-container .box2.filtered .clear2 {

  display: inline-block;

}

.bootstrap-duallistbox-container .move,

.bootstrap-duallistbox-container .remove {

  width: 50%;

  padding: 6px 12px;

}

.bootstrap-duallistbox-container .btn-group .btn {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}

.bootstrap-duallistbox-container select {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.bootstrap-duallistbox-container .moveall,

.bootstrap-duallistbox-container .removeall {

  width: 50%;

  padding: 6px 12px;

}

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {

  margin-left: 0;

}

.bootstrap-duallistbox-container select {

  width: 100%;

  height: 300px;

  padding: 4px 5px;

}

.bootstrap-duallistbox-container.moveonselect select option {

  cursor: pointer;

}

.bootstrap-duallistbox-container .filter {

  display: inline-block;

  width: 100%;

  margin: 0 0 -1px 0;

}

.bootstrap-duallistbox-container .filter.placeholder {

  color: #aaa;

}

.bootstrap-duallistbox-container.moveonselect .move,

.bootstrap-duallistbox-container.moveonselect .remove {

  display: none;

}

.bootstrap-duallistbox-container.moveonselect .moveall,

.bootstrap-duallistbox-container.moveonselect .removeall {

  width: 100%;

  margin: 0 !important;

}

/* ===============================================

  Cropper

================================================= */

.cropper-container {

  position: relative;

  overflow: hidden;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

}

.cropper-container img {

  display: block;

  width: 100%;

  min-width: 0 !important;

  max-width: none !important;

  height: 100%;

  min-height: 0 !important;

  max-height: none !important;

  image-orientation: 0deg !important;

}

.cropper-canvas,

.cropper-drag-box,

.cropper-crop-box,

.cropper-modal {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.cropper-drag-box {

  background-color: #fff;

  filter: alpha(opacity=0);

  opacity: 0;

}

.cropper-modal {

  background-color: #000;

  filter: alpha(opacity=50);

  opacity: .5;

}

.cropper-view-box {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  outline: 1px solid #69f;

  outline-color: rgba(102, 153, 255, 0.75);

}

.cropper-dashed {

  position: absolute;

  display: block;

  filter: alpha(opacity=50);

  border: 0 dashed #fff;

  opacity: .5;

}

.cropper-dashed.dashed-h {

  top: 33.33333333%;

  left: 0;

  width: 100%;

  height: 33.33333333%;

  border-top-width: 1px;

  border-bottom-width: 1px;

}

.cropper-dashed.dashed-v {

  top: 0;

  left: 33.33333333%;

  width: 33.33333333%;

  height: 100%;

  border-right-width: 1px;

  border-left-width: 1px;

}



.cropper-face,



.cropper-line,



.cropper-point {



  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  filter: alpha(opacity=10);

  opacity: .1;

}

.cropper-face {

  top: 0;

  left: 0;

  cursor: move;

  background-color: #fff;

}

.cropper-line {

  background-color: #69f;

}

.cropper-line.line-e {

  top: 0;

  right: -3px;

  width: 5px;

  cursor: e-resize;

}

.cropper-line.line-n {

  top: -3px;

  left: 0;

  height: 5px;

  cursor: n-resize;

}

.cropper-line.line-w {

  top: 0;

  left: -3px;

  width: 5px;

  cursor: w-resize;

}

.cropper-line.line-s {

  bottom: -3px;

  left: 0;

  height: 5px;

  cursor: s-resize;

}

.cropper-point {

  width: 5px;

  height: 5px;

  background-color: #69f;

  filter: alpha(opacity=75);

  opacity: .75;

}

.cropper-point.point-e {

  top: 50%;

  right: -3px;

  margin-top: -3px;

  cursor: e-resize;

}

.cropper-point.point-n {

  top: -3px;

  left: 50%;

  margin-left: -3px;

  cursor: n-resize;

}

.cropper-point.point-w {

  top: 50%;

  left: -3px;

  margin-top: -3px;

  cursor: w-resize;

}

.cropper-point.point-s {

  bottom: -3px;

  left: 50%;

  margin-left: -3px;

  cursor: s-resize;

}

.cropper-point.point-ne {

  top: -3px;

  right: -3px;

  cursor: ne-resize;

}

.cropper-point.point-nw {

  top: -3px;

  left: -3px;

  cursor: nw-resize;

}

.cropper-point.point-sw {

  bottom: -3px;

  left: -3px;

  cursor: sw-resize;

}

.cropper-point.point-se {

  right: -3px;

  bottom: -3px;

  width: 20px;

  height: 20px;

  cursor: se-resize;

  filter: alpha(opacity=100);

  opacity: 1;

}

.cropper-point.point-se:before {

  position: absolute;

  right: -50%;

  bottom: -50%;

  display: block;

  width: 200%;

  height: 200%;

  content: " ";

  background-color: #69f;

  filter: alpha(opacity=0);

  opacity: 0;

}

@media (min-width: 768px) {

  .cropper-point.point-se {

    width: 15px;

    height: 15px;

  }

}

@media (min-width: 992px) {

  .cropper-point.point-se {

    width: 10px;

    height: 10px;

  }

}

@media (min-width: 1200px) {

  .cropper-point.point-se {

    width: 5px;

    height: 5px;

    filter: alpha(opacity=75);

    opacity: .75;

  }

}

.cropper-bg {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");

}

.cropper-invisible {

  filter: alpha(opacity=0);

  opacity: 0;

}

.cropper-hide {

  position: fixed;

  top: 0;

  left: 0;

  z-index: -1;

  width: auto!important;

  min-width: 0!important;

  max-width: none!important;

  height: auto!important;

  min-height: 0!important;

  max-height: none!important;

  filter: alpha(opacity=0);

  opacity: 0;

}

.cropper-hidden {

  display: none !important;

}

.cropper-move {

  cursor: move;

}

.cropper-crop {

  cursor: crosshair;

}

.cropper-disabled .cropper-canvas,

.cropper-disabled .cropper-face,

.cropper-disabled .cropper-line,

.cropper-disabled .cropper-point {

  cursor: not-allowed;

}

/* Demo CSS */

/* Content Containers */

.img-container,

.img-preview {

  background-color: #f7f7f7;

  overflow: hidden;

  width: 100%;

  text-align: center;

}

.img-container {

  min-height: 200px;

  max-height: 466px;

  margin-bottom: 20px;

}

@media (min-width: 768px) {

  .img-container {

    min-height: 466px;

  }

}

.img-container > img {

  max-width: 100%;

}

.img-preview {

  float: left;

  margin-right: 10px;

  margin-bottom: 10px;

}

.img-preview > img {

  max-width: 100%;

}

.preview-lg {



  width: 263px;

  height: 148px;

}



.preview-md {

  width: 139px;



  height: 78px;

}

.preview-sm {

  width: 69px;

  height: 39px;

}

.preview-xs {

  width: 35px;

  height: 20px;

  margin-right: 0;

}

.docs-data > .input-group {

  margin-bottom: 10px;

}

.docs-data > .input-group > label {

  min-width: 80px;

}

.docs-data > .input-group > span {

  min-width: 50px;

}

.docs-buttons > .btn,

.docs-buttons > .btn-group,

.docs-buttons > .form-control {

  margin-right: 5px;

  margin-bottom: 10px;

}

.docs-toggles > .btn,

.docs-toggles > .btn-group,

.docs-toggles > .dropdown {

  margin-bottom: 10px;

}

.docs-tooltip {

  display: block;

  margin: -6px -12px;

  padding: 6px 12px;

}

.docs-tooltip > .icon {

  margin: 0 -3px;

  vertical-align: top;

}

.tooltip-inner {

  white-space: normal;

}

.btn-upload .tooltip-inner {

  white-space: nowrap;

}

@media (max-width: 400px) {

  .btn-group-crop {

    margin-right: -15px !important;

  }

  .btn-group-crop > .btn {

    padding-left: 5px;

    padding-right: 5px;

  }

  .btn-group-crop .docs-tooltip {

    margin-left: -5px;

    margin-right: -5px;

    padding-left: 5px;

    padding-right: 5px;

  }

}

.docs-options .dropdown-menu {

  width: 100%;

}

.docs-options .dropdown-menu > li {

  padding: 3px 20px;

}

.docs-options .dropdown-menu > li:hover {

  background-color: #f7f7f7;

}

.docs-options .dropdown-menu > li > label {

  display: block;

}

.docs-cropped .modal-body {

  text-align: center;

}

.docs-cropped .modal-body > img,

.docs-cropped .modal-body > canvas {

  max-width: 100%;

}

/*===============================================

  Bootstrap Markdown Editor

================================================= */

.md-editor {

  display: block;

}

/* toolbar header */

.md-editor .md-footer,

.md-editor > .md-header {

  display: block;

  padding: 11px 10px;

  background: #fafafa;

}

.md-editor > .md-header {

  margin: 0;

}

.md-editor > .md-header .btn-group .btn-default,

.md-editor > .md-header .btn-group .btn-primary {

  color: #666;

  border-color: rgba(0, 0, 0, 0.1);

  background-color: #fff;

}

/* preview area */

.md-editor > .md-preview {

  background: #fff;

  border-top: 1px dashed #ddd;

  border-bottom: 1px dashed #ddd;

  min-height: 10px;

  overflow: auto;

}

/* editor area */

.md-editor > textarea {

  font-size: 14px;

  outline: 0;

  margin: 0;

  display: block;

  padding: 15px;

  width: 100%;

  border: 0;

  border-top: 1px solid #ddd;

  border-radius: 0;

  box-shadow: none;

  background: #ffffff;

}

.md-editor > textarea:focus {

  box-shadow: none;

  background: #ffffff;

}

/* focus/active area */

.md-editor .md-controls {

  float: right;

  padding: 3px;

}

.md-editor .md-controls .md-control {

  right: 5px;

  color: #bebebe;

  padding: 3px 3px 3px 10px;

}

.md-editor .md-controls .md-control:hover {

  color: #333333;

}

.md-editor .md-controls .md-control-fullscreen {

  position: relative;

  top: 4px;

}

.md-editor.md-fullscreen-mode {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99999;

  padding: 60px 30px 15px;

  background: #fff!important;

  border: 0 !important;

}

.md-editor.md-fullscreen-mode .md-footer {

  display: none;

}

.md-editor.md-fullscreen-mode .md-input,

.md-editor.md-fullscreen-mode .md-preview {

  margin: 0 auto!important;

  height: 100%!important;

  font-size: 20px!important;

  padding: 20px!important;

  color: #999;

  line-height: 1.6em!important;

  resize: none!important;

  box-shadow: none!important;

  background: #fff!important;

  border: 0 !important;

}

.md-editor.md-fullscreen-mode .md-preview {

  color: #333;


  overflow: auto;

}



.md-editor.md-fullscreen-mode .md-input:focus,



.md-editor.md-fullscreen-mode .md-input:hover {

  color: #333;

  background: #ffffff !important;

}

.md-editor.md-fullscreen-mode .md-header {

  background: 0 0;

  text-align: center;

  position: fixed;

  width: 100%;

  top: 20px;

}

.md-editor.md-fullscreen-mode .btn-group {

  float: none;

}

.md-editor.md-fullscreen-mode .btn {

  border: 0;

  background: 0 0;

  color: #b3b3b3;

}

.md-editor.md-fullscreen-mode .btn.active,

.md-editor.md-fullscreen-mode .btn:active,

.md-editor.md-fullscreen-mode .btn:focus,

.md-editor.md-fullscreen-mode .btn:hover {

  box-shadow: none;

  color: #333333;

}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {

  position: absolute;

  top: 20px;

  right: 20px;

  text-align: right;

  z-index: 1002;

  display: block;

}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {

  color: #b3b3b3;

  clear: right;

  margin: 10px;

  width: 30px;

  height: 30px;

  text-align: center;

}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {

  color: #333;

  text-decoration: none;

}

.md-editor.md-fullscreen-mode .md-editor {

  height: 100%!important;

  position: relative;

}

.md-editor .md-fullscreen-controls {

  display: none;

}

.md-nooverflow {

  overflow: hidden;

  position: fixed;

  width: 100%;

}

/* ===============================================

  NProgress (top page loader)

================================================= */

/* Make clicks pass-through */

#nprogress {

  pointer-events: none;

}

#nprogress .bar {

  background-color: #f6bb42;

  position: fixed;

  z-index: 1031;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

}

/* Fancy blur effect */

#nprogress .peg {

  opacity: 1.0;

  display: block;

  position: absolute;

  right: 0px;

  width: 100px;

  height: 100%;

  box-shadow: none !important;

  -webkit-transform: rotate(3deg) translate(0px, -4px);

  -ms-transform: rotate(3deg) translate(0px, -4px);

  transform: rotate(3deg) translate(0px, -4px);

}

/* Remove these to get rid of the spinner */

#nprogress .spinner {

  display: block;

  position: fixed;

  z-index: 1031;

  top: 20px;

  right: 48%;

}

#nprogress .spinner-icon {

  opacity: 1;

  width: 18px;

  height: 18px;

  box-sizing: border-box;

  border: solid 2px transparent;

  border-radius: 50%;

  border-top-color: #3498db;

  border-left-color: #3498db;

  -webkit-animation: nprogress-spinner 400ms linear infinite;

  animation: nprogress-spinner 400ms linear infinite;

}

.nprogress-custom-parent {

  overflow: hidden;

  position: relative;

}

.nprogress-custom-parent #nprogress .spinner,

.nprogress-custom-parent #nprogress .bar {

  position: absolute;

}

@-webkit-keyframes nprogress-spinner {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes nprogress-spinner {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

/* NPR "barPosition" Helpers */

#nprogress.npr-header .bar {

  top: 60px;

  height: 2px;

}

#nprogress.npr-bottom .bar {

  top: auto;

  bottom: 0;

  height: 4px;

}

/* NPR "barColor" Contextuals */

#nprogress.npr-primary .bar {

  background-color: #3498db;

}

#nprogress.npr-success .bar {

  background-color: #70ca63;

}

#nprogress.npr-info .bar {

  background-color: #3bafda;

}

#nprogress.npr-warning .bar {

  background-color: #f6bb42;

}

#nprogress.npr-danger .bar {

  background-color: #df5640;

}

#nprogress.npr-alert .bar {

  background-color: #967adc;

}

#nprogress.npr-system .bar {

  background-color: #37bc9b;

}

#nprogress.npr-dark .bar {

  background-color: #3b3f4f;

}


#nprogress.npr-light .bar {

  background-color: #fafafa;

}



#nprogress.npr-muted .bar {

  background-color: #999;

}

/*===============================================

  Scroller

================================================= */

.scroller {

  height: 100%;

  overflow: hidden;

  overflow-x: hidden;

  overflow-y: hidden;

  position: relative;

}

.scroller,

.scroller * {

  -webkit-user-select: none !important;

  -moz-user-select: none !important;

  -ms-user-select: none !important;

  user-select: none !important;

}

.scroller,

.scroller-content,

.scroller-bar,

.scroller-track,

.scroller-handle {

  box-sizing: border-box;

}

.scroller-content {

  position: relative;

  z-index: 1;

  height: 100%;

  overflow: auto;

  overflow-x: hidden;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

}

.scroller-content::-webkit-scrollbar,

.scroller-content::-webkit-scrollbar-button,

.scroller-content::-webkit-scrollbar-track,

.scroller-content::-webkit-scrollbar-track-piece,

.scroller-content::-webkit-scrollbar-thumb,

.scroller-content::-webkit-scrollbar-corner,

.scroller-content::-webkit-resizer {

  background: transparent;

  opacity: 0;

}

.scroller-bar {

  width: 6px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 2;

  display: none;

  opacity: 0;

  transition: opacity 0.3s ease;

}

.scroller-active .scroller-bar {

  opacity: 1;

}

.scroller-track {

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.scroller-handle {

  width: 5px;

  height: 20px;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  background: #cccccc;

  cursor: pointer;

  transition: height 0.3s ease;

}

.scroller-horizontal .scroller-content {

  overflow: auto;

  overflow-x: auto;

  overflow-y: hidden;

  padding: 0 0 16px 0;

}

.scroller-horizontal .scroller-bar {

  width: 100%;

  height: 5px;

  top: auto;

  bottom: 0;

  border-width: 1px 0 0 0;

}

.scroller-horizontal .scroller-handle {

  width: 20px;

  height: 5px;

  top: auto;

  right: auto;

  bottom: 3px;

}

.scroller-setup .scroller-content,

.scroller-active .scroller-content {

  padding: 0;

}

.scroller-setup .scroller-bar,

.scroller-active .scroller-bar {

  display: block;

}

/*===============================================

  Scroller - Panel Style

================================================= */

.panel-scroller {

  padding: 0;

  height: 600px;

  max-height: 600px;

  overflow: hidden;

}

/* scroller content */

.panel-scroller .scroller-content {

  padding: 12px;

}

/* scroller bar container */

.panel-scroller .scroller-bar {

  width: 14px;

  background: #f7f7f7;

  border-left: 1px solid #e7e7e7;

}

/* scroller bar container handle */

.panel-scroller .scroller-handle {

  right: 4px;

  width: 5px;

  height: 20px;

  border-radius: 4px;

}

/*===============================================

  Scroller Bar - Height Options

================================================= */

.scroller-xs {

  height: 125px;

  max-height: 125px;

}

.scroller-sm {

  height: 200px;

  max-height: 200px;

}

.scroller-md {

  height: 300px;

  max-height: 300px;

}

.scroller-lg {

  height: 400px;

  max-height: 400px;

}

/*===============================================

  Scroller Bar Style

================================================= */

.scroller-thick .scroller-bar {

  width: 12px;

}

.scroller-thick .scroller-handle {

  width: 12px;

  right: 0;

  border-radius: 0;

}

/*===============================================

  Scroller Bar - Overlay Style

================================================= */

/* scroller bar container overlay mode */

.panel-scroller.scroller-overlay .scroller-bar {

  background: transparent;

  border: 0;

}


.panel-scroller.scroller-overlay .scroller-handle {

  opacity: 0;


  transition: opacity 0.3s ease;

}

.panel-scroller.scroller-overlay:hover .scroller-handle {

  opacity: 1;

}

.panel-scroller.scroller-overlay .scroller-content {

  padding: 0;

  margin-right: -17px;

}

/* scroller nopad helper */

.scroller.scroller-pn .scroller-content {

  padding: 0 !important;

}

/*===============================================

  Scroller Contextuals

================================================= */

.scroller-primary .scroller-handle {

  background: #3498db;

}

.scroller-success .scroller-handle {

  background: #70ca63;

}

.scroller-info .scroller-handle {

  background: #3bafda;

}

.scroller-warning .scroller-handle {

  background: #f6bb42;

}

.scroller-danger .scroller-handle {

  background: #df5640;

}

.scroller-alert .scroller-handle {

  background: #967adc;

}

.scroller-system .scroller-handle {

  background: #37bc9b;

}

.scroller-dark .scroller-handle {

  background: #3b3f4f;

}

/* inverse light contextuals */

.scroller-light .scroller-handle,

.scroller-white .scroller-handle {

  background: #fafafa;

}

.scroller-light .scroller-bar,

.scroller-white .scroller-bar {

  border-left: 0;

  background: transparent;

}

/*===============================================

  Select2 Contextuals

================================================= */

/* Select2  contextual */

.select2-primary + .select2-container .select2-selection--single,

.select2-primary + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #3498db;

  background-color: #3498db;

}

/* arrow */

.select2-primary + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-primary + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/* Select2  contextual */

.select2-success + .select2-container .select2-selection--single,

.select2-success + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #70ca63;

  background-color: #70ca63;

}

/* arrow */

.select2-success + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-success + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/* Select2  contextual */

.select2-info + .select2-container .select2-selection--single,

.select2-info + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #3bafda;

  background-color: #3bafda;

}

/* arrow */

.select2-info + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-info + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/* Select2  contextual */

.select2-warning + .select2-container .select2-selection--single,

.select2-warning + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #f6bb42;

  background-color: #f6bb42;

}

/* arrow */

.select2-warning + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-warning + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/* Select2  contextual */

.select2-danger + .select2-container .select2-selection--single,

.select2-danger + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #df5640;

  background-color: #df5640;

}

/* arrow */

.select2-danger + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-danger + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}


/* Select2  contextual */

.select2-alert + .select2-container .select2-selection--single,

.select2-alert + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #967adc;

  background-color: #967adc;

}

/* arrow */

.select2-alert + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-alert + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/* Select2  contextual */

.select2-system + .select2-container .select2-selection--single,

.select2-system + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #37bc9b;

  background-color: #37bc9b;

}

/* arrow */

.select2-system + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-system + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/* Select2  contextual */

.select2-dark + .select2-container .select2-selection--single,

.select2-dark + .select2-container .select2-selection--single .select2-selection__rendered {

  color: #FFF;

  border-color: #3b3f4f;

  background-color: #3b3f4f;

}

/* arrow */

.select2-dark + .select2-container .select2-selection__arrow b {

  border-top-color: #FFF;

}

.select2-dark + .select2-container.select2-container--open .select2-selection__arrow b {

  border-bottom-color: #FFF;

}

/*===============================================

  AdminDock

================================================= */

.dockmodal,

.dockmodal *,

.dockmodal *:before,

.dockmodal *:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.modal-placeholder {

  display: none;

  visibility: hidden;

  height: 0;

  width: 0;

}

.dockmodal-overlay {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1050;

  background: #000;

  opacity: 0.7;

  display: none;

}

.dockmodal {

  position: fixed;

  right: 20px;

  bottom: 0;

  top: auto;

  z-index: 1000;

  height: 0;

  background: transparent;

  border-bottom: 0;

  box-shadow: 0 1px 0px #000;

  overflow: hidden;

  border: 0;

}

.dockmodal-header {

  height: 36px;

  padding: 5px 5px 5px 10px;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  background: #30363e;

  overflow: hidden;

  cursor: pointer;

  z-index: 1;

}

.dockmodal-body {

  background: #FFF;

  position: absolute;

  top: 36px;

  bottom: 40px;

  left: 0;

  right: 0;

  overflow: auto;

  padding: 10px 15px;

}

.dockmodal-footer {

  padding: 5px 10px;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background: #CCC;

  overflow: hidden;

  text-align: right;

}

.dockmodal-footer-buttonset {

  height: 30px;

  line-height: 30px;

}

.dockmodal.no-footer .dockmodal-body {

  bottom: 0;

}

.dockmodal-header .title-text {

  color: #FFFFFF;

  font-size: 16px;

  font-weight: bold;

  line-height: 26px;

  vertical-align: top;

  white-space: nowrap;

  max-width: 100%;

  margin-right: 90px;

  overflow: hidden;

  text-overflow: ellipsis;

}

.dockmodal-header .header-action {

  padding: 5px;

  float: right;

  margin-right: 1px;

  line-height: 16px;

}

.dockmodal-header .header-action:hover {

  background: #555;

}

.dockmodal-header .header-action i {

  background: url("../../../img/plugins/admindock-sprite.png") no-repeat top left;

  vertical-align: top;

  display: inline-block;

  *display: inline;

  zoom: 1;

  width: 16px;

  height: 16px;

}

.dockmodal-header .header-action .icon-dockmodal-close {

  background-position: 0 0;

}


.dockmodal-header .header-action .icon-dockmodal-popin {


  background-position: 0 -40px;

}

.dockmodal-header .header-action .icon-dockmodal-popout {

  background-position: 0 -60px;

}

.dockmodal.popped-out .header-action .icon-dockmodal-popout {

  background-position: 0 -40px;

}

.dockmodal-header .header-action .icon-dockmodal-minimize {

  background-position: 0 -75px;

}

.dockmodal-header .header-action .icon-dockmodal-restore {

  background-position: 0 -80px;

}

.dockmodal.minimized .header-action .icon-dockmodal-minimize {

  background-position: 0 -25px;

}

.dockmodal.popped-out {

  width: auto;

  height: auto;

  border: 0;

  z-index: 1501;

}

.dockmodal.minimized {

  height: 36px;

  top: auto;

  left: auto;

  right: 20px;

  bottom: 0;

  z-index: 1000;

}

.dockmodal.minimized .dockmodal-header {

  /*position: relative;*/

}

.dockmodal.minimized .dockmodal-body {

  /*display: none;*/

}

.dockmodal.minimized .dockmodal-footer {

  /*display: none;*/

}

.dockmodal .dockmodal-footer-buttonset > a {

  min-width: 60px;

}

.dockmodal .dockmodal-footer-buttonset > a + a {

  margin-left: 5px;

}

/* ==================================================

    AdminModals

 ==================================================== */

/* 

Styles for the html/body for special modal where we want 3d effects

Note that we need a container wrapping all content on the page for the 

perspective effects (not including the modals and the overlay).

*/

.md-perspective,

.md-perspective body {

  height: 100%;

  overflow: hidden;

}

.md-perspective body {

  background: #222;

  -webkit-perspective: 600px;

  perspective: 600px;

}

/* Modal styles */

.md-modal {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 50%;

  max-width: 630px;

  min-width: 320px;

  height: auto;

  z-index: 2000;

  visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}

.md-show {

  visibility: visible;

}

/* Overlay styles */

.md-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  visibility: hidden;

  top: 0;

  left: 0;

  z-index: 1000;

  opacity: 0;

  background: rgba(0, 0, 0, 0.8);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.md-show ~ .md-overlay {

  opacity: 1;

  visibility: visible;

}

/* Content styles */

.md-content {

  color: #666;

  background: #FFF;

  position: relative;

  border-radius: 3px;

  margin: 0 auto;

}

.md-content h3 {

  margin: 0;

  padding: 15px;

  text-align: center;

  font-size: 2.4em;

  font-weight: 300;

  background: #eee;

  border-radius: 3px 3px 0 0;

  border-bottom: 1px solid #ddd;

}

.md-content > div {

  padding: 15px 40px 30px;

  margin: 0;

  font-weight: 300;

  font-size: 1.15em;

}

.md-content > div p {

  margin: 0;

  padding: 10px 0;

}

.md-content > div ul {

  margin: 0;

  padding: 0 0 30px 20px;

}

.md-content > div ul li {

  padding: 5px 0;

}

/* ====== Container options ====== */

/* modal close button */

.admin-form .mfp-close,

.admin-form .mfp-close-btn-in {

  font-size: 26px;

  color: #999;

  text-shadow: none;

  font-weight: 400;

  padding-top: 5px;

}

/* ====== Default Fade effect ====== */

.mfp-with-fade .mfp-content,

.mfp-with-fade.mfp-bg {

  opacity: 0;

  -webkit-transition: opacity 0.5s ease-out;

  transition: opacity 0.5s ease-out;

}

.mfp-with-fade.mfp-ready .mfp-content {

  opacity: 1;

}

.mfp-with-fade.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-with-fade.mfp-removing .mfp-with-anim {

  opacity: 0;

}

.mfp-with-fade.mfp-removing.mfp-bg {

  opacity: 0;


}

/* ====== Zoom effect ====== */



.mfp-zoomIn {

  /* start state */


  /* animate in */



  /* animate out */

}


.mfp-zoomIn .mfp-with-anim {

  opacity: 0;

  transition: all 0.2s ease-in-out;

  transform: scale(0.8);

}

.mfp-zoomIn.mfp-bg {

  opacity: 0;

  transition: all 0.3s ease-out;

}

.mfp-zoomIn.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: scale(1);

}

.mfp-zoomIn.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-zoomIn.mfp-removing .mfp-with-anim {

  transform: scale(0.8);

  opacity: 0;

}

.mfp-zoomIn.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== Zoom-out effect ====== */

.mfp-zoomOut .mfp-with-anim {

  opacity: 0;

  transition: all 0.3s ease-in-out;

  transform: scale(1.3);

}

.mfp-zoomOut.mfp-bg {

  opacity: 0;

  transition: all 0.3s ease-out;

}

.mfp-zoomOut.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: scale(1);

}

.mfp-zoomOut.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-zoomOut.mfp-removing .mfp-with-anim {

  transform: scale(1.3);

  opacity: 0;

}

.mfp-zoomOut.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== Move-from-left effect ====== */

.mfp-slideLeft .mfp-with-anim {

  opacity: 0;

  transition: all 0.3s;

  transform: translateX(-50px);

}

.mfp-slideLeft.mfp-bg {

  opacity: 0;

  transition: all 0.3s;

}

.mfp-slideLeft.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateX(0);

}

.mfp-slideLeft.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-slideLeft.mfp-removing .mfp-with-anim {

  transform: translateX(50px);

  opacity: 0;

}

.mfp-slideLeft.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== Move-from-right effect ====== */

.mfp-slideRight .mfp-with-anim {

  opacity: 0;

  transition: all 0.3s;

  transform: translateX(50px);

}

.mfp-slideRight.mfp-bg {

  opacity: 0;

  transition: all 0.3s;

}

.mfp-slideRight.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateX(0);

}

.mfp-slideRight.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-slideRight.mfp-removing .mfp-with-anim {

  transform: translateX(-50px);

  opacity: 0;

}

.mfp-slideRight.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== Move-from-top effect ====== */

.mfp-slideDown .mfp-content {

  vertical-align: middle;

}

.mfp-slideDown .mfp-with-anim {

  opacity: 0;

  transition: all 0.2s;

  transform: translateY(-100px);

}

.mfp-slideDown.mfp-bg {

  opacity: 0;

  transition: all 0.2s;

}

.mfp-slideDown.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateY(0);

}

.mfp-slideDown.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-slideDown.mfp-removing .mfp-with-anim {

  transform: translateY(-50px);

  opacity: 0;

}

.mfp-slideDown.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== Move-from-bottom effect ====== */

.mfp-slideUp .mfp-content {

  vertical-align: middle;

}

.mfp-slideUp .mfp-with-anim {

  opacity: 0;

  transition: all 0.2s;

  transform: translateY(100px);

}

.mfp-slideUp.mfp-bg {

  opacity: 0;

  transition: all 0.2s;

}

.mfp-slideUp.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateY(0);

}

.mfp-slideUp.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-slideUp.mfp-removing .mfp-with-anim {

  transform: translateY(50px);

  opacity: 0;

}

.mfp-slideUp.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== 3d unfold ====== */

.mfp-flipInX .mfp-content {

  perspective: 2000px;

}

.mfp-flipInX .mfp-with-anim {

  opacity: 0;

  transition: all 0.3s ease-in-out;

  transform-style: preserve-3d;

  transform: rotateX(-60deg);

}

.mfp-flipInX.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-flipInX.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: rotateX(0deg);

}

.mfp-flipInX.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-flipInX.mfp-removing .mfp-with-anim {

  transform: rotateX(60deg);

  opacity: 0;



}

.mfp-flipInX.mfp-removing.mfp-bg {

  opacity: 0;


}

/* ====== FlipInY ====== */

.mfp-flipInY .mfp-content {

  perspective: 2000px;

}

.mfp-flipInY .mfp-with-anim {

  opacity: 0;

  transition: all 0.3s ease-in-out;

  transform-style: preserve-3d;

  transform: rotateY(-60deg);

}

.mfp-flipInY.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-flipInY.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: rotateY(0deg);

}

.mfp-flipInY.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-flipInY.mfp-removing .mfp-with-anim {

  transform: rotateY(60deg);

  opacity: 0;

}

.mfp-flipInY.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== rotate in left ====== */

.mfp-rotateDown .mfp-content {

  -webkit-perspective: 1300px;

  perspective: 1300px;

}

.mfp-rotateDown .mfp-with-anim {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: translateY(-100%) rotateX(-90deg);

  transform: translateY(-100%) rotateX(-90deg);

  -webkit-transform-origin: 0 -100%;

  transform-origin: 0 -100%;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.mfp-rotateDown.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-rotateDown.mfp-ready .mfp-with-anim {

  -webkit-transform: translateY(0%) rotateX(0deg);

  transform: translateY(0%) rotateX(0deg);

  opacity: 1;

}

.mfp-rotateDown.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-rotateDown.mfp-removing .mfp-with-anim {

  -webkit-transform: translateY(-100%) rotateX(-90deg);

  transform: translateY(-100%) rotateX(-90deg);

  -webkit-transform-origin: 0 -100%;

  transform-origin: 0 -100%;

  opacity: 0;

}

.mfp-rotateDown.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== rotate in left ====== */

.mfp-rotateUp .mfp-content {

  -webkit-perspective: 1300px;

  perspective: 1300px;

}

.mfp-rotateUp .mfp-with-anim {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: translateY(100%) rotateX(90deg);

  transform: translateY(100%) rotateX(90deg);

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.mfp-rotateUp.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-rotateUp.mfp-ready .mfp-with-anim {

  -webkit-transform: translateY(0%) rotateX(0deg);

  transform: translateY(0%) rotateX(0deg);

  opacity: 1;

}

.mfp-rotateUp.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-rotateUp.mfp-removing .mfp-with-anim {

  -webkit-transform: translateY(100%) rotateX(90deg);

  transform: translateY(100%) rotateX(90deg);

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

  opacity: 0;

}

.mfp-rotateUp.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== rotate in left ====== */

.mfp-rotateRight .mfp-content {

  -webkit-perspective: 1300px;

  perspective: 1300px;

}

.mfp-rotateRight .mfp-with-anim {

  opacity: 0;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: translateX(100%) rotateY(90deg);

  transform: translateX(100%) rotateY(90deg);

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.mfp-rotateRight.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-rotateRight.mfp-ready .mfp-with-anim {

  -webkit-transform: translateX(0%) rotateY(0deg);

  transform: translateX(0%) rotateY(0deg);

  opacity: 1;

}

.mfp-rotateRight.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-rotateRight.mfp-removing .mfp-with-anim {

  -webkit-transform: translateX(-100%) rotateY(-90deg);

  transform: translateX(-100%) rotateY(-90deg);

  -webkit-transform-origin: -100% 0;


  transform-origin: -100% 0;



  opacity: 0;

}


.mfp-rotateRight.mfp-removing.mfp-bg {


  opacity: 0;

}

/* ====== rotate in left ====== */

.mfp-rotateLeft .mfp-content {

  -webkit-perspective: 1300px;

  perspective: 1300px;

}

.mfp-rotateLeft .mfp-with-anim {

  opacity: 0;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: translateX(-100%) rotateY(-90deg);

  transform: translateX(-100%) rotateY(-90deg);

  -webkit-transform-origin: -100% 0;

  transform-origin: -100% 0;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.mfp-rotateLeft.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-rotateLeft.mfp-ready .mfp-with-anim {

  -webkit-transform: translateX(0%) rotateY(0deg);

  transform: translateX(0%) rotateY(0deg);

  opacity: 1;

}

.mfp-rotateLeft.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-rotateLeft.mfp-removing .mfp-with-anim {

  -webkit-transform: translateX(100%) rotateY(90deg);

  transform: translateX(100%) rotateY(90deg);

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

  opacity: 0;

}

.mfp-rotateLeft.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== fullscale ====== */

.mfp-fullscale .mfp-with-anim {

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

  opacity: 0;

  -webkit-transition: all 0.6s;

  transition: all 0.6s;

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}

.mfp-fullscale.mfp-bg {

  background: #000;

  opacity: 0;

  transition: all 0.35s;

}

.mfp-fullscale.mfp-ready .mfp-with-anim {

  -webkit-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}

.mfp-fullscale.mfp-ready.mfp-bg {

  background: #000;

  opacity: 1;

}

.mfp-fullscale.mfp-removing .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

.mfp-fullscale.mfp-removing.mfp-bg {

  background: #000\A;

  opacity: 0;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

/* ====== Sign ====== */

.mfp-sign .mfp-content {

  perspective: 1300px;

}

.mfp-sign .mfp-with-anim {

  transform-style: preserve-3d;

  transform: rotateX(-60deg);

  transform-origin: 50% 0;

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.mfp-sign.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-sign.mfp-ready .mfp-with-anim {

  transform: rotateX(0deg);

  opacity: 1;

}

.mfp-sign.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-sign.mfp-removing .mfp-with-anim {

  transform: rotateX(-60deg);

  opacity: 0;

}

.mfp-sign.mfp-removing.mfp-bg {

  opacity: 0;

}

/* ====== Newspaper effect ====== */

.mfp-newspaper .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.5s;

  transform: scale(0) rotate(500deg);

}

.mfp-newspaper.mfp-bg {

  opacity: 0;

  transition: all 0.5s;

}

.mfp-newspaper.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: scale(1) rotate(0deg);

}

.mfp-newspaper.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-newspaper.mfp-removing .mfp-with-anim {

  transform: scale(0) rotate(500deg);

  opacity: 0;

}

.mfp-newspaper.mfp-removing.mfp-bg {

  opacity: 0;

}

/*===============================================

  AdminPanels

================================================= */

/* add to ".admin-panels" wrapper to have the content fadein

 * after its contents are finished loading/rearranging */

.admin-panels.fade-onload {

  opacity: 0;

}

/* when preserve grid setting is true and invisible

 * panel is left in an otherwise empty column. This is

 * useful when you want to drag a panel to a column 

 * that would otherwise be empty */

.preserve-grid {

  padding: 10px;

  background: transparent !important;

  border: 0 !important;


  margin: 0 !important;

  outline: 0 !important;

}


.panel + .preserve-grid {

  padding: 0;


}

body.ui-drag-active .preserve-grid {

  visibility: hidden;


  padding: 0;

}

/* placeholder */

.ui-sortable-handle {

  cursor: pointer;

}

.panel-placeholder {

  border-radius: 3px;

  margin-bottom: 20px;

  padding: 0;

  background-color: #eee;

  border: 2px dashed #ccc;

}

.ui-sortable-helper.panel {

  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);

}

.panel-sortable .panel-heading {

  cursor: move;

}

.sortable-grid {

  min-height: 200px;

}

.sortable-grid.col-lg-12,

.sortable-grid.col-md-12,

.sortable-grid.col-sm-12,

.sortable-grid.col-xs-12 {

  min-height: 0;

}

/* title/color editboxes */

.panel-colorbox,

.panel-editbox {

  position: relative;

  display: none;

  text-align: center;

  padding: 9px;

  color: #AAA;

  background-color: #f9f9f9;

  border-left: 2px dashed #d9d9d9;

  border-right: 2px dashed #d9d9d9;

  border-bottom: 1px solid #ddd;

  border-color: #e8e8e8;

}

/* titlebox */

.panel-editbox {

  padding: 12px 16px;

}

.panel-editbox input {

  height: 40px;

  background-color: #fff;

  border-radius: 2px;

  text-align: center;

  color: #AAA;

  font-size: 16px;

}

.panel-editbox input:focus {

  border-color: #DDD;

  color: #666;

}

/* colorbox */

.panel-colorbox {

  text-align: right;

  padding: 8px 9px;

}

.panel-colorbox > span {

  cursor: pointer;

  display: inline-block;

  width: 27px;

  height: 25px;

  margin: 4px 5px 0;

  border: 2px solid rgba(0, 0, 0, 0.2);

}

.panel-colorbox > span:hover {

  border-color: rgba(0, 0, 0, 0.4);

}

/* If titlebox or colorbox are present we need

 * to remove duplicate panel borders. Check sibling

 * elements and remove borders accordingly */

.panel-heading + div + .panel-body,

.panel-heading + div + .panel-menu,

.panel-heading + div + div + .panel-body,

.panel-heading + div + div + .panel-menu {

  border-top: 0;

}

/* fullscreen */

body.panel-fullscreen-active {

  overflow: hidden;

  position: fixed;

}

body.panel-fullscreen-active .navbar,

body.panel-fullscreen-active #topbar,

body.panel-fullscreen-active #sidebar_left,

body.panel-fullscreen-active #sidebar_right {

  z-index: -1;

  display: none !important;

}

body.panel-fullscreen-active #content_wrapper {

  position: relative;

  z-index: 9999;

}

.panel-fullscreen {

  display: block !important;

  z-index: 9999 !important;

  position: fixed !important;

  width: 100% !important;

  height: 100% !important;

  top: 0 !important;

  right: 0 !important;

  left: 0 !important;

  bottom: 0 !important;

}

/* hide remove and collapse icon during fullscreen */

.panel-fullscreen .panel-controls > .panel-control-remove,

.panel-fullscreen .panel-controls > .panel-control-collapse {

  display: none !important;

}

/* collapsed */

.panel-control-collapse:after {

  content: "\f068";

  /* fa-pencil */

}

.panel-collapsed .panel-control-collapse:after {

  content: "\f067";

  /* fa-pencil */

}

/* controls */

.panel-controls {

  float: right;

  position: relative;

  display: block;

  cursor: pointer;

  padding-left: 5px;

  padding-right: 7px;

  margin-right: -8px;

  background: rgba(0, 0, 0, 0.028);

  border-left: 1px solid rgba(0, 0, 0, 0.06);

}

.panel-controls > a {

  padding-top: 1px;

  display: inline-block;

  opacity: 0.7;

  width: 26px;

  color: #999;

  font-size: 13px;

  font-weight: normal;

  text-align: center;

}

.panel-controls > a:hover {

  text-decoration: none;

  opacity: 1;

}

/* Icon colors for panel contextuals */

.panel-primary .panel-controls > a,

.panel-info .panel-controls > a,

.panel-success .panel-controls > a,

.panel-warning .panel-controls > a,

.panel-danger .panel-controls > a,

.panel-alert .panel-controls > a,


.panel-system .panel-controls > a,


.panel-dark .panel-controls > a {

  color: #FFF;

}


/* control button icons */


.panel-controls > a:after {

  font-family: "FontAwesome";

}

/* title icon */

.panel-control-title:after {

  content: "\f040";

  /* fa-pencil */

}

.panel-editbox-open .panel-control-title:after {

  content: "\f0c7";

  /* fa-save */

}

/* color icon */

.panel-control-color:after {

  content: "\f043";

  /* fa-tint */

}

.panel-colorbox-open .panel-control-color:after {

  content: "\f0c7";

  /* fa-save */

}

/* collapsed icon */

.panel-control-collapse:after {

  content: "\f068";

  /* fa-pencil */

}

.panel-collapsed .panel-control-collapse:after {

  content: "\f067";

  /* fa-pencil */

}

/* fullscreen icon */

.panel-control-fullscreen:after {

  content: "\f066";

  /* fa-pencil */

}

/* remove icon */

.panel-control-remove:after {

  content: "\f00d";

  /* fa-remove */

}

/* callback icon */

.panel-control-callback:after {

  content: "\f121";

  /* fa-code */

}

/* expose icon */

.panel-control-expose:after {

  content: "\f06e";

  /* fa-eye */

}

.panel-exposed .panel-control-expose:after {

  content: "\f070";

  /* fa-eye closed */

}

/* dockable icon */

.panel-control-dockable:after {

  content: "\f187";

  /* fa-code */

}

/* loading icon */

.panel-controls > a.panel-control-loader {

  opacity: 1;

  display: none;

  position: absolute;

  top: 1px;

  left: -35px;

}

.panel-loader-active .panel-controls > a.panel-control-loader {

  display: inline-block !important;

}

.panel-control-loader:after {

  content: "\f110";

  /* fa-refresh */

  -webkit-animation: fa-spin 2s infinite linear;

  -moz-animation: fa-spin 2s infinite linear;

  animation: fa-spin 2s infinite linear;

}

/* loading icon animation */

.fa-spin {

  -webkit-animation: fa-spin 2s infinite linear;

  animation: fa-spin 2s infinite linear;

}

@-webkit-keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

.panel.mobile-controls .panel-heading > .panel-controls {

  width: 28px;

  height: 28px;

  margin-top: 5px;

  position: relative;

  overflow: hidden;

  background: #F4F4F4;

  border-radius: 2px;

  border: 1px solid #EEE;

}

.panel.mobile-controls .panel-heading > .panel-controls:after {

  position: absolute;

  content: "\f0c9";

  font-family: "FontAwesome";

  top: 0;

  left: 7px;

  line-height: 28px;

  font-weight: 400;

  font-size: 14px;

  color: #AAA;

  -webkit-transition: color 0.3s ease;

  transition: color 0.3s ease;

}

/* menu open states */

.panel.mobile-controls .panel-heading > .panel-controls:hover,

.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open {

  background: #F0F0F0;

  border-color: #E6E6E6;

}

.panel.mobile-controls .panel-heading > .panel-controls:hover:after,

.panel.mobile-controls .panel-heading > .panel-controls.panel-controls-open:after {

  color: #777;

}

.panel.mobile-controls .panel-controls a {

  color: #999 !important;

}

.panel.mobile-controls .panel-heading > .panel-controls > a {

  display: none;

}

.panel.mobile-controls .panel-heading .panel-controls a.panel-control-loader,

.panel.mobile-controls .panel-heading .panel-controls a.panel-control-loader:after {

  display: none !important;

  opacity: 0 !important;

  width: 0;

  height: 0;

}

.panel.mobile-controls.panel-loader-active .panel-heading > .panel-controls:after {

  display: block;


  content: "\f110" !important;


  -webkit-animation: fa-spin 2s infinite linear;


  -moz-animation: fa-spin 2s infinite linear;

  animation: fa-spin 2s infinite linear;

}

.panel.mobile-controls .popover-content:after {

  display: none;

}

.panel.mobile-controls .panel-controls + .popover {

  border: 1px solid #ddd;

}

.panel.mobile-controls .panel-controls + .popover > .arrow {

  border-left-color: #ccc;

}

.panel.mobile-controls .panel-controls + .popover > .popover-content {

  padding: 2px 5px;

}

.panel.mobile-controls .popover-content {

  float: none;

  margin: 0;

  width: auto;

  height: auto;

  background: none;

  border: 0;

}

.panel.mobile-controls .popover-content .panel-controls > a {

  display: inline-block;

}

/* mobile control modifications during panel fullscreen mode */

.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls {

  width: auto;

  height: auto;

  margin-top: 0;

  position: relative;

  overflow: hidden;

  background: none;

  border-radius: 0;

  border: 0;

}

.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls:after {

  display: none !important;

}

.panel.mobile-controls.panel-fullscreen .panel-controls a {

  color: inherit !important;

}

.panel.mobile-controls.panel-fullscreen .panel-heading > .panel-controls > a {

  display: inline-block;

}

.panel.mobile-controls.panel-fullscreen .popover {

  display: none !important;

}

/* Fix panel nav tab bg on color/editbox open */

.panel-editbox-open .panel-tabs > li.active > a,

.panel-editbox-open .panel-tabs > li.active > a:hover,

.panel-editbox-open .panel-tabs > li.active > a:focus,

.panel-colorbox-open .panel-tabs > li.active > a,

.panel-colorbox-open .panel-tabs > li.active > a:hover,

.panel-colorbox-open .panel-tabs > li.active > a:focus {

  background: #f9f9f9;

}

.panel.panel-primary .panel-tabs > li > a,

.panel.panel-info .panel-tabs > li > a,

.panel.panel-success .panel-tabs > li > a,

.panel.panel-info .panel-tabs > li > a,

.panel.panel-warning .panel-tabs > li > a,

.panel.panel-danger .panel-tabs > li > a,

.panel.panel-alert .panel-tabs > li > a,

.panel.panel-system .panel-tabs > li > a,

.panel.panel-dark .panel-tabs > li > a {

  left: 7px;

  padding: 6px 20px 10px;

  color: #FFF !important;

  color: rgba(255, 255, 255, 0.7) !important;

  border-left-color: transparent !important;

  border-right-color: transparent !important;

}

.panel.panel-primary .panel-tabs > li > a:hover,

.panel.panel-info .panel-tabs > li > a:hover,

.panel.panel-success .panel-tabs > li > a:hover,

.panel.panel-info .panel-tabs > li > a:hover,

.panel.panel-warning .panel-tabs > li > a:hover,

.panel.panel-danger .panel-tabs > li > a:hover,

.panel.panel-alert .panel-tabs > li > a:hover,

.panel.panel-system .panel-tabs > li > a:hover,

.panel.panel-dark .panel-tabs > li > a:hover {

  color: #FFF !important;

  color: #ffffff !important;

}

.panel.panel-primary .panel-tabs > li > a:focus,

.panel.panel-info .panel-tabs > li > a:focus,

.panel.panel-success .panel-tabs > li > a:focus,

.panel.panel-info .panel-tabs > li > a:focus,

.panel.panel-warning .panel-tabs > li > a:focus,

.panel.panel-danger .panel-tabs > li > a:focus,

.panel.panel-alert .panel-tabs > li > a:focus,

.panel.panel-system .panel-tabs > li > a:focus,

.panel.panel-dark .panel-tabs > li > a:focus {

  color: #FFF !important;

  color: #ffffff !important;

  background: rgba(0, 0, 0, 0.1) !important;

}

.panel.panel-primary .panel-tabs > li.active > a:focus,

.panel.panel-info .panel-tabs > li.active > a:focus,

.panel.panel-success .panel-tabs > li.active > a:focus,

.panel.panel-info .panel-tabs > li.active > a:focus,

.panel.panel-warning .panel-tabs > li.active > a:focus,

.panel.panel-danger .panel-tabs > li.active > a:focus,

.panel.panel-alert .panel-tabs > li.active > a:focus,


.panel.panel-system .panel-tabs > li.active > a:focus,


.panel.panel-dark .panel-tabs > li.active > a:focus {

  color: #666 !important;



  background: #FFF !important;

}

.panel .panel-tabs > li.active > a,

.panel .panel-tabs > li.active > a:hover,

.panel .panel-tabs > li.active > a:focus {

  color: #666 !important;

  -webkit-border-radius: 2px 2px 0 0;

  border-radius: 2px 2px 0 0;

}

.panel.mobile-controls .panel-heading > .panel-controls {

  width: 32px;

  height: 30px;

  margin-top: 10px;

  margin-right: 2px;

  background: #f0f0f0;

  border-color: #DDD;

}

.panel.mobile-controls .panel-heading > .panel-controls:after {

  top: 0;

  left: 8px;

  font-size: 17px;

}

.panel.mobile-controls .panel-controls + .popover > .popover-content {

  padding: 0 5px;

}

.panel.mobile-controls .panel-controls + .popover .panel-controls {

  background: transparent !important;

  border-color: transparent !important;

}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}

body {

  margin: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden],

template {

  display: none;

}

a {

  background: transparent;

}

a:active,

a:hover {

  outline: 0;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,

strong {

  font-weight: 600;

}

dfn {

  font-style: italic;

}

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

mark {

  background: #ff0;

  color: #000;

}

small {

  font-size: 80%;

}

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

img {

  border: 0;

}

svg:not(:root) {

  overflow: hidden;

}

figure {

  margin: 1em 40px;

}

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}

pre {

  overflow: auto;

}

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}

button {

  overflow: visible;

}

button,

select {

  text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}

button[disabled],

html input[disabled] {

  cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

input {

  line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

legend {

  border: 0;

  padding: 0;

}

textarea {

  overflow: auto;

}

optgroup {

  font-weight: bold;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

td,

th {

  padding: 0;

}

/*==================================================



  Basic print styles


  Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css

==================================================== */

@media print {

  * {



    text-shadow: none !important;

    color: #000 !important;

    background: transparent !important;

    box-shadow: none !important;

  }

  a,

  a:visited {

    text-decoration: underline;

  }

  a[href]:after {

    content: " (" attr(href) ")";

  }

  abbr[title]:after {

    content: " (" attr(title) ")";

  }

  a[href^="javascript:"]:after,

  a[href^="#"]:after {

    content: "";

  }

  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }

  thead {

    display: table-header-group;

  }

  tr,

  img {

    page-break-inside: avoid;

  }

  img {

    max-width: 100% !important;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

  select {

    background: #fff !important;

  }

  .navbar {

    display: none;

  }

  .table td,

  .table th {

    background-color: #fff !important;

  }

  .btn > .caret,

  .dropup > .btn > .caret {

    border-top-color: #000 !important;

  }

  .label {

    border: 1px solid #000;

  }

  .table {

    border-collapse: collapse !important;

  }

  .table-bordered th,

  .table-bordered td {

    border: 1px solid #ddd !important;

  }

}

/*==================================================

  Scaffolding

==================================================== */

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

html {

  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

body {

font-family: "Open Sans", Helvetica, Arial, sans-serif;

font-size: 13px;

font-weight: 400;

line-height: 1.49;

background-color: #ffffff;

font-family: PingFangSC-Thin, "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;

color: rgba(0,0,0,0.87);
}

input,

button,

select,

textarea {

font-family: inherit;

font-size: inherit;

line-height: inherit;

background-color: rgba(255, 255, 255, 0);

background-image: none;

border: 1px solid #d3333;

border-radius: 0px;

padding: 5px 10px;


}

a {

  color: #3498db;

  text-decoration: none;

}

a:hover,

a:focus {

  color: #1d6fa5;

  text-decoration: underline;

}

a:focus {

  outline: 0;

  outline-offset: -2px;

}

figure {

  margin: 0;

}

img {

  vertical-align: middle;

}

.img-responsive,

.thumbnail > img,

.thumbnail a > img,

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  display: block;

  width: 100% \9;

  max-width: 100%;

  height: auto;

}

.img-rounded {

  border-radius: 3px;

}

.img-thumbnail {

  padding: 4px;

  line-height: 1.49;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  display: inline-block;

  width: 100% \9;

  max-width: 100%;

  height: auto;

}

.img-circle {

  border-radius: 50%;

}

hr {

  margin-top: 19px;

  margin-bottom: 19px;

  border: 0;

  border-top: 1px solid #eeeeee;

}

.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.sr-only-focusable:active,

.sr-only-focusable:focus {

  position: static;

  width: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  clip: auto;

}


/*==================================================

  Typography

==================================================== */

a.link-unstyled {

  color: #666;

}

a.link-unstyled:hover,

a.link-unstyled:focus,

a.link-unstyled:active {

  color: #222;

  text-decoration: none;

}

h1,

h2,


h3,

h4,


h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: inherit;

  font-weight: 600;

  line-height: 1.1;

  color: inherit;

  text-rendering: optimizelegibility;

}

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small,

.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 .small,

h2 .small,

h3 .small,

h4 .small,

h5 .small,

h6 .small,

.h1 .small,

.h2 .small,

.h3 .small,

.h4 .small,

.h5 .small,

.h6 .small {

  font-weight: normal;

  line-height: 1;

  color: #999999;

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

  margin-top: 19px;

  margin-bottom: 9.5px;

}

h1 small,

.h1 small,

h2 small,

.h2 small,

h3 small,

.h3 small,

h1 .small,

.h1 .small,

h2 .small,

.h2 .small,

h3 .small,

.h3 .small {

  font-size: 75%;

}

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin-top: 9.5px;

  margin-bottom: 9.5px;

}

h4 small,

.h4 small,

h5 small,

.h5 small,

h6 small,

.h6 small,

h4 .small,

.h4 .small,

h5 .small,

.h5 .small,

h6 .small,

.h6 .small {

  font-size: 88%;

}

h1 small,

.h1 .small {

  font-size: 70%;

}

h1,

.h1 {

  font-size: 30px;

}

h2,

.h2 {

  font-size: 24px;

}

h3,

.h3 {

  font-size: 18px;

}

h4,

.h4 {

  font-size: 15px;

}

h5,

.h5 {

  font-size: 13px;

}

h6,

.h6 {

  font-size: 11px;

  color: #999999;

}

p {

  margin: 0 0 9.5px;

}

.lead {

  margin-bottom: 19px;

  font-size: 14px;

  font-weight: 300;

  line-height: 1.4;

}

@media (min-width: 768px) {

  .lead {

    font-size: 19.5px;

  }

}

small,

.small {

  font-size: 92%;

}

cite {

  font-style: normal;

}

mark,

.mark {

  background-color: #f8cd73;

  padding: .2em;

}

.text-left {

  text-align: left !important;

}

.text-right {

  text-align: right !important;

}

.text-center {

  text-align: center !important;

}

.text-justify {

  text-align: justify !important;

}

.text-nowrap {

  white-space: nowrap !important;

}

.text-lowercase {

  text-transform: lowercase;

}

.text-uppercase {

  text-transform: uppercase;

}

.text-capitalize {

  text-transform: capitalize;

}

.page-header {

  padding-bottom: 16.5px;

  margin: 38px 0 19px;

  border-bottom: 1px solid #dddddd;

}

.content-header {

  text-align: center;

  margin-top: 15px;

  margin-bottom: 40px;

}

.content-header h1,

.content-header h2,

.content-header h3,

.content-header h4 {

  line-height: 30px;

}

.micro-header {

  color: #999;

  text-align: center;

  font-weight: 400;

  margin-bottom: 20px;

}

ul,

ol {

margin-top: 0;

margin-bottom: 9.5px;

padding: 0;
}

ul ul,

ol ul,

ul ol,

ol ol {

  margin-bottom: 0;

}

.list-unstyled {

  padding-left: 0;

  list-style: none;

}

.list-inline {

  padding-left: 0;

  list-style: none;

  margin-left: -5px;

}

.list-inline > li {

  display: inline-block;

  padding-left: 5px;

  padding-right: 5px;

}

dl {

  margin-top: 0;

  margin-bottom: 19px;

}

dt,

dd {

  line-height: 1.49;

}

dt {

  font-weight: bold;

}

dd {

  margin-left: 0;

}

@media (min-width: 480px) {

  .dl-horizontal dt {

    float: left;

    width: 160px;

    clear: left;

    text-align: right;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .dl-horizontal dd {

    margin-left: 180px;

  }


}

abbr[title],

abbr[data-original-title] {


  cursor: help;

  border-bottom: 1px dotted #777777;

}

.initialism {

  font-size: 90%;

  text-transform: uppercase;

}

blockquote {

  padding: 9.5px 19px;


  margin: 0 0 19px;

  font-size: 16.25px;

  border-left: 5px solid #eeeeee;

}


blockquote p:last-child,


blockquote ul:last-child,

blockquote ol:last-child {

  margin-bottom: 0;

}

blockquote.blockquote-rounded {

  border-radius: 11px;

}

blockquote.blockquote-thin {

  border-width: 3px;

}

blockquote footer,

blockquote small,

blockquote .small {

  display: block;

  font-size: 80%;

  line-height: 1.49;

  color: #777777;

}

blockquote footer:before,

blockquote small:before,

blockquote .small:before {

  content: '\2014 \00A0';

}

.blockquote-reverse,

blockquote.pull-right {

  padding-right: 15px;

  padding-left: 0;

  border-right: 5px solid #eeeeee;

  border-left: 0;

  text-align: right;

}

.blockquote-reverse footer:before,

blockquote.pull-right footer:before,

.blockquote-reverse small:before,

blockquote.pull-right small:before,

.blockquote-reverse .small:before,

blockquote.pull-right .small:before {

  content: '';

}

.blockquote-reverse footer:after,

blockquote.pull-right footer:after,

.blockquote-reverse small:after,

blockquote.pull-right small:after,

.blockquote-reverse .small:after,

blockquote.pull-right .small:after {

  content: '\00A0 \2014';

}

blockquote:before,

blockquote:after {

  content: "";

}

address {

  margin-bottom: 19px;

  font-style: normal;

  line-height: 1.49;

}

.dropcap {

  min-height: 75px;

}

.dropcap:first-letter {

  font-family: 'Droid Serif', serif;

  float: left;

  color: #555;

  font-size: 60px;

  font-weight: 600;

  line-height: 45px;

  padding: 5px;

  margin: 0px 5px 0 0;

}

.dropcap.lead:first-letter {

  font-size: 90px;

  line-height: 25px;

}

.dropcap.dropcap-fill:first-letter {

  border-radius: 6px;

  color: #FFF;

  margin: 0px 10px 0 0;

}

.dropcap.lead.dropcap-fill:first-letter {

  border-radius: 6px;

  color: #FFF;

  margin: 0px 10px 0 0;

  padding-bottom: 26px;

}

/*===============================================

  D. Dividers

================================================= */

hr {

  margin: 35px 0;

  border-top: 1px solid #DDD;

}

hr.alt {

  border-top: 1px dashed #cccccc;

}

hr.short {

  margin: 20px 0;

}

hr.tall {

  margin: 55px 0;

}

hr.dotted {

  border-style: dotted;

}

.divider {

  height: 1px;

  margin: 25px 0;

  background: #e2e2e2;

}

/*==================================================

  Code(inline and block)

==================================================== */

code,

kbd,

pre,

samp {

  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;

}

code {

  padding: 2px 4px;

  font-size: 90%;

  color: #c7254e;

  background-color: #f9f2f4;

  border-radius: 4px;

}

kbd {

  padding: 2px 4px;

  font-size: 90%;

  color: #ffffff;

  background-color: #333333;

  border-radius: 2px;

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);

}

kbd kbd {

  padding: 0;

  font-size: 100%;

  box-shadow: none;

}

pre {

  display: block;

  padding: 9px;

  margin: 0 0 9.5px;

  font-size: 12px;

  line-height: 1.49;

  word-break: break-all;

  word-wrap: break-word;

  color: #333333;

  background-color: #eaeef0;

  border: 1px solid #cbd6d6;

  border-radius: 4px;

}

pre code {

  padding: 0;

  font-size: inherit;

  color: inherit;

  white-space: pre-wrap;

  background-color: transparent;

  border-radius: 0;

}

.pre-scrollable {

  max-height: 340px;

  overflow-y: scroll;

}

/*==================================================

  Grid System

==================================================== */

.container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 11px;

  padding-right: 11px;

}

@media (min-width: 768px) {

  .container {

    width: 742px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 962px;


  }

}


@media (min-width: 1140px) {


  .container {


    width: 1062px;

  }

}

@media (min-width: 1400px) {

  .container {

    width: 1302px;

  }

}

.container-sm {

  max-width: 640px;

}

.container-md {

  max-width: 860px;

}

.container-lg {

  max-width: 1000px;

}

.container-xl {

  max-width: 1200px;

}

.container-fluid {

  margin-right: auto;

  margin-left: auto;

  padding-left: 11px;

  padding-right: 11px;

}

.row {

  margin-left: -11px;

  margin-right: -11px;

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {

  position: relative;

  min-height: 1px;

  padding-left: 11px;

  padding-right: 11px;

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

  float: left;

}

.col-xs-12 {

  width: 100%;

}

.col-xs-11 {

  width: 91.66666667%;

}

.col-xs-10 {

  width: 83.33333333%;

}

.col-xs-9 {

  width: 75%;

}

.col-xs-8 {

  width: 66.66666667%;

}

.col-xs-7 {

  width: 58.33333333%;

}

.col-xs-6 {

  width: 50%;

}

.col-xs-5 {

  width: 41.66666667%;

}

.col-xs-4 {

  width: 33.33333333%;

}

.col-xs-3 {

  width: 25%;

}

.col-xs-2 {

  width: 16.66666667%;

}

.col-xs-1 {

  width: 8.33333333%;

}

.col-xs-pull-12 {

  right: 100%;

}

.col-xs-pull-11 {

  right: 91.66666667%;

}

.col-xs-pull-10 {

  right: 83.33333333%;

}

.col-xs-pull-9 {

  right: 75%;

}

.col-xs-pull-8 {

  right: 66.66666667%;

}

.col-xs-pull-7 {

  right: 58.33333333%;

}

.col-xs-pull-6 {

  right: 50%;

}

.col-xs-pull-5 {

  right: 41.66666667%;

}

.col-xs-pull-4 {

  right: 33.33333333%;

}

.col-xs-pull-3 {

  right: 25%;

}

.col-xs-pull-2 {

  right: 16.66666667%;

}

.col-xs-pull-1 {

  right: 8.33333333%;

}

.col-xs-pull-0 {

  right: auto;

}

.col-xs-push-12 {

  left: 100%;

}

.col-xs-push-11 {

  left: 91.66666667%;

}

.col-xs-push-10 {

  left: 83.33333333%;

}

.col-xs-push-9 {

  left: 75%;

}

.col-xs-push-8 {

  left: 66.66666667%;

}

.col-xs-push-7 {

  left: 58.33333333%;

}

.col-xs-push-6 {

  left: 50%;

}

.col-xs-push-5 {

  left: 41.66666667%;

}

.col-xs-push-4 {

  left: 33.33333333%;

}

.col-xs-push-3 {

  left: 25%;

}

.col-xs-push-2 {

  left: 16.66666667%;

}

.col-xs-push-1 {

  left: 8.33333333%;

}

.col-xs-push-0 {

  left: auto;

}

.col-xs-offset-12 {

  margin-left: 100%;

}

.col-xs-offset-11 {

  margin-left: 91.66666667%;

}

.col-xs-offset-10 {

  margin-left: 83.33333333%;

}

.col-xs-offset-9 {

  margin-left: 75%;

}

.col-xs-offset-8 {

  margin-left: 66.66666667%;

}

.col-xs-offset-7 {

  margin-left: 58.33333333%;

}

.col-xs-offset-6 {

  margin-left: 50%;

}

.col-xs-offset-5 {

  margin-left: 41.66666667%;

}

.col-xs-offset-4 {

  margin-left: 33.33333333%;

}

.col-xs-offset-3 {


  margin-left: 25%;

}

.col-xs-offset-2 {

  margin-left: 16.66666667%;

}

.col-xs-offset-1 {

  margin-left: 8.33333333%;

}

.col-xs-offset-0 {

  margin-left: 0%;

}

@media (min-width: 768px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: left;

  }

  .col-sm-12 {


    width: 100%;

  }

  .col-sm-11 {

    width: 91.66666667%;

  }

  .col-sm-10 {

    width: 83.33333333%;

  }

  .col-sm-9 {

    width: 75%;

  }

  .col-sm-8 {

    width: 66.66666667%;

  }

  .col-sm-7 {

    width: 58.33333333%;

  }

  .col-sm-6 {

    width: 50%;

  }

  .col-sm-5 {

    width: 41.66666667%;

  }

  .col-sm-4 {

    width: 33.33333333%;

  }

  .col-sm-3 {

    width: 25%;

  }

  .col-sm-2 {

    width: 16.66666667%;

  }

  .col-sm-1 {

    width: 8.33333333%;

  }

  .col-sm-pull-12 {

    right: 100%;

  }

  .col-sm-pull-11 {

    right: 91.66666667%;

  }

  .col-sm-pull-10 {

    right: 83.33333333%;

  }

  .col-sm-pull-9 {

    right: 75%;

  }

  .col-sm-pull-8 {

    right: 66.66666667%;

  }

  .col-sm-pull-7 {

    right: 58.33333333%;

  }

  .col-sm-pull-6 {

    right: 50%;

  }

  .col-sm-pull-5 {

    right: 41.66666667%;

  }

  .col-sm-pull-4 {

    right: 33.33333333%;

  }

  .col-sm-pull-3 {

    right: 25%;

  }

  .col-sm-pull-2 {

    right: 16.66666667%;

  }

  .col-sm-pull-1 {

    right: 8.33333333%;

  }

  .col-sm-pull-0 {

    right: auto;

  }

  .col-sm-push-12 {

    left: 100%;

  }

  .col-sm-push-11 {

    left: 91.66666667%;

  }

  .col-sm-push-10 {

    left: 83.33333333%;

  }

  .col-sm-push-9 {

    left: 75%;

  }

  .col-sm-push-8 {

    left: 66.66666667%;

  }

  .col-sm-push-7 {

    left: 58.33333333%;

  }

  .col-sm-push-6 {

    left: 50%;

  }

  .col-sm-push-5 {

    left: 41.66666667%;

  }

  .col-sm-push-4 {

    left: 33.33333333%;

  }

  .col-sm-push-3 {

    left: 25%;

  }

  .col-sm-push-2 {

    left: 16.66666667%;

  }

  .col-sm-push-1 {

    left: 8.33333333%;

  }

  .col-sm-push-0 {

    left: auto;

  }

  .col-sm-offset-12 {

    margin-left: 100%;

  }

  .col-sm-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-sm-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-sm-offset-9 {

    margin-left: 75%;

  }

  .col-sm-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-sm-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-sm-offset-6 {

    margin-left: 50%;

  }

  .col-sm-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-sm-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-sm-offset-3 {

    margin-left: 25%;

  }

  .col-sm-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-sm-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-sm-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 992px) {

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

    float: left;

  }

  .col-md-12 {

    width: 100%;

  }

  .col-md-11 {

    width: 91.66666667%;

  }

  .col-md-10 {

    width: 83.33333333%;

  }

  .col-md-9 {

    width: 75%;

  }

  .col-md-8 {

    width: 66.66666667%;

  }

  .col-md-7 {

    width: 58.33333333%;

  }

  .col-md-6 {

    width: 50%;

  }

  .col-md-5 {

    width: 41.66666667%;

  }

  .col-md-4 {

    width: 33.33333333%;

  }

  .col-md-3 {

    width: 25%;

  }

  .col-md-2 {

    width: 16.66666667%;

  }

  .col-md-1 {

    width: 8.33333333%;

  }

  .col-md-pull-12 {

    right: 100%;

  }

  .col-md-pull-11 {

    right: 91.66666667%;



  }

  .col-md-pull-10 {

    right: 83.33333333%;

  }

  .col-md-pull-9 {

    right: 75%;

  }

  .col-md-pull-8 {

    right: 66.66666667%;

  }

  .col-md-pull-7 {

    right: 58.33333333%;

  }

  .col-md-pull-6 {

    right: 50%;

  }

  .col-md-pull-5 {

    right: 41.66666667%;

  }


  .col-md-pull-4 {


    right: 33.33333333%;

  }

  .col-md-pull-3 {

    right: 25%;

  }

  .col-md-pull-2 {

    right: 16.66666667%;

  }

  .col-md-pull-1 {

    right: 8.33333333%;

  }

  .col-md-pull-0 {

    right: auto;

  }

  .col-md-push-12 {

    left: 100%;

  }

  .col-md-push-11 {

    left: 91.66666667%;

  }

  .col-md-push-10 {

    left: 83.33333333%;

  }

  .col-md-push-9 {

    left: 75%;

  }

  .col-md-push-8 {

    left: 66.66666667%;

  }

  .col-md-push-7 {

    left: 58.33333333%;

  }

  .col-md-push-6 {

    left: 50%;

  }

  .col-md-push-5 {

    left: 41.66666667%;

  }

  .col-md-push-4 {

    left: 33.33333333%;

  }

  .col-md-push-3 {

    left: 25%;

  }

  .col-md-push-2 {

    left: 16.66666667%;

  }

  .col-md-push-1 {

    left: 8.33333333%;

  }

  .col-md-push-0 {

    left: auto;

  }

  .col-md-offset-12 {

    margin-left: 100%;

  }

  .col-md-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-md-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-md-offset-9 {

    margin-left: 75%;

  }

  .col-md-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-md-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-md-offset-6 {

    margin-left: 50%;

  }

  .col-md-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-md-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-md-offset-3 {

    margin-left: 25%;

  }

  .col-md-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-md-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-md-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 1140px) {

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

    float: left;

  }

  .col-lg-12 {

    width: 100%;

  }

  .col-lg-11 {

    width: 91.66666667%;

  }

  .col-lg-10 {

    width: 83.33333333%;

  }

  .col-lg-9 {

    width: 75%;

  }

  .col-lg-8 {

    width: 66.66666667%;

  }

  .col-lg-7 {

    width: 58.33333333%;

  }

  .col-lg-6 {

    width: 50%;

  }

  .col-lg-5 {

    width: 41.66666667%;

  }

  .col-lg-4 {

    width: 33.33333333%;

  }

  .col-lg-3 {

    width: 25%;

  }

  .col-lg-2 {

    width: 16.66666667%;

  }

  .col-lg-1 {

    width: 8.33333333%;

  }

  .col-lg-pull-12 {

    right: 100%;

  }

  .col-lg-pull-11 {

    right: 91.66666667%;

  }

  .col-lg-pull-10 {

    right: 83.33333333%;

  }

  .col-lg-pull-9 {

    right: 75%;

  }

  .col-lg-pull-8 {

    right: 66.66666667%;

  }

  .col-lg-pull-7 {

    right: 58.33333333%;

  }

  .col-lg-pull-6 {

    right: 50%;

  }

  .col-lg-pull-5 {

    right: 41.66666667%;

  }

  .col-lg-pull-4 {

    right: 33.33333333%;

  }

  .col-lg-pull-3 {

    right: 25%;

  }

  .col-lg-pull-2 {

    right: 16.66666667%;

  }

  .col-lg-pull-1 {

    right: 8.33333333%;

  }

  .col-lg-pull-0 {

    right: auto;

  }

  .col-lg-push-12 {

    left: 100%;

  }

  .col-lg-push-11 {

    left: 91.66666667%;

  }

  .col-lg-push-10 {

    left: 83.33333333%;

  }

  .col-lg-push-9 {

    left: 75%;

  }

  .col-lg-push-8 {

    left: 66.66666667%;

  }

  .col-lg-push-7 {

    left: 58.33333333%;

  }

  .col-lg-push-6 {

    left: 50%;

  }

  .col-lg-push-5 {

    left: 41.66666667%;

  }

  .col-lg-push-4 {

    left: 33.33333333%;

  }

  .col-lg-push-3 {

    left: 25%;

  }

  .col-lg-push-2 {

    left: 16.66666667%;

  }


  .col-lg-push-1 {

    left: 8.33333333%;

  }

  .col-lg-push-0 {

    left: auto;

  }

  .col-lg-offset-12 {

    margin-left: 100%;

  }

  .col-lg-offset-11 {

    margin-left: 91.66666667%;


  }

  .col-lg-offset-10 {


    margin-left: 83.33333333%;


  }

  .col-lg-offset-9 {

    margin-left: 75%;


  }

  .col-lg-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-lg-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-lg-offset-6 {

    margin-left: 50%;

  }

  .col-lg-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-lg-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-lg-offset-3 {

    margin-left: 25%;

  }

  .col-lg-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-lg-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-lg-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 1400px) {

  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {

    float: left;

  }

  .col-xl-12 {

    width: 100%;

  }

  .col-xl-11 {

    width: 91.66666667%;

  }

  .col-xl-10 {

    width: 83.33333333%;

  }

  .col-xl-9 {

    width: 75%;

  }

  .col-xl-8 {

    width: 66.66666667%;

  }

  .col-xl-7 {

    width: 58.33333333%;

  }

  .col-xl-6 {

    width: 50%;

  }

  .col-xl-5 {

    width: 41.66666667%;

  }

  .col-xl-4 {

    width: 33.33333333%;

  }

  .col-xl-3 {

    width: 25%;

  }

  .col-xl-2 {

    width: 16.66666667%;

  }

  .col-xl-1 {

    width: 8.33333333%;

  }

  .col-xl-pull-12 {

    right: 100%;

  }

  .col-xl-pull-11 {

    right: 91.66666667%;

  }

  .col-xl-pull-10 {

    right: 83.33333333%;

  }

  .col-xl-pull-9 {

    right: 75%;

  }

  .col-xl-pull-8 {

    right: 66.66666667%;

  }

  .col-xl-pull-7 {

    right: 58.33333333%;

  }

  .col-xl-pull-6 {

    right: 50%;

  }

  .col-xl-pull-5 {

    right: 41.66666667%;

  }

  .col-xl-pull-4 {

    right: 33.33333333%;

  }

  .col-xl-pull-3 {

    right: 25%;

  }

  .col-xl-pull-2 {

    right: 16.66666667%;

  }

  .col-xl-pull-1 {

    right: 8.33333333%;

  }

  .col-xl-pull-0 {

    right: auto;

  }

  .col-xl-push-12 {

    left: 100%;

  }

  .col-xl-push-11 {

    left: 91.66666667%;

  }

  .col-xl-push-10 {

    left: 83.33333333%;

  }

  .col-xl-push-9 {

    left: 75%;

  }

  .col-xl-push-8 {

    left: 66.66666667%;

  }

  .col-xl-push-7 {

    left: 58.33333333%;

  }

  .col-xl-push-6 {

    left: 50%;

  }

  .col-xl-push-5 {

    left: 41.66666667%;

  }

  .col-xl-push-4 {

    left: 33.33333333%;

  }

  .col-xl-push-3 {

    left: 25%;

  }

  .col-xl-push-2 {

    left: 16.66666667%;

  }

  .col-xl-push-1 {

    left: 8.33333333%;

  }

  .col-xl-push-0 {

    left: auto;

  }

  .col-xl-offset-12 {

    margin-left: 100%;

  }

  .col-xl-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-xl-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-xl-offset-9 {

    margin-left: 75%;

  }

  .col-xl-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-xl-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-xl-offset-6 {

    margin-left: 50%;

  }

  .col-xl-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-xl-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-xl-offset-3 {

    margin-left: 25%;

  }

  .col-xl-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-xl-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-xl-offset-0 {

    margin-left: 0%;

  }

}

/*===============================================

  Tables

================================================= */


table {

  background-color: transparent;

}

th {

  text-align: left;

}

.table {

  width: 100%;

  max-width: 100%;

  margin-bottom: 0;

}

.table > thead > tr > th,

.table > tbody > tr > th,

.table > tfoot > tr > th,

.table > thead > tr > td,


.table > tbody > tr > td,

.table > tfoot > tr > td {

  padding: 9px;

  line-height: 1.49;

  vertical-align: middle;

  border-top: 1px solid #eeeeee;

}

.table > thead > tr > th {

  font-weight: 600;

  vertical-align: bottom;

  border-bottom: 1px solid #eeeeee;

}

.table > caption + thead > tr:first-child > th,

.table > colgroup + thead > tr:first-child > th,

.table > thead:first-child > tr:first-child > th,

.table > caption + thead > tr:first-child > td,

.table > colgroup + thead > tr:first-child > td,

.table > thead:first-child > tr:first-child > td {

  border-top: 0;

}

.table > tbody + tbody {

  border-top: 2px solid #eeeeee;

}

.table tbody > tr:first-child > td {

  border-top: 0;

}

.table .table {

  margin-bottom: 0;

  background-color: #ffffff;

}

.table-condensed > thead > tr > th,

.table-condensed > tbody > tr > th,

.table-condensed > tfoot > tr > th,

.table-condensed > thead > tr > td,

.table-condensed > tbody > tr > td,

.table-condensed > tfoot > tr > td {

  padding: 5px;

}

.table-bordered {

border: 1px solid #c5c5c5;
}

.table-bordered > thead > tr > th,

.table-bordered > tbody > tr > th,

.table-bordered > tfoot > tr > th,

.table-bordered > thead > tr > td,

.table-bordered > tbody > tr > td,

.table-bordered > tfoot > tr > td {

border: 1px solid #c5c5c5;
}

.table-bordered > thead > tr > th,

.table-bordered > thead > tr > td {

  border-bottom-width: 2px;

}

.table-striped > tbody > tr:nth-child(odd) > td,

.table-striped > tbody > tr:nth-child(odd) > th {

  background-color: #f9f9f9;

}

.table-hover > tbody > tr:hover > td,

.table-hover > tbody > tr:hover > th {

  background-color: #f5f5f5;

}

.table-curved > tbody > tr > td:first-child {

  border-radius: 4px 0 0 4px;

}

.table-curved > tbody > tr > td:last-child {

  border-radius: 0 4px 4px 0;

}

table col[class*="col-"] {

  position: static;

  float: none;

  display: table-column;

}

table td[class*="col-"],

table th[class*="col-"] {

  position: static;

  float: none;

  display: table-cell;

}

.table > thead > tr > td.default,

.table > tbody > tr > td.default,

.table > tfoot > tr > td.default,

.table > thead > tr > th.default,

.table > tbody > tr > th.default,

.table > tfoot > tr > th.default,

.table > thead > tr.default > td,

.table > tbody > tr.default > td,

.table > tfoot > tr.default > td,

.table > thead > tr.default > th,

.table > tbody > tr.default > th,

.table > tfoot > tr.default > th {

  color: #777;

  border-color: #ddd;

  background-color: #f0f0f0;

}

.table-hover > tbody > tr > td.default:hover,

.table-hover > tbody > tr > th.default:hover,

.table-hover > tbody > tr.default:hover > td,

.table-hover > tbody > tr:hover > .default,

.table-hover > tbody > tr.default:hover > th {

  background-color: #fcfcfc;

}

@media screen and (max-width: 1440px) {

  .table-responsive {

    width: 100%;

    margin-bottom: 14.25px;

    overflow-y: hidden;

    overflow-x: auto;

    -ms-overflow-style: -ms-autohiding-scrollbar;

   

    -webkit-overflow-scrolling: touch;

  }

  .table-responsive > .table {

    margin-bottom: 0;

  }

  .table-responsive > .table > thead > tr > th,

  .table-responsive > .table > tbody > tr > th,

  .table-responsive > .table > tfoot > tr > th,

  .table-responsive > .table > thead > tr > td,

  .table-responsive > .table > tbody > tr > td,

  .table-responsive > .table > tfoot > tr > td {

    white-space: nowrap;

  }

  .table-responsive > .table-bordered {

    border: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,


  .table-responsive > .table-bordered > tbody > tr > th:first-child,

  .table-responsive > .table-bordered > tfoot > tr > th:first-child,

  .table-responsive > .table-bordered > thead > tr > td:first-child,

  .table-responsive > .table-bordered > tbody > tr > td:first-child,

  .table-responsive > .table-bordered > tfoot > tr > td:first-child {

    border-left: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,

  .table-responsive > .table-bordered > tbody > tr > th:last-child,

  .table-responsive > .table-bordered > tfoot > tr > th:last-child,

  .table-responsive > .table-bordered > thead > tr > td:last-child,

  .table-responsive > .table-bordered > tbody > tr > td:last-child,

  .table-responsive > .table-bordered > tfoot > tr > td:last-child {

    border-right: 0;

  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,

  .table-responsive > .table-bordered > tfoot > tr:last-child > th,

  .table-responsive > .table-bordered > tbody > tr:last-child > td,

  .table-responsive > .table-bordered > tfoot > tr:last-child > td {

    border-bottom: 0;

  }

}

/*==================================================

  Forms

==================================================== */

fieldset {

  padding: 0;

  margin: 0;

  border: 0;

  min-width: 0;

}

legend {

  display: block;

  width: 100%;

  padding: 0;

  margin-bottom: 19px;

  font-size: 19.5px;

  line-height: inherit;

  color: #333333;

  border: 0;

  border-bottom: 1px solid #e5e5e5;

}

label {

  display: inline-block;

  max-width: 100%;

  margin-bottom: 5px;

  font-weight: 600;

}

input[type="search"] {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

input[type="radio"],

input[type="checkbox"] {

  margin: 4px 0 0;

  margin-top: 1px \9;

  line-height: normal;

}

input[type="file"] {

  display: block;

}

input[type="range"] {

  display: block;

  width: 100%;

}

select[multiple],

select[size] {

  height: auto;

}

input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

  outline: 0;

  outline-offset: -2px;

}

output {

  display: block;

  padding-top: 10px;

  font-size: 13px;

  line-height: 1.49;

  color: #555555;

}

.form-control {

display: block;

width: 100%;

height: 39px;

padding: 9px 12px;

font-size: 13px;

line-height: 1.49;

color: #555555;

background-color: #ffffff;

background-image: none;

border-radius: 0px;

-webkit-transition: border-color ease-in-out .15s;

-o-transition: border-color ease-in-out .15s;

transition: border-color ease-in-out .15s;
/*
border: none;

border-bottom: 1px solid #9e9e9e;
*/
}

.form-control:focus {

  border-color: #5faee3;

  outline: 0;

}

.form-control::-moz-placeholder {

  color: #777777;

  opacity: 1;

}

.form-control:-ms-input-placeholder {

  color: #777777;

}

.form-control::-webkit-input-placeholder {

  color: #777777;

}

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

  cursor: not-allowed;

  background-color: #fafafa;

  opacity: 1;

}

textarea.form-control {

  height: auto;

}

textarea.form-control {

  resize: vertical;

}

textarea.textarea-grow {

  height: 39px;

  resize: none;

}

textarea.textarea-grow:focus {

  height: auto;

  resize: vertical;

}

.input-hero .form-control {

  padding: 14px 25px;

  height: 60px;

  background: #f9f9f9;

  border: 1px solid #DDD;

  font-size: 16px;

  border-radius: 3px;

}

input[type="search"] {

  -webkit-appearance: none;

}

input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

  line-height: 39px;

  line-height: 1.49 \0;

}

input[type="date"].input-sm,

input[type="time"].input-sm,

input[type="datetime-local"].input-sm,

input[type="month"].input-sm {

  line-height: 30px;

}

input[type="date"].input-lg,

input[type="time"].input-lg,

input[type="datetime-local"].input-lg,

input[type="month"].input-lg {


  line-height: 45px;


}

.form-group {

  margin-bottom: 15px;


}

.radio,



.checkbox {

  position: relative;


  display: block;

  min-height: 19px;


  margin-top: 10px;

  margin-bottom: 10px;

}

.radio label,

.checkbox label {

  padding-left: 20px;

  margin-bottom: 0;

  font-weight: normal;

  cursor: pointer;

}

.radio input[type="radio"],

.radio-inline input[type="radio"],

.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"] {

  position: absolute;

  margin-left: -20px;

  margin-top: 4px \9;

}

.radio + .radio,

.checkbox + .checkbox {

  margin-top: -5px;

}

.radio-inline,

.checkbox-inline {

  display: inline-block;

  padding-left: 20px;

  margin-bottom: 0;

  vertical-align: middle;

  font-weight: normal;

  cursor: pointer;

}

.radio-inline + .radio-inline,

.checkbox-inline + .checkbox-inline {

  margin-top: 0;

  margin-left: 10px;

}

input[type="radio"][disabled],

input[type="checkbox"][disabled],

input[type="radio"].disabled,

input[type="checkbox"].disabled,

fieldset[disabled] input[type="radio"],

fieldset[disabled] input[type="checkbox"] {

  cursor: not-allowed;

}

.radio-inline.disabled,

.checkbox-inline.disabled,

fieldset[disabled] .radio-inline,

fieldset[disabled] .checkbox-inline {

  cursor: not-allowed;

}

.radio.disabled label,

.checkbox.disabled label,

fieldset[disabled] .radio label,

fieldset[disabled] .checkbox label {

  cursor: not-allowed;

}

.form-control-static {

  padding-top: 10px;

  padding-bottom: 10px;

  margin-bottom: 0;

}

.form-control-static.input-lg,

.form-control-static.input-sm {

  padding-left: 0;

  padding-right: 0;

}

.input-sm,

.form-horizontal .form-group-sm .form-control {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 2px;

}

select.input-sm {

  height: 30px;

  line-height: 30px;

}

textarea.input-sm,

select[multiple].input-sm {

  height: auto;

}

.input-lg,

.form-horizontal .form-group-lg .form-control {

  height: 45px;

  padding: 10px 16px;

  font-size: 17px;

  line-height: 1.33;

  border-radius: 3px;

}

select.input-lg {

  height: 45px;

  line-height: 45px;

}

textarea.input-lg,

select[multiple].input-lg {

  height: auto;

}

.has-feedback {

  position: relative;

}

.has-feedback .form-control {

  padding-right: 48.75px;

}

.form-control-feedback {

  position: absolute;

  top: 24px;

  right: 0;

  z-index: 2;

  display: block;

  width: 39px;

  height: 39px;

  line-height: 39px;

  text-align: center;

}

.input-lg + .form-control-feedback {

  width: 45px;

  height: 45px;

  line-height: 45px;

}

.input-sm + .form-control-feedback {

  width: 30px;

  height: 30px;

  line-height: 30px;

}

.has-primary .help-block,

.has-primary .control-label,

.has-primary .radio,

.has-primary .checkbox,

.has-primary .radio-inline,

.has-primary .checkbox-inline,

.has-primary .append-icon {

  color: #3498db;

}

.has-primary .form-control {

  border-color: #5faee3;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-primary .form-control:focus {

  border-color: #217dbb;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #8bc4ea;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #8bc4ea;

}

.has-primary .input-group-addon {

  color: #196090;

  border-color: #3498db;

  background-color: #b6daf2;

}

.has-primary .form-control-feedback {

  color: #3498db;


}

.has-success .help-block,

.has-success .control-label,



.has-success .radio,

.has-success .checkbox,

.has-success .radio-inline,

.has-success .checkbox-inline,

.has-success .append-icon {

  color: #70ca63;

}

.has-success .form-control {

  border-color: #93d789;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);


  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}


.has-success .form-control:focus {

  border-color: #4fbb3f;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af;

}

.has-success .input-group-addon {

  color: #3f9532;

  border-color: #70ca63;

  background-color: #d9f1d5;

}

.has-success .form-control-feedback {

  color: #70ca63;

}

.has-info .help-block,

.has-info .control-label,

.has-info .radio,

.has-info .checkbox,

.has-info .radio-inline,

.has-info .checkbox-inline,

.has-info .append-icon {

  color: #3bafda;

}

.has-info .form-control {

  border-color: #66c1e2;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-info .form-control:focus {

  border-color: #2494be;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea;

}

.has-info .input-group-addon {

  color: #1c7393;

  border-color: #3bafda;

  background-color: #bce4f2;

}

.has-info .form-control-feedback {

  color: #3bafda;

}

.has-warning .help-block,

.has-warning .control-label,

.has-warning .radio,

.has-warning .checkbox,

.has-warning .radio-inline,

.has-warning .checkbox-inline,

.has-warning .append-icon {

  color: #f6bb42;

}

.has-warning .form-control {

  border-color: #f8cd73;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-warning .form-control:focus {

  border-color: #f4a911;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3;

}

.has-warning .input-group-addon {

  color: #c88a0a;

  border-color: #f6bb42;

  background-color: #fdf0d4;

}

.has-warning .form-control-feedback {

  color: #f6bb42;

}

.has-error .help-block,

.has-error .control-label,

.has-error .radio,

.has-error .checkbox,

.has-error .radio-inline,

.has-error .checkbox-inline,

.has-error .append-icon {

  color: #df5640;

}

.has-error .form-control {

  border-color: #e67d6c;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-error .form-control:focus {

  border-color: #ca3922;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #eea397;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #eea397;

}

.has-error .input-group-addon {

  color: #ac311d;

  border-color: #df5640;

  background-color: #f7d6d0;

}

.has-error .form-control-feedback {

  color: #df5640;

}

.has-alert .help-block,

.has-alert .control-label,

.has-alert .radio,

.has-alert .checkbox,

.has-alert .radio-inline,

.has-alert .checkbox-inline,

.has-alert .append-icon {

  color: #967adc;

}

.has-alert .form-control {

  border-color: #b6a2e7;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-alert .form-control:focus {

  border-color: #7652d1;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1;

}

.has-alert .input-group-addon {

  color: #542fb2;

  border-color: #967adc;

  background-color: #ece7f9;

}

.has-alert .form-control-feedback {

  color: #967adc;

}


.has-system .help-block,

.has-system .control-label,

.has-system .radio,


.has-system .checkbox,

.has-system .radio-inline,

.has-system .checkbox-inline,

.has-system .append-icon {

  color: #37bc9b;

}

.has-system .form-control {

  border-color: #58ceb1;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

.has-system .form-control:focus {


  border-color: #2b957a;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3;

}

.has-system .input-group-addon {

  color: #206d5a;

  border-color: #37bc9b;

  background-color: #a7e5d6;

}

.has-system .form-control-feedback {

  color: #37bc9b;

}

.has-feedback label.sr-only ~ .form-control-feedback {

  top: 0;

}

.help-block {

  display: block;

  margin-top: 5px;

  margin-bottom: 10px;

  color: #a6a6a6;

}

@media (min-width: 768px) {

  .form-inline .form-group {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .form-control {

    display: inline-block;

    width: auto;

    vertical-align: middle;

  }

  .form-inline .input-group {

    display: inline-table;

    vertical-align: middle;

  }

  .form-inline .input-group .input-group-addon,

  .form-inline .input-group .input-group-btn,

  .form-inline .input-group .form-control {

    width: auto;

  }

  .form-inline .input-group > .form-control {

    width: 100%;

  }

  .form-inline .control-label {

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .radio,

  .form-inline .checkbox {

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .radio label,

  .form-inline .checkbox label {

    padding-left: 0;

  }

  .form-inline .radio input[type="radio"],

  .form-inline .checkbox input[type="checkbox"] {

    position: relative;

    margin-left: 0;

  }

  .form-inline .has-feedback .form-control-feedback {

    top: 0;

  }

}

.form-horizontal .radio,

.form-horizontal .checkbox,

.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

  margin-top: 0;

  margin-bottom: 0;

  padding-top: 10px;

}

.form-horizontal .radio,

.form-horizontal .checkbox {

  min-height: 29px;

}

.form-horizontal .form-group {

  margin-left: -11px;

  margin-right: -11px;

}

@media (min-width: 768px) {

  .form-horizontal .control-label {

    text-align: right;

    margin-bottom: 0;

    padding-top: 10px;

  }

}

.form-horizontal .has-feedback .form-control-feedback {

  top: 0;

  right: 11px;

}

@media (min-width: 768px) {

  .form-horizontal .form-group-lg .control-label {

    padding-top: 14.3px;

  }

}

@media (min-width: 768px) {

  .form-horizontal .form-group-sm .control-label {

    padding-top: 6px;

  }

}

/*===============================================

  Form Groups 

================================================= */

.form-bordered .form-group {

  border-bottom: 1px solid #f2f2f2;

  padding-bottom: 18px;

  margin-bottom: 18px;

}

.form-bordered .form-group:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}

/*===============================================

  Field Icons and Addons

================================================= */

.append-icon {

  position: absolute;

  left: 23px;

  top: 8px;

  font-size: 14px;

}

.append-icon.right {

  left: auto;

  right: 23px;

}

.append-icon + input.form-control {

  padding-right: 40px;

}

/* Input Addon */

.input-group-addon {

  color: #4a89dc;

  background-color: #fafafa;

  border-color: #DDD;

}

/*===============================================

  Input Hero - Used on FAQ and ui-icons page

================================================= */

.input-group.input-hero {

  display: block;

}

.input-group.input-hero .input-group-addon {

  position: absolute;

  top: 10px;

  left: 13px;

  border: 0;

  background: transparent;


  z-index: 3;

  font-size: 18px;

}


.input-group.input-hero .input-group-addon + input.form-control {

  border-left: 3px solid #3498db;



  display: block;

  float: none;

  padding-left: 60px;

  z-index: 0 !important;

}

/* Input Hero Size - SM */

.input-hero.input-hero-sm .form-control {

  height: 54px;

  background: #FFF;

}

.input-hero.input-hero-sm .input-group-addon {

  top: 8px;

  left: 10px;

}

.input-group.input-hero-sm .input-group-addon + input.form-control {

  padding-left: 54px;

}

/*===============================================

  Maxlength Indicator - 3rd party plugin

  Not enough styles to grant own stylesheet

================================================= */

.bootstrap-maxlength {

  opacity: 0.6;

  padding: 0px 15px;

  border-radius: 0;

}

.bootstrap-maxlength.maxlength-right {

  padding: 7px 12px;

  margin-top: -8px;

  margin-left: 7px;

}

/*==================================================

  Buttons

==================================================== */

.btn {

  display: inline-block;

  margin-bottom: 0;

  font-weight: normal;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  border: 1px solid transparent;

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);

  white-space: nowrap;

  padding: 9px 12px;

  font-size: 13px;

  line-height: 1.49;

  border-radius: 2px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus {

  outline: 0;

  outline-offset: -2px;

}

.btn:hover,

.btn:focus {

  color: #666666;

  text-decoration: none;

}

.btn:active,

.btn.active {

  outline: 0;

  background-image: none;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

  cursor: not-allowed;

  pointer-events: none;

  opacity: 0.65;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

  box-shadow: none;

}

.btn.btn-gradient {

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  background-repeat: repeat-x;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);

}

.btn.btn-rounded {

  border-radius: 20px;

}

.btn-link {

  color: #3498db;

  font-weight: normal;

  cursor: pointer;

  border-radius: 0;

}

.btn-link,

.btn-link:active,

.btn-link[disabled],

fieldset[disabled] .btn-link {

  background-color: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.btn-link,

.btn-link:hover,

.btn-link:focus,

.btn-link:active {

  border-color: transparent;

}

.btn-link:hover,

.btn-link:focus {

  color: #1d6fa5;

  text-decoration: underline;

  background-color: transparent;

}

.btn-link[disabled]:hover,

fieldset[disabled] .btn-link:hover,

.btn-link[disabled]:focus,

fieldset[disabled] .btn-link:focus {

  color: #777777;

  text-decoration: none;

}

.btn-lg,

.btn-group-lg > .btn {

  padding: 10px 16px;

  font-size: 17px;

  line-height: 1.33;

  border-radius: 3px;

}

.btn-sm,

.btn-group-sm > .btn {

  padding: 5px 10px;


  font-size: 12px;

  line-height: 1.5;


  border-radius: 2px;

}

.btn-xs,

.btn-group-xs > .btn {


  padding: 1px 5px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 2px;

}

.btn-block {

  display: block;

  width: 100%;

}

.btn-block + .btn-block {


  margin-top: 5px;

}

input[type="submit"].btn-block,


input[type="reset"].btn-block,


input[type="button"].btn-block {


  width: 100%;


}

.btn.btn-alt {

  position: relative;

  padding: 7px 11px;

  margin: 5px 3px;

  color: #999;

  font-size: 11px;

  font-weight: 600;

  text-decoration: none;

  background-color: #fbfbfb;

  border-radius: 1px;

  border: 1px solid #EEE;

  border-left: 4px solid #EEE;

  -webkit-transition: opacity 0.1s ease;

  transition: opacity 0.1s ease;

}

.btn.btn-alt.item-active,

.btn.btn-alt:hover,

.btn.btn-alt:focus {

  color: #666 !important;

  background-color: #fefefe !important;

}

.btn.btn-alt.btn-gradient {

  background-color: #f0f0f0;

  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  background-repeat: repeat-x;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.14);

  border-left: 4px solid #DDD;

}

.btn.btn-alt.btn-gradient:hover,

.btn.btn-alt.btn-gradient:focus {

  background-color: #eee;

}

.btn.btn-alt.item-checked {

  opacity: 1;

  color: #666;

  border-left-color: #70ca63 !important;

  transition: all 0.2s ease;

}

.holder-style {

  display: block;

  padding: 9px 16px;

  color: #AAA;

  background-color: #f1f1f1;

  outline: 2px dashed #d9d9d9;

  border: 0;

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  transition: all 0.15s ease;

}

.holder-style:hover,

.holder-style:focus {

  cursor: pointer;

  color: #777;

  background-color: #EEE;

  outline: 2px dashed #aaa;

  border: 0;

  text-decoration: none;

}

.holder-style.holder-active {

  background-color: #FFF;

  outline-color: #70ca63;

}

.holder-style .holder-icon {

  color: #AAA;

  font-size: 30px;

  padding-bottom: 10px;

}

.holder-style:hover .holder-icon,

.holder-style:focus .holder-icon,

.holder-style.holder-active .holder-icon {

  color: #70ca63;

}

.btn-dimmer.btn,

.btn-dimmer .btn {

  opacity: 0.5;

}

.btn-dimmer.btn:hover,

.btn-dimmer .btn:hover,

.btn-dimmer.btn.item-active,

.btn-dimmer .btn.item-active {

  opacity: 1;

}

/*==================================================

  Component Animations

==================================================== */

.fade {

  opacity: 0;

  -webkit-transition: opacity 0.15s linear;

  -o-transition: opacity 0.15s linear;

  transition: opacity 0.15s linear;

}

.fade.in {

  opacity: 1;

}

.collapse {

  display: none;

}

.collapse.in {

  display: block;

}

tr.collapse.in {

  display: table-row;

}

tbody.collapse.in {

  display: table-row-group;

}

.collapsing {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition: height 0.35s ease;

  -o-transition: height 0.35s ease;

  transition: height 0.35s ease;

}

/*==================================================

  Dropdown menus

==================================================== */

.caret {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: 2px;

  vertical-align: middle;

  border-top: 4px solid;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent;

}

.caret.caret-tp {

  border-top-color: rgba(0, 0, 0, 0.3);

}

.caret.caret-xs {

  border-width: 2px;

}

.caret.caret-sm {

  border-width: 3px;


}

.caret.caret-lg {

  border-width: 5px;

}

.dropdown {

  position: relative;

}

.dropdown-menu.dropdown-sm {

  min-width: 120px;

}

.dropdown-menu.dropdown-sm li {

  margin-bottom: 0;


}

.dropdown-menu.dropdown-sm li a {

  font-size: 13px;


  padding: 2px 12px;

}

.dropdown-toggle:focus {

  outline: 0;


}

.dropdown-menu {

  position: absolute;


  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 160px;

  padding: 5px 0;

  margin: 2px 0 0;

  list-style: none;

  font-size: 13px;

  text-align: left;

  background-color: #ffffff;

  border: 1px solid #cccccc;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 4px;

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  background-clip: padding-box;

}

.dropdown-menu.pull-right {

  right: 0;

  left: auto;

}

.dropdown-menu .divider {

  height: 1px;

  margin: 8.5px 0;

  overflow: hidden;

  background-color: #e5e5e5;

}

.dropdown-menu > li > a {

  display: block;

  padding: 5px 15px;

  clear: both;

  color: #666666;

  font-weight: normal;

  line-height: 1.49;

  white-space: nowrap;

}

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

  text-decoration: none;

  color: #595959;

  background-color: #f5f5f5;

}

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

  color: #ffffff;

  text-decoration: none;

  outline: 0;

  background-color: #3498db;

}

.dropdown-menu > .disabled > a,

.dropdown-menu > .disabled > a:hover,

.dropdown-menu > .disabled > a:focus {

  color: #777777;

}

.dropdown-menu > .disabled > a:hover,

.dropdown-menu > .disabled > a:focus {

  text-decoration: none;

  background-color: transparent;

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  cursor: not-allowed;

}

.open > .dropdown-menu {

  display: block;

}

.open > a {

  outline: 0;

}

.dropdown-menu-right {

  left: auto;

  right: 0;

}

.dropdown-menu-left {

  left: 0;

  right: auto;

}

.dropdown-header {

  display: block;

  padding: 3px 20px;

  font-size: 12px;

  line-height: 1.49;

  color: #777777;

  white-space: nowrap;

}

.dropdown-backdrop {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  z-index: 990;

}

.pull-right > .dropdown-menu {

  right: 0;

  left: auto;

}

.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

  border-top: 0;

  border-bottom: 4px solid;

  content: "";

}

.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

  top: auto;

  bottom: 100%;

  margin-bottom: 1px;

}

@media (min-width: 480px) {

  .navbar-right .dropdown-menu {

    left: auto;

    right: 0;

  }

  .navbar-right .dropdown-menu-left {

    left: 0;

    right: auto;

  }

}

/*==================================================

  Button Groups

==================================================== */

.btn-group,

.btn-group-vertical {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.btn-group > .btn,

.btn-group-vertical > .btn {

  position: relative;

  float: left;

}

.btn-group > .btn:hover,

.btn-group-vertical > .btn:hover,

.btn-group > .btn:focus,

.btn-group-vertical > .btn:focus,

.btn-group > .btn:active,

.btn-group-vertical > .btn:active,

.btn-group > .btn.active,

.btn-group-vertical > .btn.active {

  z-index: 2;

}

.btn-group > .btn:focus,

.btn-group-vertical > .btn:focus {

  outline: 0;

}

.btn-group .btn + .btn,

.btn-group .btn + .btn-group,

.btn-group .btn-group + .btn,

.btn-group .btn-group + .btn-group {

  margin-left: -1px;

}


.btn-toolbar {

  margin-left: -5px;

}

.btn-toolbar .btn-group,

.btn-toolbar .input-group {

  float: left;

}

.btn-toolbar > .btn,

.btn-toolbar > .btn-group,

.btn-toolbar > .input-group {

  margin-left: 5px;


}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

  border-radius: 0;

}

.btn-group > .btn:first-child {

  margin-left: 0;

}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}

.btn-group > .btn:last-child:not(:first-child),

.btn-group > .dropdown-toggle:not(:first-child) {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}

.btn-group > .btn-group {

  float: left;

}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {

  border-radius: 0;

}

.btn-group > .btn-group:first-child > .btn:last-child,

.btn-group > .btn-group:first-child > .dropdown-toggle {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}

.btn-group > .btn-group:last-child > .btn:first-child {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}

.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

  outline: 0;

}

.btn-group > .btn + .dropdown-toggle {

  padding-left: 8px;

  padding-right: 8px;

  border-left: 1px solid rgba(0, 0, 0, 0.12);

}

.btn-group > .btn-lg + .dropdown-toggle {

  padding-left: 12px;

  padding-right: 12px;

}

.btn-group.open .dropdown-toggle {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn-group.open .dropdown-toggle.btn-link {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.btn .caret {

  margin-left: 0;

}

.btn-lg .caret {

  border-width: 5px 5px 0;

  border-bottom-width: 0;

}

.dropup .btn-lg .caret {

  border-width: 0 5px 5px;

}

.btn-group-vertical > .btn,

.btn-group-vertical > .btn-group,

.btn-group-vertical > .btn-group > .btn {

  display: block;

  float: none;

  width: 100%;

  max-width: 100%;

}

.btn-group-vertical > .btn-group > .btn {

  float: none;

}

.btn-group-vertical > .btn + .btn,

.btn-group-vertical > .btn + .btn-group,

.btn-group-vertical > .btn-group + .btn,

.btn-group-vertical > .btn-group + .btn-group {

  margin-top: -1px;

  margin-left: 0;

}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {

  border-radius: 0;

}

.btn-group-vertical > .btn:first-child:not(:last-child) {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.btn-group-vertical > .btn:last-child:not(:first-child) {

  border-bottom-left-radius: 4px;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {

  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;

}

.btn-group-justified {

  display: table;

  width: 100%;

  table-layout: fixed;

  border-collapse: separate;

}

.btn-group-justified > .btn,

.btn-group-justified > .btn-group {

  float: none;

  display: table-cell;

  width: 1%;

}

.btn-group-justified > .btn-group .btn {

  width: 100%;

}

.btn-group-justified > .btn-group .dropdown-menu {

  left: auto;

}

[data-toggle="buttons"] > .btn > input[type="radio"],

[data-toggle="buttons"] > .btn > input[type="checkbox"] {

  position: absolute;

  z-index: -1;

  opacity: 0;

  filter: alpha(opacity=0);

}


/*==================================================

  Input Groups

==================================================== */

.input-group {

  position: relative;

  display: table;

  border-collapse: separate;

}

.input-group[class*="col-"] {

  float: none;


  padding-left: 0;


  padding-right: 0;

}


.input-group .form-control {


  position: relative;

  z-index: 2;

  float: left;


  width: 100%;

  margin-bottom: 0;

}


.input-group-lg > .form-control,

.input-group-lg > .input-group-addon,

.input-group-lg > .input-group-btn > .btn {

  height: 45px;

  padding: 10px 16px;

  font-size: 17px;

  line-height: 1.33;

  border-radius: 3px;

}

select.input-group-lg > .form-control,

select.input-group-lg > .input-group-addon,

select.input-group-lg > .input-group-btn > .btn {

  height: 45px;

  line-height: 45px;

}

textarea.input-group-lg > .form-control,

textarea.input-group-lg > .input-group-addon,

textarea.input-group-lg > .input-group-btn > .btn,

select[multiple].input-group-lg > .form-control,

select[multiple].input-group-lg > .input-group-addon,

select[multiple].input-group-lg > .input-group-btn > .btn {

  height: auto;

}

.input-group-sm > .form-control,

.input-group-sm > .input-group-addon,

.input-group-sm > .input-group-btn > .btn {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 2px;

}

select.input-group-sm > .form-control,

select.input-group-sm > .input-group-addon,

select.input-group-sm > .input-group-btn > .btn {

  height: 30px;

  line-height: 30px;

}

textarea.input-group-sm > .form-control,

textarea.input-group-sm > .input-group-addon,

textarea.input-group-sm > .input-group-btn > .btn,

select[multiple].input-group-sm > .form-control,

select[multiple].input-group-sm > .input-group-addon,

select[multiple].input-group-sm > .input-group-btn > .btn {

  height: auto;

}

.input-group-addon,

.input-group-btn,

.input-group .form-control {

  display: table-cell;

}

.input-group-addon:not(:first-child):not(:last-child),

.input-group-btn:not(:first-child):not(:last-child),

.input-group .form-control:not(:first-child):not(:last-child) {

  border-radius: 0;

}

.input-group-addon,

.input-group-btn {

  width: 1%;

  white-space: nowrap;

  vertical-align: middle;

}

.input-group-addon {

  min-width: 40px;

  padding: 9px 12px;

  font-size: 13px;

  font-weight: normal;

  line-height: 1;

  color: #3498db;

  text-align: center;

  background-color: #fafafa;

  border: 1px solid #dddddd;

  border-radius: 2px;

}

.input-group-addon.input-sm {

  padding: 5px 10px;

  font-size: 12px;

  border-radius: 2px;

}

.input-group-addon.input-lg {

  padding: 10px 16px;

  font-size: 17px;

  border-radius: 3px;

}

.input-group-addon input[type="radio"],

.input-group-addon input[type="checkbox"] {

  margin-top: 0;

}

.input-group .form-control:first-child,

.input-group-addon:first-child,

.input-group-btn:first-child > .btn,

.input-group-btn:first-child > .btn-group > .btn,

.input-group-btn:first-child > .dropdown-toggle,

.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}

.input-group-addon:first-child {

  border-right: 0;

}

.input-group .form-control:last-child,

.input-group-addon:last-child,

.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group > .btn,

.input-group-btn:last-child > .dropdown-toggle,

.input-group-btn:first-child > .btn:not(:first-child),

.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}

.input-group-addon:last-child {

  border-left: 0;


}

.input-group-btn {


  position: relative;

  font-size: 0;

  white-space: nowrap;

}

.input-group-btn > .btn {

  position: relative;

}

.input-group-btn > .btn + .btn {

  margin-left: -1px;

}

.input-group-btn > .btn:hover,

.input-group-btn > .btn:focus,


.input-group-btn > .btn:active {

  z-index: 2;

}

.input-group-btn:first-child > .btn,


.input-group-btn:first-child > .btn-group {

  margin-right: -1px;


}

.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group {

  margin-left: -1px;

}

/*==================================================

  Navs

==================================================== */

.nav {

  margin-bottom: 0;

  padding-left: 0;

  list-style: none;

}

.nav > li {

  position: relative;

  display: block;

}

.nav > li > a {

  position: relative;

  display: block;

  padding: 10px 15px;

}

.nav > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  background-color: #eeeeee;

}

.nav > li.disabled > a {

  color: #777777;

}

.nav > li.disabled > a:hover,

.nav > li.disabled > a:focus {

  color: #777777;

  text-decoration: none;

  background-color: transparent;

  cursor: not-allowed;

}

.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

  background-color: #eeeeee;

  border-color: #CCC;

}

.nav .nav-divider {

  height: 1px;

  margin: 8.5px 0;

  overflow: hidden;

  background-color: #e5e5e5;

}

.nav > li > a > img {

  max-width: none;

}

.nav-tabs {

  border-bottom: 1px solid #dddddd;

}

.nav-tabs > li {

  float: left;

  margin-bottom: -1px;

}

.nav-tabs > li > a {

  margin-right: 2px;

  line-height: 1.49;

  border: 1px solid transparent;

  border-radius: 4px 4px 0 0;

}

.nav-tabs > li > a:hover {

  border-color: #eeeeee #eeeeee #dddddd;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  color: #555555;

  background-color: transparent;

  border: 1px solid #dddddd;

  border-bottom-color: transparent;

  cursor: default;

}

.nav-tabs.nav-justified {

  width: 100%;

  border-bottom: 0;

}

.nav-tabs.nav-justified > li {

  float: none;

}

.nav-tabs.nav-justified > li > a {

  text-align: center;

  margin-bottom: 5px;

}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {

  top: auto;

  left: auto;

}

@media (min-width: 768px) {

  .nav-tabs.nav-justified > li {

    display: table-cell;

    width: 1%;

  }

  .nav-tabs.nav-justified > li > a {

    margin-bottom: 0;

  }

}

.nav-tabs.nav-justified > li > a {

  margin-right: 0;

  border-radius: 4px;

}

.nav-tabs.nav-justified > .active > a,

.nav-tabs.nav-justified > .active > a:hover,

.nav-tabs.nav-justified > .active > a:focus {

  border: 1px solid #dddddd;

}

@media (min-width: 768px) {

  .nav-tabs.nav-justified > li > a {

    border-bottom: 1px solid #dddddd;

    border-radius: 4px 4px 0 0;

  }

  .nav-tabs.nav-justified > .active > a,

  .nav-tabs.nav-justified > .active > a:hover,

  .nav-tabs.nav-justified > .active > a:focus {

    border-bottom-color: #ffffff;

  }

}

.nav-pills.nav-pills-sm > li > a {

  font-size: 12px;

  padding: 4px 8px;

}

.nav-pills.nav-pills-lg > li > a {

  font-size: 14px;

  padding: 12px 18px;

}

.nav-pills > li {

  float: left;

}

.nav-pills > li > a {

  color: #888;

  padding: 7px 13px;

  border-radius: 4px;

}

.nav-pills > li + li {

  margin-left: 7px;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

  color: #FFF;

  background-color: #3498db;

  border: 1px solid transparent;

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);

}

.nav-stacked > li {

  float: none;

}

.nav-stacked > li + li {


  margin-top: 2px;


  margin-left: 0;


}

.page-heading {

  position: relative;

  padding: 30px 40px;

 margin: -25px 0px 25px;

 border: 1px solid #E2E2E2;

  background-color: #f2f2f2;

}

.page-tabs {

  margin: -25px -20px 30px;

  padding: 15px 25px 0;

  border-bottom: 1px solid #ddd;

  background: #e9e9e9;

}


.page-tabs .nav-tabs {

  border-bottom: 0;

}

.page-tabs .nav-tabs > li > a {

  color: #AAA;

  padding: 10px 20px;


}

.page-tabs .nav-tabs > li:hover > a,

.page-tabs .nav-tabs > li:focus > a {

  border-color: #ddd;

}

.page-tabs .nav-tabs > li.active > a,

.page-tabs .nav-tabs > li.active > a:hover,

.page-tabs .nav-tabs > li.active > a:focus {

  color: #666;

  font-weight: 600;

  background-color: #eee;

  border-bottom-color: transparent;

}

@media (max-width: 800px) {

  .page-tabs {

    padding: 25px 20px 0;

  }

  .page-tabs .nav-tabs li {

    float: none;

    margin-bottom: 5px;

  }

  .page-tabs .nav-tabs li:last-child,

  .page-tabs .nav-tabs li.active:last-child {

    margin-bottom: 10px;

  }

  .page-tabs .nav-tabs > li > a:hover,

  .page-tabs .nav-tabs > li > a:focus {

    border: 1px solid #DDD;

  }

  .page-tabs .nav-tabs > li.active > a,

  .page-tabs .nav-tabs > li.active > a:hover,

  .page-tabs .nav-tabs > li.active > a:focus {

    border-bottom-color: #ddd;

  }

}

.nav-justified {

  width: 100%;

}

.nav-justified > li {

  float: none;

}

.nav-justified > li > a {

  text-align: center;

  margin-bottom: 5px;

}

.nav-justified > .dropdown .dropdown-menu {

  top: auto;

  left: auto;

}

@media (min-width: 768px) {

  .nav-justified > li {

    display: table-cell;

    width: 1%;

  }

  .nav-justified > li > a {

    margin-bottom: 0;

  }

}

.nav-tabs-justified {

  border-bottom: 0;

}

.nav-tabs-justified > li > a {

  margin-right: 0;

  border-radius: 4px;

}

.nav-tabs-justified > .active > a,

.nav-tabs-justified > .active > a:hover,

.nav-tabs-justified > .active > a:focus {

  border: 1px solid #dddddd;

}

@media (min-width: 768px) {

  .nav-tabs-justified > li > a {

    border-bottom: 1px solid #dddddd;

    border-radius: 4px 4px 0 0;

  }

  .nav-tabs-justified > .active > a,

  .nav-tabs-justified > .active > a:hover,

  .nav-tabs-justified > .active > a:focus {

    border-bottom-color: #ffffff;

  }

}

.tab-content > .tab-pane {

  display: none;

}

.tab-content > .active {

  display: block;

}

.nav-tabs .dropdown-menu {

  margin-top: -1px;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}

.nav-list {

  margin-bottom: 20px;

}

.nav-list li {

  display: inline-block;

}

.nav-list li.active a {

  color: #444;

  border-bottom: 3px solid #4a89dc;

}

.nav-list li a {

  color: #AAA;

  font-weight: 600;

  border-bottom: 3px solid transparent;

}

.nav-list li a:hover,

.nav-list li a:focus {

  color: #444;

  background-color: transparent;

}

.nav-list.nav-list-sm li a {

  padding: 10px 8px;

}

/*==================================================

  Navbars

==================================================== */

.navbar {

  position: relative;

  min-height: 50px;

  margin-bottom: 19px;

  border: 1px solid transparent;

}

@media (min-width: 480px) {

  .navbar {

    border-radius: 4px;

  }

}

@media (min-width: 480px) {

  .navbar-header {

    float: left;

  }

}

.navbar-collapse {

  overflow-x: visible;

  padding-right: 11px;

  padding-left: 11px;

  border-top: 1px solid transparent;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  -webkit-overflow-scrolling: touch;

}

.navbar-collapse.in {

  overflow-y: auto;

}

@media (min-width: 480px) {

  .navbar-collapse {

    width: auto;

    border-top: 0;

    box-shadow: none;

  }

  .navbar-collapse.collapse {


    display: block !important;

    height: auto !important;

    padding-bottom: 0;

    overflow: visible !important;

  }

  .navbar-collapse.in {

    overflow-y: visible;

  }

  .navbar-fixed-top .navbar-collapse,

  .navbar-static-top .navbar-collapse,

  .navbar-fixed-bottom .navbar-collapse {


    padding-left: 0;


    padding-right: 0;

  }

}

.navbar-fixed-top .navbar-collapse,

.navbar-fixed-bottom .navbar-collapse {

  max-height: 340px;

}


@media (max-width: 480px) and (orientation: landscape) {

  .navbar-fixed-top .navbar-collapse,

  .navbar-fixed-bottom .navbar-collapse {

    max-height: 200px;

  }

}

.container > .navbar-header,

.container-fluid > .navbar-header,

.container > .navbar-collapse,

.container-fluid > .navbar-collapse {

  margin-right: -11px;

  margin-left: -11px;

}

@media (min-width: 480px) {

  .container > .navbar-header,

  .container-fluid > .navbar-header,

  .container > .navbar-collapse,

  .container-fluid > .navbar-collapse {

    margin-right: 0;

    margin-left: 0;

  }

}

.navbar-static-top {

  z-index: 1000;

  border-width: 0 0 1px;

}

@media (min-width: 480px) {

  .navbar-static-top {

    border-radius: 0;

  }

}

.navbar-fixed-top,

.navbar-fixed-bottom {

  position: fixed;

  right: 0;

  left: 0;

  z-index: 1030;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

@media (min-width: 480px) {

  .navbar-fixed-top,

  .navbar-fixed-bottom {

    border-radius: 0;

  }

}

.navbar-fixed-top {

  top: 0;

  border-width: 0 0 1px;

}

.navbar-fixed-bottom {

  bottom: 0;

  margin-bottom: 0;

  border-width: 1px 0 0;

}

.navbar-brand {

  float: left;

  padding: 15.5px 11px;

  font-size: 17px;

  line-height: 19px;

  height: 50px;

}

.navbar-brand:hover,

.navbar-brand:focus {

  text-decoration: none;

}

@media (min-width: 480px) {

  .navbar > .container .navbar-brand,

  .navbar > .container-fluid .navbar-brand {

    margin-left: -11px;

  }

}

.navbar-toggle {

  position: relative;

  float: right;

  margin-right: 11px;

  padding: 9px 10px;

  margin-top: 8px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

.navbar-toggle:focus {

  outline: 0;

}

.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px;

}

.navbar-toggle .icon-bar + .icon-bar {

  margin-top: 4px;

}



@media (max-width: 479px) {

  .navbar-nav .open .dropdown-menu {

    position: static;

    float: none;

    width: auto;

    margin-top: 0;

    background-color: transparent;

    border: 0;

    box-shadow: none;

  }

  .navbar-nav .open .dropdown-menu > li > a,

  .navbar-nav .open .dropdown-menu .dropdown-header {

    padding: 5px 15px 5px 25px;

  }

  .navbar-nav .open .dropdown-menu > li > a {

    line-height: 19px;

  }

  .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-nav .open .dropdown-menu > li > a:focus {

    background-image: none;

  }

}

@media (min-width: 480px) {

  .navbar-nav {

    float: left;

    margin: 0;

  }

  .navbar-nav > li {

    float: left;

  }

  .navbar-nav > li > a {

    padding-top: 15.5px;

    padding-bottom: 15.5px;

  }

  .navbar-nav.navbar-right:last-child {

    margin-right: -11px;

  }

}

@media (min-width: 480px) {

  .navbar-left {

    float: left;

    float: left !important;

  }

  .navbar-right {

    float: right;

    float: right !important;

  }

}

.navbar-form {

  margin-left: -11px;

  margin-right: -11px;

  padding: 10px 11px;

  border-top: 1px solid transparent;

  border-bottom: 1px solid transparent;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

  margin-top: 5.5px;

  margin-bottom: 5.5px;

}

@media (min-width: 768px) {

  .navbar-form .form-group {

    display: inline-block;

    margin-bottom: 0;


    vertical-align: middle;

  }

  .navbar-form .form-control {

    display: inline-block;

    width: auto;


    vertical-align: middle;

  }

  .navbar-form .input-group {

    display: inline-table;

    vertical-align: middle;

  }

  .navbar-form .input-group .input-group-addon,

  .navbar-form .input-group .input-group-btn,

  .navbar-form .input-group .form-control {

    width: auto;

  }

  .navbar-form .input-group > .form-control {

    width: 100%;

  }

  .navbar-form .control-label {

    margin-bottom: 0;

    vertical-align: middle;

  }

  .navbar-form .radio,

  .navbar-form .checkbox {

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .navbar-form .radio label,

  .navbar-form .checkbox label {

    padding-left: 0;

  }

  .navbar-form .radio input[type="radio"],

  .navbar-form .checkbox input[type="checkbox"] {

    position: relative;

    margin-left: 0;

  }

  .navbar-form .has-feedback .form-control-feedback {

    top: 0;

  }

}

@media (max-width: 479px) {

  .navbar-form .form-group {

    margin-bottom: 5px;

  }

}

@media (min-width: 480px) {

  .navbar-form {

    width: auto;

    border: 0;

    margin-left: 0;

    margin-right: 0;

    padding-top: 0;

    padding-bottom: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .navbar-form.navbar-right:last-child {

    margin-right: -11px;

  }

}

.navbar-nav > li > .dropdown-menu {

  margin-top: 0;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.navbar-btn {

  margin-top: 15px;

  margin-bottom: 15px;

}

.navbar-btn.btn-sm {

  margin-top: 10px;

  margin-bottom: 10px;

}

.navbar-btn.btn-xs {

  margin-top: 14px;

  margin-bottom: 14px;

}

.navbar-text {

  margin-top: 15.5px;

  margin-bottom: 15.5px;

}

@media (min-width: 480px) {

  .navbar-text {

    float: left;

    margin-left: 11px;

    margin-right: 11px;

  }

  .navbar-text.navbar-right:last-child {

    margin-right: 0;

  }

}

.navbar-default {

  background-color: #f8f8f8;

  border-color: #e7e7e7;

}

.navbar-default .navbar-brand {

  color: #777777;

}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #5e5e5e;

  background-color: transparent;

}

.navbar-default .navbar-text {

  color: #777777;

}

.navbar-default .navbar-nav > li > a {

  color: #777777;

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  color: #333333;

  background-color: transparent;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #555555;

  background-color: #e7e7e7;

}

.navbar-default .navbar-nav > .disabled > a,

.navbar-default .navbar-nav > .disabled > a:hover,

.navbar-default .navbar-nav > .disabled > a:focus {

  color: #cccccc;

  background-color: transparent;

}

.navbar-default .navbar-toggle {

  border-color: #dddddd;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #dddddd;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #888888;

}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #e7e7e7;

}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  background-color: #e7e7e7;


  color: #555555;


}

@media (max-width: 479px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #777777;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,


  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #333333;


    background-color: transparent;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #555555;

    background-color: #e7e7e7;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #cccccc;

    background-color: transparent;

  }

}

.navbar-default .navbar-link {

  color: #777777;

}

.navbar-default .navbar-link:hover {

  color: #333333;

}

.navbar-default .btn-link {

  color: #777777;

}

.navbar-default .btn-link:hover,

.navbar-default .btn-link:focus {

  color: #333333;

}

.navbar-default .btn-link[disabled]:hover,

fieldset[disabled] .navbar-default .btn-link:hover,

.navbar-default .btn-link[disabled]:focus,

fieldset[disabled] .navbar-default .btn-link:focus {

  color: #cccccc;

}

.navbar-inverse {

  background-color: #222222;

  border-color: #080808;

}

.navbar-inverse .navbar-brand {

  color: #777777;

}

.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

  color: #ffffff;

  background-color: transparent;

}

.navbar-inverse .navbar-text {

  color: #777777;

}

.navbar-inverse .navbar-nav > li > a {

  color: #777777;

}

.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

  color: #ffffff;

  background-color: transparent;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

  color: #ffffff;

  background-color: #080808;

}

.navbar-inverse .navbar-nav > .disabled > a,

.navbar-inverse .navbar-nav > .disabled > a:hover,

.navbar-inverse .navbar-nav > .disabled > a:focus {

  color: #444444;

  background-color: transparent;

}

.navbar-inverse .navbar-toggle {

  border-color: #333333;

}

.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

  background-color: #333333;

}

.navbar-inverse .navbar-toggle .icon-bar {

  background-color: #ffffff;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  border-color: #101010;

}

.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

  background-color: #080808;

  color: #ffffff;

}

@media (max-width: 479px) {

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {

    border-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {

    background-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

    color: #777777;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #ffffff;

    background-color: transparent;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #ffffff;

    background-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #444444;

    background-color: transparent;

  }

}

.navbar-inverse .navbar-link {

  color: #777777;

}

.navbar-inverse .navbar-link:hover {

  color: #ffffff;

}

.navbar-inverse .btn-link {

  color: #777777;

}

.navbar-inverse .btn-link:hover,

.navbar-inverse .btn-link:focus {

  color: #ffffff;

}

.navbar-inverse .btn-link[disabled]:hover,

fieldset[disabled] .navbar-inverse .btn-link:hover,

.navbar-inverse .btn-link[disabled]:focus,

fieldset[disabled] .navbar-inverse .btn-link:focus {

  color: #444444;

}

/*==================================================

  Breadcrumbs

==================================================== */

.breadcrumb {

  padding: 8px 15px;

  margin-bottom: 19px;

  list-style: none;

  background-color: #f5f5f5;

  border-radius: 4px;

}

.breadcrumb > li {

  display: inline-block;

}

.breadcrumb > li + li:before {

  content: "/\00a0";

  padding: 0 5px;

  color: #cccccc;

}

.breadcrumb > .active {

 color: #38A0FF;

}

/*==================================================

  Paginations

==================================================== */

.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 19px 0;

  border-radius: 4px;

}

.pagination > li {

  display: inline;

}

.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 5px 12px;

  line-height: 1.49;

  text-decoration: none;

  color: #3498db;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  margin-left: -1px;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

  margin-left: 0;

  border-bottom-left-radius: 4px;

  border-top-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-bottom-right-radius: 4px;

  border-top-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  color: #1d6fa5;

  background-color: #eeeeee;

  border-color: #dddddd;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 2;

  color: #ffffff;

  background-color: #3498db;

  border-color: #3498db;

  cursor: default;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #777777;

  background-color: #ffffff;

  border-color: #dddddd;

  cursor: not-allowed;

}

.pagination-lg > li > a,

.pagination-lg > li > span {

  padding: 10px 16px;

  font-size: 17px;

}

.pagination-lg > li:first-child > a,

.pagination-lg > li:first-child > span {

  border-bottom-left-radius: 3px;

  border-top-left-radius: 3px;

}

.pagination-lg > li:last-child > a,

.pagination-lg > li:last-child > span {

  border-bottom-right-radius: 3px;

  border-top-right-radius: 3px;

}

.pagination-sm > li > a,

.pagination-sm > li > span {

  padding: 5px 10px;

  font-size: 12px;

}

.pagination-sm > li:first-child > a,

.pagination-sm > li:first-child > span {

  border-bottom-left-radius: 2px;

  border-top-left-radius: 2px;

}

.pagination-sm > li:last-child > a,

.pagination-sm > li:last-child > span {

  border-bottom-right-radius: 2px;

  border-top-right-radius: 2px;

}

/*==================================================

  Pager Pagination

==================================================== */

.pager {

  padding-left: 0;

  margin: 19px 0;

  list-style: none;

  text-align: center;


}

.pager li {

  display: inline;

}


.pager li > a,

.pager li > span {

  display: inline-block;


  padding: 5px 14px;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 15px;

}

.pager li > a:hover,

.pager li > a:focus {

  text-decoration: none;

  background-color: #eeeeee;

}


.pager .next > a,

.pager .next > span {


  float: right;

}


.pager .previous > a,

.pager .previous > span {

  float: left;


}

.pager .disabled > a,


.pager .disabled > a:hover,

.pager .disabled > a:focus,

.pager .disabled > span {

  color: #777777;

  background-color: #ffffff;

  cursor: not-allowed;

}

/*==================================================

  Labels

==================================================== */

.label {

  display: inline;

  padding: .3em .7em .4em;

  font-size: 84%;

  font-weight: 600;

  line-height: 24px;

  color: #ffffff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: .25em;

}

.label.label-xs {

  padding: 0 .35em .1em;

  font-size: 75%;

}

.label.label-sm {

  padding: .1em .65em .2em;

  font-size: 75%;

}

.label.label-lg {

  padding: .4em .9em .5em;

  font-size: 95%;

}

.label.label-rounded {

  padding: .2em 0.85em .3em;

  border-radius: 1em;

}

.label.label-rounded.label-xs {

  padding: 0 .35em .1em;

}

.label.label-rounded.label-sm {

  padding: .1em .65em .2em;

}

.label.label-rounded.label-lg {

  padding: .4em .9em .5em;

}

a.label:hover,

a.label:focus {

  color: #ffffff;

  text-decoration: none;

  cursor: pointer;

}

.label:empty {

  display: none;

}

.btn .label {

  position: relative;

  top: -1px;

}

/*==================================================

  Badges

==================================================== */

.badge {

  display: inline-block;

  min-width: 10px;

  padding: 3px 7px;

  font-size: 12px;

  font-weight: 600;

  color: #ffffff;

  line-height: 1;

  vertical-align: baseline;

  white-space: nowrap;

  text-align: center;

  background-color: #777777;

  border-radius: 10px;

}

.badge:empty {

  display: none;

}

.btn .badge {

  position: relative;

  top: -1px;

}

.btn-xs .badge {

  top: 0;

  padding: 1px 5px;

}

a.badge:hover,

a.badge:focus {

  color: #ffffff;

  text-decoration: none;

  cursor: pointer;

}

a.list-group-item.active > .badge,

.nav-pills > .active > a > .badge {

  color: #3498db;

  background-color: #ffffff;

}

.nav-pills > li > a > .badge {

  margin-left: 3px;

}

/*==================================================

  Jumbotron

==================================================== */

.jumbotron {

  padding: 30px;

  margin-bottom: 30px;

  color: inherit;

  background-color: #eeeeee;

}

.jumbotron h1,

.jumbotron .h1 {

  color: inherit;

}

.jumbotron p {

  margin-bottom: 15px;

  font-size: 20px;

  font-weight: 200;

}

.jumbotron > hr {

  border-top-color: #d5d5d5;

}

.container .jumbotron {

  border-radius: 3px;

}

.jumbotron .container {

  max-width: 100%;

}

@media screen and (min-width: 768px) {

  .jumbotron {

    padding-top: 48px;

    padding-bottom: 48px;

  }

  .container .jumbotron {

    padding-left: 60px;

    padding-right: 60px;

  }

  .jumbotron h1,

  .jumbotron .h1 {

    font-size: 58.5px;

  }

}

/*===============================================

  Thumbnails

================================================= */

.thumbnail {

  display: block;

  padding: 4px;

  margin-bottom: 19px;

  line-height: 1.49;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.thumbnail > img,

.thumbnail a > img {

  margin-left: auto;

  margin-right: auto;

}


a.thumbnail:hover,

a.thumbnail:focus,

a.thumbnail.active {

  border-color: #3498db;

}

.thumbnail .caption {

  padding: 9px;

  color: #666666;

}

/*==================================================

  Alerts

==================================================== */

.alert {

  color: #ffffff;

  font-size: 14px;

  padding: 15px;

  margin-bottom: 19px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 4px;

}

.alert .close {

  color: #666666;

}

.alert .close:hover {

  color: #666666;

}

.alert hr {

  border-top-color: rgba(0, 0, 0, 0.1);

}

.alert h4 {

  margin-top: 0;

  color: inherit;

}

.alert .alert-link {

  color: #ffffff;

  font-weight: bold;

}

.alert > p,

.alert > ul {

  margin-bottom: 0;

}

.alert > p + p {

  margin-top: 5px;

}

.alert.alert-micro,

.alert .alert-sm {

  font-size: 13px;

  padding: 9px 35px 9px 9px;

  border-radius: 0;

}

.alert.alert-sm {

  padding: 12px 35px 12px 12px;

}

.alert.alert-border {

  border: 1px solid transparent;

}

.alert.alert-border-right {

  border-right-width: 6px;

}

.alert.alert-border-top {

  border-top-width: 3px;

}

.alert.alert-border-bottom {

  border-bottom-width: 3px;

}

.alert.alert-border-left {

  padding-left: 15px;

  border-left-width: 6px;

}

.alert-dismissable,

.alert-dismissible {

  padding-right: 35px;

}

.alert-dismissable .close,

.alert-dismissible .close {

  position: relative;

  right: -21px;

  color: #FFF;

  opacity: 0.3;

}

.alert-dismissable .close:hover,

.alert-dismissible .close:hover {

  color: #FFF;

  opacity: 1;

}

/*==================================================

  Progress Bars

==================================================== */

@-webkit-keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}

@keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}

.progress {

  overflow: hidden;

  height: 19px;

  margin-bottom: 19px;

  background-color: #ececec;

  border-radius: 4px;

  box-shadow: none;

}

.progress-bar {

  float: left;

  width: 0%;

  height: 100%;

  font-size: 12px;

  font-weight: 600;

  line-height: 19px;

  color: #ffffff;

  text-align: center;

  background-color: #999999;

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  -webkit-transition: width 0.6s ease;

  -o-transition: width 0.6s ease;

  transition: width 0.6s ease;

}

.progress-striped .progress-bar,

.progress-bar-striped {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-size: 40px 40px;

}

.progress.active .progress-bar,

.progress-bar.active {

  -webkit-animation: progress-bar-stripes 2s linear infinite;

  -o-animation: progress-bar-stripes 2s linear infinite;

  animation: progress-bar-stripes 2s linear infinite;

}

.progress-bar[aria-valuenow="1"],

.progress-bar[aria-valuenow="2"] {

  min-width: 30px;

}

.progress-bar[aria-valuenow="0"] {

  color: #777777;

  min-width: 30px;

  background-color: transparent;

  background-image: none;


  box-shadow: none;

}

.progress {

  height: 18px;

  border-radius: 2px;

}

.progress.progress-bar-xxs {

  height: 3px;

  border-radius: 2px;

}

.progress.progress-bar-xxs .progress-bar {

  line-height: 3px;

}

.progress.progress-bar-xs {

  height: 6px;

  border-radius: 2px;

}

.progress.progress-bar-xs .progress-bar {

  line-height: 6px;

}

.progress.progress-bar-sm {

  height: 10px;

  border-radius: 2px;

}

.progress.progress-bar-sm .progress-bar {

  line-height: 10px;

}

.progress.progress-bar-lg {

  height: 20px;

}

.progress.progress-bar-lg .progress-bar {

  line-height: 20px;

}

.progress.progress-bar-xl {

  height: 24px;

}

.progress.progress-bar-xl .progress-bar {

  line-height: 24px;

}

.progress.right .progress-bar {

  float: right;

}

.progress.vertical {

  height: 100%;

  min-height: 200px;

  width: 22px;

  position: relative;

}

.progress.vertical .progress-bar {

  width: 100%;

  position: absolute;

  font-size: 11px;

  line-height: 20px;

}

.progress.vertical.bottom .progress-bar {

  bottom: 0;

}

.progress {

  height: 18px;

  border-radius: 2px;

}

.progress.vertical.progress-bar-sm {

  width: 16px;

}

.progress.vertical.progress-bar-lg {

  width: 30px;

}

.progress.vertical.progress-bar-xl {

  width: 40px;

}

/*==================================================

  Media Groups

==================================================== */

.media {

  color: #999999;

  font-weight: 600;

  margin-top: 15px;

}

.media:first-child {

  margin-top: 0;

}

.media-right,

.media > .pull-right {

  padding-left: 10px;

}

.media-left,

.media > .pull-left {

  padding-right: 10px;

}

.media-left,

.media-right,

.media-body {

  display: table-cell;

  vertical-align: top;

}

.media-middle {

  vertical-align: middle;

}

.media-bottom {

  vertical-align: bottom;

}

.media-heading {

  color: #555555;

  margin-top: 0;

  margin-bottom: 5px;

}

.media-list {

  padding-left: 0;

  list-style: none;

}

/*==================================================

  List Groups

==================================================== */

.list-group {

  margin-bottom: 20px;

  padding-left: 0;

}

.list-group-item {

  position: relative;

  display: block;

  padding: 10px 15px;

  margin-bottom: -1px;

  background-color: #ffffff;

  border: 1px solid #e7e7e7;

}

.list-group-item:first-child {

  border-top-right-radius: 2px;

  border-top-left-radius: 2px;

}

.list-group-item:last-child {

  margin-bottom: 0;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 2px;

}

.list-group-item > .badge {

  float: right;

}

.list-group-item > .badge + .badge {

  margin-right: 5px;

}

a.list-group-item {

  color: #3498db;

}

a.list-group-item .list-group-item-heading {

  color: #333333;

}

a.list-group-item:hover,

a.list-group-item:focus {

  text-decoration: none;

  color: #3498db;

  background-color: #f5f5f5;

}

.list-group-item.disabled,

.list-group-item.disabled:hover,

.list-group-item.disabled:focus {

  background-color: #eeeeee;

  color: #777777;

}

.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading {

  color: inherit;

}

.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text {

  color: #777777;

}

.list-group-item.active,

.list-group-item.active:hover,

.list-group-item.active:focus {

  z-index: 2;

  color: #ffffff;

  background-color: #3498db;

  border-color: #3498db;

}

.list-group-item.active .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active .list-group-item-heading > small,

.list-group-item.active:hover .list-group-item-heading > small,

.list-group-item.active:focus .list-group-item-heading > small,


.list-group-item.active .list-group-item-heading > .small,

.list-group-item.active:hover .list-group-item-heading > .small,


.list-group-item.active:focus .list-group-item-heading > .small {

  color: inherit;

}

.list-group-item.active .list-group-item-text,

.list-group-item.active:hover .list-group-item-text,

.list-group-item.active:focus .list-group-item-text {

  color: #e1f0fa;

}

.list-group.list-group-links .list-group-header {

  list-style: none;

  font-size: 15px;

  font-weight: 600;

  padding-left: 7px;

  margin-bottom: 5px;

  padding-bottom: 10px;

  border-bottom: 1px solid #e5e5e5;

}

.list-group.list-group-links .list-group-item {

  color: #AAA;

  font-weight: 600;

  background: transparent;

  border: 0;

  padding: 8px 9px;

}

.list-group.list-group-links .list-group-item .label {

  float: right;

  line-height: inherit;

  padding: .1em .6em .2em;

}

.list-group.list-group-links .list-group-item i.fa {

  padding-right: 5px;

}

.list-group.list-group-links .list-group-item .fa-circle {

  float: right;

  font-size: 14px;

}

.list-group.list-group-links.list-group-spacing-sm > a {

  padding: 6px 9px;

}

.list-group.list-group-links.list-group-spacing-xs > a {

  padding: 4px 9px;

}

.list-group.list-group-links .list-group-divider {

  border-bottom: 1px dashed #DDD;

  padding-bottom: 6px;

  margin-bottom: 6px;

}

.list-group-item-heading {

  margin-top: 0;

  margin-bottom: 5px;

}

.list-group-item-text {

  margin-bottom: 0;

  line-height: 1.3;

}

/*==================================================

  Panels

==================================================== */

.panel {

position: relative;

margin-bottom: 27px;

background-color: #ffffff;

border-radius: 5px;

border: 1px #b3a06a solid;
}

.panel.panel-transparent {

  background: none;

  border: 0;

  margin: 0;

  padding: 0;

}

.panel.panel-border {

  border-style: solid;

  border-width: 0;

}

.panel.panel-border.top {

  border-top-width: 5px;

}

.panel.panel-border.right {

  border-right-width: 5px;

}

.panel.panel-border.bottom {

  border-bottom-width: 5px;

}

.panel.panel-border.left {

  border-left-width: 5px;

}

.panel.panel-border > .panel-heading {

  background-color: #fafafa;

  border-color: #e2e2e2;

  border-top: 1px solid transparent;

}

.panel.panel-border > .panel-heading > .panel-title {

  color: #999999;

}

.panel.panel-border.panel-default {

  border-color: #DDD;

}

.panel.panel-border.panel-default > .panel-heading {

  border-top: 1px solid transparent;

}

.panel-menu {

  background-color: #fafafa;

  padding: 12px;

  border: 1px solid #e2e2e2;

}

.panel-menu.dark {

  background-color: #f8f8f8;

}

.panel-body .panel-menu {

  border-left: 0;

  border-right: 0;

}

.panel-heading + .panel-menu,

.panel-menu + .panel-body,

.panel-body + .panel-menu,

.panel-body + .panel-body {

  border-top: 0;

}

.panel-body {

  position: relative;

  padding: 15px;



}

.panel-body + .panel-footer {

  border-top: 0;

}

.panel-heading {

position: relative;

height: 67px;

line-height: 67px;

letter-spacing: 0.2px;

padding: 0 8px;

/* background: #428bca; */

border:none;

border-top-right-radius: 3px;

border-top-left-radius: 3px;

border-bottom: 1px solid #eeeeee;

color: #c9a063 !important;

font-weight: 700;

font-size: 16px;
}

.panel-heading + .panel-body {

  border-top: 0;

}

.panel-heading > .dropdown .dropdown-toggle {

  color: inherit;

}

.panel-heading .widget-menu .btn-group {

  margin-top: -3px;

}

.panel-heading .widget-menu .form-control {

  margin-top: 6px;


  font-size: 11px;

  height: 27px;


  padding: 2px 10px;

  border-radius: 1px;

}

.panel-heading .widget-menu .form-control.input-sm {

  margin-top: 9px;

  height: 22px;

}

.panel-heading .widget-menu .progress {

  margin-top: 11px;

  margin-bottom: 0;

}

.panel-heading .widget-menu .progress-bar-lg {


  margin-top: 10px;

}


.panel-heading .widget-menu .progress-bar-sm {

  margin-top: 15px;

}


.panel-heading .widget-menu .progress-bar-xs {


  margin-top: 17px;

}

.panel-icon {

  padding-left: 5px;

}

.panel-title {

  padding-left: 6px;

  margin-top: 0;

  margin-bottom: 0;

      font-weight: bold;

}

.panel-title > .fa,

.panel-title > .glyphicon,

.panel-title > .glyphicons,

.panel-title > .imoon {

  top: 2px;

  min-width: 22px;

  color: inherit;

  font-size: 14px;

}

.panel-title > a {

  color: inherit;

}

.panel-footer {

  padding: 10px 15px;

  background-color: #fafafa;

  border: 1px solid #e2e2e2;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 2px;

}

.panel > .list-group {

  margin-bottom: 0;

}

.panel > .list-group .list-group-item {

  border-radius: 0;

}

.panel > .list-group:first-child .list-group-item:first-child {

  border-top-right-radius: 2px;

  border-top-left-radius: 2px;

}

.panel > .list-group:last-child .list-group-item:last-child {

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 2px;

}

.panel-heading + .list-group .list-group-item:first-child {

  border-top-width: 0;

}

.panel-body + .list-group .list-group-item:first-child {

  border-top-width: 0;

}

.list-group + .panel-footer {

  border-top-width: 0;

}

.panel > .table,

.panel > .table-responsive > .table,

.panel > .panel-collapse > .table {

  margin-bottom: 0;

}

.panel > .table:first-child,

.panel > .table-responsive:first-child > .table:first-child {

  border-top-right-radius: 2px;

  border-top-left-radius: 2px;

}

.panel > .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 td:first-child,

.panel > .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 td:first-child,

.panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {

  border-top-left-radius: 2px;

}

.panel > .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 td:last-child,

.panel > .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 td:last-child,

.panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {

  border-top-right-radius: 2px;

}

.panel > .table:last-child,

.panel > .table-responsive:last-child > .table:last-child {

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 2px;

}

.panel > .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 td:first-child,

.panel > .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 td:first-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,


.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {

  border-bottom-left-radius: 2px;

}

.panel > .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 td:last-child,

.panel > .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 td:last-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {

  border-bottom-right-radius: 2px;

}

.panel > .panel-body + .table,

.panel > .panel-body + .table-responsive {

  border-top: 1px solid #eeeeee;

}

.panel > .table > tbody:first-child > tr:first-child th,

.panel > .table > tbody:first-child > tr:first-child td {

  border-top: 0;

}

.panel > .table-bordered,

.panel > .table-responsive > .table-bordered {

  border: 0;

}

.panel > .table-bordered > thead > tr > th:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,

.panel > .table-bordered > tbody > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,

.panel > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-bordered > thead > tr > td:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,

.panel > .table-bordered > tbody > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,

.panel > .table-bordered > tfoot > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}

.panel > .table-bordered > thead > tr > th:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,

.panel > .table-bordered > tbody > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,

.panel > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-bordered > thead > tr > td:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,

.panel > .table-bordered > tbody > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,

.panel > .table-bordered > tfoot > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}

.panel > .table-bordered > thead > tr:first-child > td,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,

.panel > .table-bordered > tbody > tr:first-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,

.panel > .table-bordered > thead > tr:first-child > th,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,

.panel > .table-bordered > tbody > tr:first-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {

  border-bottom: 0;

}


.panel > .table-bordered > tbody > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,

.panel > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-bordered > tbody > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,

.panel > .table-bordered > tfoot > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {

  border-bottom: 0;

}

.panel > .table-responsive {

  border: 0;

  margin-bottom: 0;

}

.panel-group {

  margin-bottom: 19px;

}

.panel-group .panel-title {

  padding-left: 0;

}

.panel-group .panel-heading,

.panel-group .panel-heading a {

  position: relative;

  display: block;

  width: 100%;

}

.panel-group.accordion-lg .panel + .panel {

  margin-top: 12px;

}

.panel-group.accordion-lg .panel-heading {

  font-size: 14px;

  height: 54px;

  line-height: 52px;

}

.panel-group .accordion-icon {

  padding-left: 35px;

}

.panel-group .accordion-icon:after {

  position: absolute;

  content: "\f068";

  font-family: "FontAwesome";

  font-size: 12px;

  font-style: normal;

  font-weight: normal;

  -webkit-font-smoothing: antialiased;

  color: #555;

  left: 10px;

  top: 0;

}

.panel-group .accordion-icon.collapsed:after {

  content: "\f067";

}

.panel-group .accordion-icon.icon-right {

  padding-left: 10px;

  padding-right: 30px;

}

.panel-group .accordion-icon.icon-right:after {

  left: auto;

  right: 5px;

}

.panel-group .panel {

  margin-bottom: 0;

  border-radius: 3px;

}

.panel-group .panel + .panel {

  margin-top: 5px;

}

.panel-group .panel-heading + .panel-collapse > .panel-body {

  border-top: 0;

}

.panel-group .panel-footer {

  border-top: 0;

}

.panel-group .panel-footer + .panel-collapse .panel-body {

  border-bottom: 1px solid #eeeeee;

}

/*==================================================

  Responsive Embeds

  Credit: Nicolas Gallagher and SUIT CSS.

==================================================== */

.embed-responsive {

  position: relative;

  display: block;

  height: 0;

  padding: 0;

  overflow: hidden;

}

.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  border: 0;

}

.embed-responsive.embed-responsive-16by9 {

  padding-bottom: 56.25%;

}

.embed-responsive.embed-responsive-4by3 {

  padding-bottom: 75%;

}

/*==================================================

  Wells

==================================================== */

.well {

  min-height: 20px;

  padding: 19px;

  margin-bottom: 20px;

  background-color: #f5f5f5;

  border: 1px solid #e3e3e3;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}

.well blockquote {

  border-color: #ddd;

  border-color: rgba(0, 0, 0, 0.15);

}

.well-lg {

  padding: 24px;

  border-radius: 3px;

}

.well-sm {

  padding: 9px;

  border-radius: 2px;

}

.well.well-xs {

  padding: 6px;

  border-radius: 2px;

}

.well.well-clean {

  border-radius: 0;

  border-color: #DDD;

  box-shadow: none;

}

/*==================================================

  Close Icons

==================================================== */

.close {

  float: right;

  font-size: 19.5px;

  font-weight: bold;

  line-height: 1;

  color: #000000;

  text-shadow: 0 1px 0 #ffffff;

  opacity: 0.2;

  filter: alpha(opacity=20);

}

.close:hover,

.close:focus {

  color: #000000;

  text-decoration: none;

  cursor: pointer;

  opacity: 0.5;


  filter: alpha(opacity=50);

}

button.close {

  padding: 0;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

}

/*==================================================

  Background Options

==================================================== */


.bg-tp {

  background-color: rgba(0, 0, 0, 0.5) !important;

}

.bg-gradient {

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);


  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);

  background-repeat: repeat-x;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);

}

.bg-background {

  z-index: 0;

  color: #FFF;

  position: relative;

}

.bg-background.bg-topbar {

  background: url("../../../img/patterns/topbar-bg.jpg") no-repeat center left;

}

.bg-background.bg-topbar2 {

  background: url("../../../img/patterns/topbar-bg2.jpg") no-repeat center left;

}

.bg-background.bg-topbar3 {

  background: url("../../../img/patterns/topbar-bg3.jpg") no-repeat center left;

}

.bg-background.bg-psuedo-tp:before,

.bg-background.bg-psuedo-tp-dark:before,

.bg-background.bg-psuedo-tp-light:before {

  z-index: -1;

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.4);

}

.bg-background.bg-psuedo-tp-dark:before {

  background: rgba(0, 0, 0, 0.6);

}

.bg-background.bg-psuedo-tp-light:before {

  background: rgba(0, 0, 0, 0.2);

}

/*===============================================

  Tabs

================================================= */

/* Tabs Wrapper */

.tab-block {

  position: relative;

}

/* Tabs Content */

.tab-block .tab-content {

  overflow: auto;

  position: relative;

  z-index: 10;

  min-height: 125px;

  padding: 16px 12px;

  border: 1px solid #e2e2e2;

  background-color: #FFF;

}

/*===============================================

  Tab Navigation

================================================= */

.tab-block .nav-tabs {

  position: relative;

  border: 0;

}

/* nav tab item */

.tab-block .nav-tabs > li {

  float: left;

  margin-bottom: -1px;

}

/* nav tab link */

.tab-block .nav-tabs > li > a {

  z-index: 9;

  position: relative;

  color: #AAA;

  font-size: 14px;

  font-weight: 400;

  padding: 14px 20px;

  margin-right: -1px;

  border-color: #e2e2e2;

  border-radius: 0;

  background: #fafafa;

}

.tab-block .nav-tabs > li:first-child > a {

  margin-left: 0;

}

/* nav tab link:hover */

.tab-block .nav-tabs > li > a:hover {

  background-color: #f4f4f4;

}

/* nav tab active link:focus:hover */

.tab-block .nav-tabs > li.active > a,

.tab-block .nav-tabs > li.active > a:hover,

.tab-block .nav-tabs > li.active > a:focus {

  cursor: default;

  position: relative;

  z-index: 12;

  color: #555555;

  background: #FFF;

  border-color: #e2e2e2;

  border-bottom: 1px solid #FFF;

}

/*===============================================

  Tab Navigation - Tabs Left

================================================= */

.tabs-left {

  float: left;

}

/* nav tab item */

.tabs-left > li {

  float: none;

  margin: 0 -1px -1px 0;

}

/* nav tab item link */

.tabs-left > li > a {

  padding: 14px 16px;

  color: #777;

  font-weight: 600;

  border: 1px solid transparent;

  border-color: #DDD;

  background: #fafafa;

}

/* nav tab link:hover */

/* nav tab active link:focus:hover */

.tab-block .tabs-left > li.active > a,

.tab-block .tabs-left > li.active > a:hover,


.tab-block .tabs-left > li.active > a:focus {

  color: #555;

  border-color: #DDD #FFF #DDD #DDD;

  cursor: default;

  position: relative;

  z-index: 12;

  background: #FFF;

}

/*===============================================

  Tab Navigation - Tabs Right

================================================= */

.tabs-right {


  float: right;

}

/* nav tab item */

.tabs-right > li {

  float: none;

  margin: 0 0 -1px -1px;


}

/* nav tab item link */


.tabs-right > li > a {

  padding: 14px 16px;

  color: #777;

  font-weight: 600;

  border: 1px solid transparent;

  border-color: #DDD;

  background: #fafafa;

}

/* nav tab link:hover */

/* nav tab active link:focus:hover */

.tab-block .tabs-right > li.active > a,

.tab-block .tabs-right > li.active > a:hover,

.tab-block .tabs-right > li.active > a:focus {

  color: #555;

  border-color: #DDD #DDD #DDD #FFF;

  cursor: default;

  position: relative;

  z-index: 12;

  background: #FFF;

}

/*===============================================

  Tab Navigation - Tabs Right

================================================= */

.tabs-below {

  position: relative;

}

/* nav tab item */

.tabs-below > li {

  float: left;

  margin-top: -1px;

}

/* nav tab item link */

.tabs-below > li > a {

  position: relative;

  z-index: 9;

  margin-right: -1px;

  padding: 11px 16px;

  color: #777;

  font-weight: 600;

  border: 1px solid #DDD;

  background: #fafafa;

}

/* nav tab link:hover */

/* nav tab active link:focus:hover */

.tab-block .tabs-below > li.active > a,

.tab-block .tabs-below > li.active > a:hover,

.tab-block .tabs-below > li.active > a:focus {

  cursor: default;

  position: relative;

  z-index: 12;

  color: #555555;

  background: #FFF;

  border-color: #DDD;

  border-top: 1px solid #FFF;

}

/*===============================================

  Tab Navigation Option - Panel Based Tabs

  -----------------------------------------------

  Panel Tab Navigation must be placed inside

  ".panel-heading" see Docs for example 

================================================= */

.panel-tabs {

  position: absolute;

  bottom: 0;

  right: 0;

}

/* nav tab item */

.panel-tabs > li {

  position: relative;

  float: left;

  margin-bottom: -1px;

}

/* nav tab item link */

.panel-tabs > li > a {

  color: #AAA;

  font-size: 14px;

  letter-spacing: 0.2px;

  line-height: 30px;

  padding: 9px 20px 11px;

  border-radius: 0;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

}

/* nav tab item link:hover */

.panel-tabs > li > a:hover {

  color: #444;

  background-color: transparent;

}

/* nav tab item active link:focus:hover */

.panel-tabs > li.active > a,

.panel-tabs > li.active > a:hover,

.panel-tabs > li.active > a:focus {

  color: #555555;

  cursor: default;

  background: #ffffff;

}

/* nav tab item active link:focus:hover */

.panel-tabs > li.active > a {

  border-left-color: #DDD;

  border-right-color: #DDD;

}

.panel-tabs > li.active:last-child > a {

  border-right-color: transparent;

}

/* Unlike normal tabs, panel tabs alignment 

 * to the rightside. This option aligns them left */

.panel-tabs-left {

  left: 0;

}

.panel-tabs-left > li.active:first-child > a {

  border-left-color: transparent;

}

.panel-tabs-left > li.active:last-child > a {

  border-right-color: #DDD;

}

/*===============================================

  Tab Navigation - Justified

================================================= */

.tab-block .nav-tabs.nav-justified {

  top: 1px;

  margin-top: -1px;

}

/* nav tab link */

.tab-block .nav-tabs.nav-justified > li {

  float: none;


}

/* nav tab item link */

.tab-block .nav-tabs.nav-justified > li > a {

  padding: 14px 10px;

}

/* tabs justified - bottom */

.tab-block .tab-content + .nav-tabs.nav-justified {

  top: -1px;

  margin-top: 0;

}

/* nav tab active link */

.tab-block .tab-content + .nav-tabs.nav-justified > li.active > a {

  border-top-color: #fff;


  border-bottom-color: #DDD;


}

/*===============================================

  Tab Navigation Option - Right Floating Tabs

  ------

  This settings refers to tabs that float from

  left to right, not tabs that are to the right 

  of tab content

================================================= */

.nav-tabs.nav-tabs-right > li {

  float: right;

}

.nav-tabs.nav-tabs-right > li:first-child > a {

  margin-right: 0;

}

/*===============================================

  Tab Navigation Option - Active Item Border

================================================= */

/* tabs default */

.tab-block .tabs-border.nav-tabs > li.active > a {

  margin-top: -1px;

  border-top: 2px solid #3498db;

}

/* tabs left */

.tab-block .tabs-border.tabs-left > li.active > a {

  margin-left: -1px;

  border-left: 2px solid #3498db;

}

/* tabs right */

.tab-block .tabs-border.tabs-right > li.active > a {

  margin-right: -1px;

  border-right: 2px solid #3498db;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below > li.active > a {

  margin-bottom: -1px;

  border-bottom: 2px solid #3498db;

}

/* panel tabs */

.panel-tabs.panel-tabs-border > li.active > a {

  margin-top: -1px;

  border-top: 2px solid #3498db;

}

/* tabs justified */

.tab-block .tab-content + .tabs-border.nav-justified > li.active > a {

  border-bottom: 2px solid #3498db;

}

/*====================================================

  Tab Navigation Option - Active Item Inverse Border

====================================================== */

.tab-block .tabs-border-bottom.nav-tabs > li.active > a,

.tab-block .tabs-border-bottom .nav-tabs > li.active > a {

  color: #555;

  font-weight: 600;

  margin-bottom: -1px;

  background: #f7f7f7;

  border-color: #DDD;

  border-bottom: 2px solid #3498db;

}

/*====================================================

  Tab Navigation Option - Nav Background

====================================================== */

/* tabs default */

.tabs-bg.nav-tabs {

  background: #f5f5f5;

  border: 1px solid #DDD;

  border-bottom: none;

  padding: 10px 10px 0;

}

/* tabs bottom */

.tabs-bg.tabs-below {

  background: #f5f5f5;

  border: 1px solid #DDD;

  border-top: none;

  padding: 0 10px 6px;

}

/*===============================================

  Tab Navigation Option - Unstyled Tab Block

  ---------

  Removes container and active borders

  Used primarily in sidebars

================================================= */

.tab-block.sidebar-block .nav-tabs > li > a {

  border: 0;

  background: #ececec;

  padding: 16px 11px;

}

.tab-block.sidebar-block .nav-tabs > li.active > a {

  border: 0;

  background: #f8f8f8;

}

.tab-block.sidebar-block .tab-content {

  border: 0;

  background: transparent;

}

/*===============================================

  Tab Navigation Option - Tab Merge 

  Color to Match

  ---------

  Change Active Tab BG Color so that it merges

  into a sibling panel-menu

================================================= */

/* bg-light colored panel-tabs styling */

.panel-tabs.panel-tabs-merge > li.active > a,

.panel-tabs.panel-tabs-merge > li.active > a:hover,

.panel-tabs.panel-tabs-merge > li.active > a:focus {

  background: #FAFAFA;

}

/*==================================================

  Pricing Tables

==================================================== */

/* Regular Pricing Plan */

.pricing-table .pricing-plan {

  margin: 30px -16px 20px -16px;

  border: 1px solid #DDD;

  background-color: #fafafa;

  text-align: center;

}

/* Plan Header */

.plan-header {

  height: 76px;


  background: #f4f4f4;

  padding: 25px 5px 20px;

}

/* Header Title */

.plan-header h2 {

  margin-bottom: 5px;

  font-weight: 200;

}

/* Header SubTitle */

/* Pricing Table Cost Figure */

.plan-pricing {

  height: 124px;

  padding: 23px 0 24px;

  border-top: 1px solid #e7e7e7;

}


.plan-pricing span {

  color: #333;

  font-size: 26px;

  font-weight: 200;

  display: inline-block;

  vertical-align: top;

  margin-left: -20px;

  padding-left: 5px;

  padding-top: 6px;

}

.plan-pricing h2 {

  display: inline-block;

  margin: 0;

  color: #555;

  font-size: 54px;

  font-weight: 600;

}

.plan-pricing h6 {

  color: #888;

  font-size: 12px;

  font-weight: 200;

  margin: 4px 0 0;

}

/* Pricing Table Item Features */

.plan-features ul {

  margin: 0;

  padding: 0;

  list-style: none;

  border-top: 1px solid #e7e7e7;

}

.plan-features li {

  padding: 12px 0;

  border-bottom: 1px solid #e7e7e7;

  background-color: #FFF;

  color: #999;

  margin: 0;

}

.plan-features li:last-child {

  border-bottom: 0;

}

.plan-features li b {

  font-weight: 600;

}

.plan-features li i.fa {

  font-size: 15px;

  color: #777;

  padding-right: 8px;

}

/* Pricing Table Icons */

.plan-icons ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.plan-icons li {

  padding: 10px 0;

  border-bottom: 1px solid #e7e7e7;

  background-color: #FFF;

  font-size: 18px;

  margin: 0;

}

.plan-icons li:last-child {

  border-bottom: 0;

}

/* Pricing Table Sign Up Button*/

.plan-footer {

  border-top: 1px solid #e7e7e7;

}

.plan-footer .btn {

  margin: 20px 0;

  padding: 8px 26px;

}

/* Hero Pricing Plan Modifications */

.hero-plan {

  z-index: 10;

}

.hero-plan .pricing-plan {

  background-color: #f6f6f6;

  padding: 0 0 20px 0;

  margin: 0 -17px 20px -17px;

  border-bottom: 1px solid #BBB;

  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);

  box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);

}

.hero-plan .pricing-plan .pricing-title {

  color: #FFF;

  margin: -1px -1px 0 -1px;

}

.hero-plan .pricing-plan .pricing-title h2 {

  color: #FFF;

  font-weight: 600;

}

.hero-plan .pricing-plan .pricing-subtitle {

  text-transform: uppercase;

  font-size: 12px;

  margin-top: 4px;

  font-weight: 600;

}

.hero-plan .pricing-plan a.btn {

  margin: 40px 0 20px;

}

.pricing-compare .plan-desc {

  height: 200px;

  text-align: center;

  padding: 25px 15px 10px;

}

.pricing-compare .plan-desc h2 {

  font-weight: 400;

}

.pricing-compare .plan-desc h6 {

  font-weight: 400;

}

.pricing-compare .plan-desc span {

  color: #3078d7;

  font-size: 24px;

  padding: 13px 0 24px;

}

/*==================================================

  Switches - Created with Pure CSS, no js required

==================================================== */

div.switch label {

  display: block;

  position: relative;

  color: transparent;

  background: #ddd;

  text-indent: 100%;

  width: 52px;

  height: 26px;

  cursor: pointer;

  transition: left 0.15s ease-out;

  border-radius: 2px;

}

div.switch input {

  display: none;

}

div.switch input + label {

  margin-left: 0;

  margin-right: 0;

}

div.switch label:after {

  content: "";

  display: block;

  background: #fff;

  position: absolute;

  top: 3px;

  left: 3px;

  width: 19px;

  height: 19px;

  border-radius: 2px;

  -webkit-transition: left 0.15s ease-out;

  -moz-transition: left 0.15s ease-out;

  transition: left 0.15s ease-out;

}

div.switch input:checked + label {

  background: #2ba6cb;

}

div.switch input:checked + label:after {

  left: 29px;

}

div.switch label {

  width: 52px;

  height: 26px;


}

div.switch label:after {

  width: 19px;

  height: 19px;

}

div.switch input:checked + label:after {

  left: 29px;

}

div.switch label {

  color: transparent;

  background: #dddddd;

}

div.switch label:after {

  background: #ffffff;

}

div.switch input:checked + label {


  background: #2ba6cb;

}

/* Switch Sizes */

div.switch.switch-lg label {

  width: 65px;

  height: 32px;


}

div.switch.switch-lg label:after {

  width: 26px;

  height: 26px;

}

div.switch.switch-lg input:checked + label:after {

  left: 35px;

}

div.switch.switch-sm label {

  width: 45px;

  height: 22px;

}

div.switch.switch-sm label:after {

  width: 16px;

  height: 16px;

}

div.switch.switch-sm input:checked + label:after {

  left: 26px;

}

div.switch.switch-xs label {

  width: 39px;

  height: 19px;

}

div.switch.switch-xs label:after {

  width: 13px;

  height: 13px;

}

div.switch.switch-xs input:checked + label:after {

  left: 22px;

}

div.switch.radius label {

  border-radius: 4px;

}

div.switch.radius label:after {

  border-radius: 3px;

}

/* Switch Option - Rounded */

div.switch.round {

  border-radius: 1000px;

}

div.switch.round label {

  border-radius: 26px;

}

div.switch.round label:after {

  border-radius: 26px;

}

/* Switch Option - Inline */

.switch.switch-inline {

  display: inline-block;

}

.switch.switch-inline + .switch.switch-inline {

  margin-left: 15px;

}

/*==================================================

  Radios and Checkboxes

==================================================== */

.radio-custom,

.checkbox-custom {

  background-color: transparent;

  color: inherit;

}

/* hide default input */

.radio-custom input,

.checkbox-custom input {

  display: none;

}

.checkbox-custom label:empty,

.radio-custom label:empty {

  padding-left: 10px;

}

/* radio container */

.radio-custom label {

  cursor: pointer;

  position: relative;

  padding-left: 32px;

  margin-right: 15px;

  margin-bottom: 5px;

}

/* radio border */

.radio-custom label:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 64px;

  width: 20px;

  height: 20px;

  border: 2px solid #666;

}

/* check radio icon */

.radio-custom input[type=radio]:checked + label:after,

.radio-custom input[type=checkbox]:checked + label:after {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  border-radius: 64px;

  width: 10px;

  height: 10px;

  color: #666;

  background-color: #666;

}

/* alt style - square */

.radio-custom.square label:before {

  border-radius: 2px;

}

.radio-custom.square input[type=radio]:checked + label:after,

.radio-custom.square input[type=checkbox]:checked + label:after {

  border-radius: 2px;

}

/* checkbox container */

.checkbox-custom label {

  cursor: pointer;

  position: relative;

  padding-left: 32px;

  margin-right: 15px;

  margin-bottom: 5px;

}

/* checkbox border */

.checkbox-custom label:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 22px;

  height: 21px;

  background-color: #FFF;

  border: 1px solid #666;

  border-width: 2px;

  border-radius: 2px;

}

/* checked state icon */

.checkbox-custom input[type=checkbox]:checked + label:after,

.checkbox-custom input[type=radio]:checked + label:after {

  position: absolute;

  font-family: "FontAwesome";

  content: "\f00c";

  font-size: 12px;

  top: 4px;

  left: 4px;

  width: 0;

  height: 0;

  transform: rotate(-13deg);

}

/* alt style - filled bg ".fill" */

.checkbox-custom.fill label {

  cursor: pointer;

  position: relative;

  padding-left: 32px;

  margin-right: 15px;

  margin-bottom: 5px;

}

.checkbox-custom.fill label:before {


  content: "";

  position: absolute;


  top: 0;

  left: 0;

  border-radius: 2px;

  width: 22px;

  height: 21px;

  background-color: #666;

}

.checkbox-custom.fill input[type=checkbox]:checked + label:after,

.checkbox-custom.fill input[type=radio]:checked + label:after {

  position: absolute;


  font-family: "FontAwesome";

  content: "\f00c";

  font-size: 12px;

  top: 3px;

  left: 3px;

  width: 0;


  height: 0;

  color: #fff !important;

  transform: rotate(-13deg);

}


/*==================================================


  Icons

==================================================== */

.wf-loading .glyphicons,

.wf-loading .glyphicon,

.wf-loading .imoon,

.wf-loading .fa,

.wf-loading .iconsweets {

  opacity: 0 !important;

}

/* Font Awesome Fixed Width Helpers */

.fs15.fa-fw {

  width: 35px;

}

.fs16.fa-fw {

  width: 40px;

}

.fs17.fa-fw {

  width: 43px;

}

.fs18.fa-fw {

  width: 46px;

}

/* Icon Transitions */

.glyphicon,

.glyphicons,

.imoon,

.fa,

.iconsweets {

  opacity: 1;

  transition: opacity 0.1s ease-in;

  -moz-transition: opacity 0.1s ease-in;

  -webkit-transition: opacity 0.1s ease-in;

}

/* Glyphicon Pro and Halfling */

.glyphicons-2x,

.glyphicon-2x {

  font-size: 2em;

}

.glyphicons-3x,

.glyphicon-3x {

  font-size: 3em;

}

.glyphicons-4x,

.glyphicon-4x {

  font-size: 4em;

}

.glyphicons-5x,

.glyphicon-5x {

  font-size: 5em;

}

/* Icomoon Font Icons */

.imoon-2x {

  font-size: 2em;

}

.imoon-3x {

  font-size: 3em;

}

.imoon-4x {

  font-size: 4em;

}

.imoon-5x {

  font-size: 5em;

}

/* IconSweets2 Font Icons */

.iconsweets-2x {

  font-size: 2em;

}

.iconsweets-3x {

  font-size: 3em;

}

.iconsweets-4x {

  font-size: 4em;

}

.iconsweets-5x {

  font-size: 5em;

}

/* Buttons with Icons 

* Cross browser problems were creating problems when

* an icon was given a larger font size than its sibling

* text. To fix Line height, vertical align, and top

* positioning have been redefined */

.btn .glyphicon,

.btn .glyphicons {

  top: -1px;

  vertical-align: middle;

  line-height: 0;

  font-size: 1.1em;

}

/* A Helper Class to Align Icons Right in Control-forms */

span.field-icon-right,

i.field-icon-right {

  position: absolute;

  right: 10px;

  top: 8px;

}

/* Icon Background and Borders 

* properly align icons that have been placed inside of titles

* Useful for matching icon size to adjacent text 

* Icon Background Shapes */

.icon-circle {

  top: 0;

  padding: 9px;

  position: relative;

  overflow: visible;

  border-radius: 64px;

}

.icon-square {

  top: 0;

  padding: 9px;

  border-radius: 4px;

}

/* Icon Background Sizes */

.icon-circle.glyphicon-2x,

.icon-circle.glyphicons-2x {

  padding: 12px;

}

.icon-circle.glyphicon-3x,

.icon-circle.glyphicons-3x {

  padding: 20px;

}

.icon-circle.glyphicon-4x,

.icon-circle.glyphicons-4x {

  padding: 35px;

}

.icon-square.glyphicon-2x,

.icon-square.glyphicons-2x {

  padding: 12px;

}

.icon-square.glyphicon-3x,

.icon-square.glyphicons-3x {

  padding: 20px;

}

.icon-square.glyphicon-4x,

.icon-square.glyphicons-4x {

  padding: 35px;

}

/* WIDGET SPECIFIC ICON STYLING

* ALL elements which use icons have been

* moved from their respective positions

* and placed here for easy icon styling */

/* Header Button Icons */

.navbar-menus > div > button > span,

.navbar-menus > div > button > i {

  font-size: 15px;

  vertical-align: middle;

}

/* Special on-hover styles for user dropdown menu */

.user-menu ul.dropdown-items > li:hover .glyphicon {

  color: #d9534f;

}

.user-menu ul.dropdown-items > li:last-child:hover .glyphicon {

  color: #888;

}

.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon {

  color: #d9534f;

}

/* Breadcrumb "Home" Icon */

.breadcrumb .glyphicon,

.breadcrumb .glyphicons {

  color: #777;

  font-size: 11px;

  margin-left: 1px;

  top: 0;

}

/* Panel Sidemenu Icons */

.panel-sidemenu ul.nav li.active .fa {

  color: #3498db;

}

.panel-sidemenu ul.nav li a:hover {

  background: none;

}

.panel-sidemenu ul.nav li .fa {


  width: 28px;

  color: #BBB;

  font-size: 18px;

}

/* Panel Tabs Icons */

.panel-tabs li .glyphicon,

.panel-tabs li .glyphicons,


.panel-tabs li .fa {


  font-size: 14px;


}

.panel-tabs .imoon,

.panel-tabs .iconsweets {

  font-size: 14px;

  vertical-align: middle;

}

/* Mildly styles a font awesome based icon group

 * used in occasionaly in panel heading. Look at 

 * message widget on index.html for example */

.mini-action-icons .fa {

  position: relative;

  top: 2px;

  padding-right: 10px;

  color: #777;

  font-size: 16px;

  cursor: pointer;

}

/* Pricing Table Icons */

.pricing-tables .pricing-icons li .fa-times {

  color: #e74a4a;

}

.pricing-tables .pricing-icons li .fa-ellipsis-h {

  color: #555555;

}

/* Tab Navigation Icons */

.nav-tabs li .fa {

  font-size: 14px;

}

.nav-tabs li .fa.fa-caret-down {

  font-size: 12px;

}

/* Timeline Widget Icons */

.timeline-widget span.glyphicons {

  z-index: 11;

  position: relative;

  top: 2px;

  width: auto;

  padding: 6px;

  font-size: 18px;

  border-radius: 50%;

  -webkit-box-shadow: 1px 1px 2px #AAA;

  box-shadow: 1px 1px 2px #AAA;

}

/* Favicon sprite */

.favicons {

  background: url('../../../img/sprites/favicons.png') no-repeat;

  width: 16px;

  height: 16px;

  vertical-align: middle;

  display: inline-block;

}

.google {

  background-position: 0 0;

}

.yahoo {

  background-position: 0 -15px;

}

.bing {

  background-position: 0 -30px;

}

.chrome {

  background-position: 0 -45px;

}

.firefox {

  background-position: 0 -61px;

}

.ie {

  background-position: 0 -78px;

}

.safari {

  background-position: 0 -96px;

}

/* News Sprite - Demo purposes */

.news-sprite {

  width: 25px;

  height: 26px;

  vertical-align: middle;

  display: inline-block;

  background: url("../../../img/sprites/news-logo_sprite.png") no-repeat;

  background-position: 0 0;

}

.news-sprite.cnn {

  background-position: 0 0;

}

.news-sprite.yahoo {

  background-position: 0 -26px;

}

.news-sprite.google {

  background-position: 0 -50px;

}

.news-sprite.fb {

  background-position: 0 -75px;

}

/* Flag Icons */

.flag-xs,

.flag-sm,

.flag,

.flag-lg {

  display: inline-block;

  vertical-align: middle;

}

.flag-xs {

  width: 16px;

  height: 16px;

  background: url('../../../img/sprites/flag-xs.png') no-repeat top left;

}

.flag-sm {

  width: 32px;

  height: 32px;

  background: url('../../../img/sprites/flag-sm.png') no-repeat top left;

}

.flag-sm.flag-fr {

  background-position: 0 0;

}

.flag-sm.flag-de {

  background-position: 0 -33px;

}

.flag-sm.flag-in {

  background-position: 0 -66px;

}

.flag-sm.flag-es {

  background-position: 0 -99px;

}

.flag-sm.flag-tr {

  background-position: 0 -132px;

}

.flag-sm.flag-us {

  background-position: 0 -165px;

}

.flag-xs.flag-fr {

  background-position: 0 -1px;

}

.flag-xs.flag-de {

  background-position: 0 -18px;

}

.flag-xs.flag-es {

  background-position: 0 -35px;

}

.flag-xs.flag-tr {

  background-position: 0 -52px;

}

.flag-xs.flag-us {

  background-position: 0 -69px;

}

.flag-xs.flag-in {

  background-position: 0 -86px;

}

/*===============================================

   Panel Tile

=================================================*/

.panel-tile {

  position: relative;

  overflow: hidden;

}

.panel-tile .panel-body,

.panel-tile .panel-footer {


  border: 0;


}

/*===============================================

  Tile Icon BG

================================================= */

.icon-bg {

  position: absolute;

  opacity: 0.8;

  right: 0;

  top: 0;

  line-height: 100px;

  font-size: 100px;

}

.icon-bg.left {



  right: auto;


  left: 0;

}

/*===============================================


   Timeline Widget

=================================================*/

ol.timeline-list {

  list-style: none;

  padding-left: 0;


  margin: 0;

  color: #AAA;

}

ol.timeline-list li.timeline-item {

  position: relative;

  padding: 15px 120px 15px 50px;

}

ol.timeline-list li.timeline-item:hover .timeline-icon,

ol.timeline-list li.timeline-item:focus .timeline-icon {

  opacity: 1;

}

ol.timeline-list li.timeline-item:after {

  content: "";

  position: absolute;

  display: block;

  left: 23px;

  top: 0;

  height: 100%;

  width: 3px;

  background: #E8E8E8;

}

ol.timeline-list li.timeline-item + .timeline-item {

  border-top: 1px solid #E8E8E8;

}

ol.timeline-list li.timeline-item .timeline-desc {

  letter-spacing: 0.2px;

}

ol.timeline-list li.timeline-item .timeline-desc b,

ol.timeline-list li.timeline-item .timeline-desc strong {

  color: #333;

  font-weight: 600;

}

ol.timeline-list li.timeline-item .timeline-desc a {

  padding: 0 2px;

  color: #3bafda;

}

ol.timeline-list li.timeline-item .timeline-icon {

  opacity: 0.85;

  z-index: 2;

  position: absolute;

  left: 10px;

  top: 10px;

  background: #BBB;

  width: 30px;

  height: 30px;

  line-height: 26px;

  color: #FFF;

  text-align: center;

  border-radius: 26px;

  border: 2px solid #FFF;

}

ol.timeline-list li.timeline-item .timeline-date {

  position: absolute;

  right: 15px;

  top: 15px;

}

.tray-left ol.timeline-list li.timeline-item,

.tray-right ol.timeline-list li.timeline-item {

  position: relative;

  padding: 15px 80px 15px 50px;

}

/*===============================================

   Task Widget

=================================================*/

.task-widget {

  /* task widget panel body */

  /* task list */

  /* task list label */

  /* task item */

  /* task item handle */

  /* task item contextual handle - requires "warning, info, etc" */

  /* task item desc */

  /* task item menu(remove button) */

  /* Checked task item */

  /* Custom Small Checkboxes */

  /* Task Widget Contextuals */

  /* task menu - handle */

  /* task menu - remove */

}

.task-widget .panel-body {

  padding: 0;

}

.task-widget ul.task-list {

  list-style: none;

  padding: 0;

  margin: 0;

  background-color: #FFFEF0;

}

.task-widget ul.task-list + .task-list {

  border-top: 1px solid #DDD;

}

.task-widget ul.task-list .task-label {

  font-size: 13px;

  font-weight: 600;

  padding: 8px 10px;

  border-bottom: 1px solid #DDD;

  background-color: #fff;

}

.task-widget ul.task-list .task-item {

  position: relative;

  background-color: #f8f8f8;

}

.task-widget ul.task-list .task-item .task-handle {

  position: absolute;

  padding: 11px 12px 9px 15px;

  width: 45px;

}

.task-widget ul.task-list .task-item .task-handle:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 3px;

  height: 100%;

  background-color: transparent;

}

.task-widget ul.task-list .task-item .task-handle .checkbox-custom label {

  display: inline;

}

.task-widget ul.task-list .task-item .task-desc {

  padding: 11px 11px 11px 0;

  margin-left: 45px;

  margin-right: 40px;

}

.task-widget ul.task-list .task-item .task-menu {

  z-index: 1;

  position: absolute;

  width: 40px;

  height: 100%;

  right: 0;

  top: 0;

  font-weight: normal;

  color: #CCC;

}

.task-widget ul.task-list .task-item .task-menu:hover {

  cursor: pointer;

  color: #777;

}

.task-widget ul.task-list .task-item.item-checked .task-desc {

  color: #AAA;

  text-decoration: line-through;

}

.task-widget ul.task-list .checkbox-custom label:before {

  width: 18px;

  height: 18px;

  border-radius: 3px;

  border-width: 1px;

  border-color: #CCC;

}

.task-widget ul.task-list .checkbox-custom input[type=checkbox]:checked + label:after,

.task-widget ul.task-list .checkbox-custom input[type=radio]:checked + label:after {

  top: 4px;

  left: 2px;

  font-size: 11px;

}


.task-widget ul.task-list .task-item.primary .task-handle:after {

  background-color: #3498db;

}

.task-widget ul.task-list .task-item.success .task-handle:after {

  background-color: #70ca63;

}

.task-widget ul.task-list .task-item.info .task-handle:after {

  background-color: #3bafda;

}

.task-widget ul.task-list .task-item.warning .task-handle:after {

  background-color: #f6bb42;

}

.task-widget ul.task-list .task-item.danger .task-handle:after {

  background-color: #df5640;

}

.task-widget ul.task-list .task-item.item-alert .task-handle:after {

  background-color: #967adc;

}

.task-widget ul.task-list .task-item.system .task-handle:after {

  background-color: #37bc9b;

}

.task-widget ul.task-list .task-item.dark .task-handle:after {

  background-color: #3b3f4f;

}

.task-widget.task-alt {

  /* task widget mod */

  /* task widget list title */

  /* task list widget - border */

}

.task-widget.task-alt ul.task-list {

  border: 1px solid #e9e9e9;

  border-left: 0;

  background-color: #fcfcfc;

}

.task-widget.task-alt h5 {

  font-weight: 400;

  color: #AAA;

  font-size: 13px;

}

.task-widget.task-alt ul.task-list .task-item .task-handle:after {

  width: 4px;

  left: -1px;

}

.task-widget ul.task-current .task-item .task-menu {

  cursor: move !important;

}

.task-widget ul.task-current .task-item .task-menu:before {

  content: "";

  position: absolute;

  background: url("../../../img/plugins/grippy_large.png") no-repeat top left;

  width: 6px;

  height: 20px;

  top: 10px;

  right: 15px;

}

.task-widget ul.task-completed .task-item .task-menu:before {

  content: "\f00d";

  font-family: "FontAwesome";

  display: block;

  position: absolute;

  background-image: none;

  top: 10px;

  right: 15px;

}

.task-widget ul.task-completed .task-item .task-menu:hover:before {

  color: #333;

}

/*===============================================

   Calendar Widget

=================================================*/

.calendar-widget {

  /* widget panel body */

  /* calendar container */

  /* calendar toolbar */

  /* calendar toolbar - date */

  /* calendar toolbar - btns */

  /* calendar toolbar - btns */

  /* calendar master bg */

  /* calendar other-month bg */

  /* calendar date thead */

  /* calendar date integer */

  /* calendar events */

  /* CALENDAR ALT STYLE */

}

.calendar-widget .panel-body {

  padding: 0;

  overflow: hidden;

}

.calendar-widget .fc-view-container {

  margin-right: -2px;

  margin-left: -2px;

  overflow: hidden;

}

.calendar-widget .fc-toolbar {

  padding: 9px 10px;

  margin: 0;

  background: #f4f4f4;

}

.calendar-widget .fc-toolbar h2 {

  padding-left: 3px;

  padding-top: 4px;

  font-size: 17px;

}

.calendar-widget .fc button {

  padding: 4px 8px;

  box-shadow: none;

}

.calendar-widget .fc button .fc-icon {

  top: 0;

  font-size: 1.5em;

  height: 0.2em;

  line-height: 0.2em;

}

.calendar-widget .fc-bg {

  background-color: #fcfcfc;

}

.calendar-widget .fc-bg .fc-other-month {

  background-color: #f9f9f9;

}

.calendar-widget .fc-basic-view td.fc-day-number {

  font-size: 11px;

  color: #BBB;

}

.calendar-widget th.fc-day-header {

  color: #999;

  font-size: 11px;

  font-weight: 400;

  padding: 2px;

  background-color: #f5f5f5;

}

.calendar-widget .fc-view-container .fc-event {

  line-height: 1.2;


  margin: 0 5px;

  padding: 5px;

  border-radius: 0;

  background-color: #fefefe;

}

.calendar-widget.calendar-alt {

  /* calendar header */

  /* event items */

}

.calendar-widget.calendar-alt .fc-toolbar {

  background: transparent;

  margin-bottom: 15px;


  padding: 0;

}

.calendar-widget.calendar-alt .fc-toolbar h2 {

  color: #AAA;

  font-size: 18px;

  font-weight: 400;

}

.calendar-widget.calendar-alt th.fc-day-header {

  padding: 4px 2px;

}


.calendar-widget.calendar-alt .fc-view-container .fc-event {

  padding: 8px;

  margin: 0px 5px 3px;

  border-radius: 4px;

  background-color: #FFF;

  border-top-color: #EEE;

  border-right-color: #EEE;

  border-bottom-color: #EEE;

}

/*===============================================

   Chat Widget

=================================================*/

.chat-widget {

  /* media image */

  /* media body */

  /* right media body arrow */

  /* right media arrow */

  /* media-status */

  /* chat widget footer */

}

.chat-widget .media-left {

  padding-right: 20px;

}

.chat-widget .media-right {

  padding-left: 20px;

}

.chat-widget .media-left img,

.chat-widget .media-right img {

  max-width: 55px;

  border-radius: 3px;

  border: 2px solid #FFF;

}

.chat-widget .media-body {

  position: relative;

  padding: 7px;

  border-radius: 2px;

  border: 1px solid #e4e4e4;

  background-color: #fefefe;

  font-weight: 400;

}

.chat-widget .media-body:before,

.chat-widget .media-body:after {

  content: "";

  position: absolute;

  right: -9px;

  top: 12px;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  border-width: 8px 0px 8px 9px;

  border-left-color: #777;

}

.chat-widget .media-body:after {

  border-left-color: #FFF;

}

.chat-widget .media-left + .media-body:before,

.chat-widget .media-left + .media-body:after {

  content: "";

  position: absolute;

  left: -9px;

  top: 12px;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  border-width: 8px 9px 8px 0px;

  border-right-color: #777;

}

.chat-widget .media-left + .media-body:after {

  border-right-color: #FFF;

}

.chat-widget .media-status {

  position: relative;

}

.chat-widget .media-status + .media-heading {

  padding-left: 20px;

}

.chat-widget .media-status:after {

  position: absolute;

  top: 0px;

  left: 3px;

  font-family: "FontAwesome";

  content: "\f111";

  font-size: 10px;

  color: #AAA;

}

.chat-widget .media-status.online:after {

  color: #70ca63;

}

.chat-widget .media-status.offline:after {

  color: #e9573f;

}

.chat-widget .panel-footer .input-group .form-control {

  z-index: 0;

}

/*===============================================

   Compose Widget

=================================================*/

.compose-widget {

  /* widget body */

  /* widget footer */

  /* editor text area */

  /* editor resizebar (hide) */

}

.compose-widget .panel-body {

  padding: 0;

}

.compose-widget .panel-footer {

  padding: 8px;

}

.compose-widget .note-editor .note-editable {

  background: #f5f5f5;

}

.compose-widget .note-editor .note-editable:focus {

  background: #fff;

}

.compose-widget .note-editor .note-resizebar {

  display: none;

}

/*===============================================

   User Group Widget

=================================================*/

.user-group-widget .user-avatar {

  border: 3px solid #CCC;

  display: block;

  width: 100% \9;

  max-width: 100%;

  height: auto;

}

.user-group-widget .panel-menu {

  padding: 8px;

}

/*===============================================


   Tag Cloud Widget 

=================================================*/


.tagcloud-widget {

  /* tagcloud widget labels */

}

.tagcloud-widget .panel-body .label {

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 8px;

  line-height: 15px;

}

/*==================================================

  Modals

==================================================== */

.modal-open {

  overflow: hidden;

}


.modal {

  display: none;

  overflow: hidden;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  -webkit-overflow-scrolling: touch;

  outline: 0;


}

.modal.fade .modal-dialog {

  -webkit-transform: translate3d(0, -25%, 0);

  transform: translate3d(0, -25%, 0);

  -webkit-transition: -webkit-transform 0.3s ease-out;

  -moz-transition: -moz-transform 0.3s ease-out;

  -o-transition: -o-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.modal.in .modal-dialog {

  z-index: 1050;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}

.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}

.modal-content {

  position: relative;

  background-color: #ffffff;

  border: 1px solid #999999;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 3px;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  background-clip: padding-box;

  outline: 0;

}

.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000000;

}

.modal-backdrop.fade {

  opacity: 0;

  filter: alpha(opacity=0);

}

.modal-backdrop.in {

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.modal-header {

  padding: 15px;

  border-bottom: 1px solid #e5e5e5;

  min-height: 16.49px;

}

.modal-header .close {

  margin-top: -2px;

}

.modal-title {

  margin: 0;

  line-height: 1.49;

}

.modal-body {

  position: relative;

  padding: 15px;

}

.modal-footer {

  padding: 15px;

  padding: 10px;

  text-align: right;

  border-top: 1px solid #e5e5e5;

  background: #f2f2f2;

}

.modal-footer .btn + .btn {

  margin-left: 5px;

  margin-bottom: 0;

}

.modal-footer .btn-group .btn + .btn {

  margin-left: -1px;

}

.modal-footer .btn-block + .btn-block {

  margin-left: 0;

}

.modal-scrollbar-measure {

  position: absolute;

  top: -9999px;

  width: 50px;

  height: 50px;

  overflow: scroll;

}

@media (min-width: 768px) {

  .modal-dialog {

    width: 600px;

    margin: 30px auto;

  }

  .modal-content {

    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

  }

  .modal-sm {

    width: 300px;

  }

}

@media (min-width: 992px) {

  .modal-lg {

    width: 900px;

  }

}

/*==================================================

  Tooltips

==================================================== */

.tooltip {

  position: absolute;

  z-index: 1070;

  display: block;

  visibility: visible;

  font-size: 12px;

  line-height: 1.4;

  opacity: 0;

  filter: alpha(opacity=0);

}

.tooltip.in {

  opacity: 0.9;

  filter: alpha(opacity=90);

}

.tooltip.top {

  margin-top: -3px;

  padding: 5px 0;

}

.tooltip.right {

  margin-left: 3px;

  padding: 0 5px;

}

.tooltip.bottom {

  margin-top: 3px;

  padding: 5px 0;

}

.tooltip.left {

  margin-left: -3px;

  padding: 0 5px;

}

.tooltip-inner {

  max-width: 200px;

  padding: 3px 8px;

  color: #ffffff;

  text-align: center;

  text-decoration: none;

  background-color: #000000;

  border-radius: 4px;

}

.tooltip-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.tooltip.top .tooltip-arrow {

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 5px 5px 0;

  border-top-color: #000000;

}

.tooltip.top-left .tooltip-arrow {

  bottom: 0;

  left: 5px;

  border-width: 5px 5px 0;

  border-top-color: #000000;

}

.tooltip.top-right .tooltip-arrow {


  bottom: 0;

  right: 5px;

  border-width: 5px 5px 0;

  border-top-color: #000000;

}


.tooltip.right .tooltip-arrow {

  top: 50%;


  left: 0;

  margin-top: -5px;

  border-width: 5px 5px 5px 0;

  border-right-color: #000000;

}

.tooltip.left .tooltip-arrow {

  top: 50%;

  right: 0;

  margin-top: -5px;

  border-width: 5px 0 5px 5px;

  border-left-color: #000000;

}

.tooltip.bottom .tooltip-arrow {

  top: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000000;

}

.tooltip.bottom-left .tooltip-arrow {

  top: 0;

  left: 5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000000;

}

.tooltip.bottom-right .tooltip-arrow {

  top: 0;

  right: 5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000000;

}

/*===============================================

  S. Bootstrap Tooltips

================================================= */

/* white tooltips */

.tooltip-white.in {

  opacity: 1;

}

.tooltip-white {

  min-width: 60px;

  transition: opacity 0.3s ease;

}

.tooltip-white .tooltip-inner {

  background-color: #FFF;

  color: #555;

  font-weight: 600;

  border-radius: 2px;

}

.tooltip-white.top .tooltip-arrow {

  border-top-color: #FFF;

}

.tooltip-white.bottom .tooltip-arrow {

  border-bottom-color: #FFF;

}

.tooltip-white.right .tooltip-arrow {

  border-right-color: #FFF;

}

.tooltip.left .tooltip-arrow {

  border-left-color: #FFF;

}

/*==================================================

  Popovers

==================================================== */

.popover {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1060;

  display: none;

  max-width: 276px;

  padding: 1px;

  text-align: left;

  background-color: #ffffff;

  background-clip: padding-box;

  border: 1px solid #cccccc;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 3px;

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  white-space: normal;

}

.popover.top {

  margin-top: -10px;

}

.popover.right {

  margin-left: 10px;

}

.popover.bottom {

  margin-top: 10px;

}

.popover.left {

  margin-left: -10px;

}

.popover-title {

  margin: 0;

  padding: 8px 14px;

  font-size: 13px;

  font-weight: normal;

  line-height: 18px;

  background-color: #f7f7f7;

  border-bottom: 1px solid #ebebeb;

  border-radius: 2px 2px 0 0;

}

.popover-content {

  padding: 9px 14px;

}

.popover > .arrow,

.popover > .arrow:after {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.popover > .arrow {

  border-width: 11px;

}

.popover > .arrow:after {

  border-width: 10px;

  content: "";

}

.popover.top > .arrow {

  left: 50%;

  margin-left: -11px;

  border-bottom-width: 0;

  border-top-color: #999999;

  border-top-color: rgba(0, 0, 0, 0.25);

  bottom: -11px;

}

.popover.top > .arrow:after {

  content: " ";

  bottom: 1px;

  margin-left: -10px;

  border-bottom-width: 0;

  border-top-color: #ffffff;

}

.popover.right > .arrow {

  top: 50%;

  left: -11px;

  margin-top: -11px;

  border-left-width: 0;

  border-right-color: #999999;

  border-right-color: rgba(0, 0, 0, 0.25);

}

.popover.right > .arrow:after {

  content: " ";

  left: 1px;

  bottom: -10px;

  border-left-width: 0;

  border-right-color: #ffffff;

}

.popover.bottom > .arrow {

  left: 50%;

  margin-left: -11px;


  border-top-width: 0;

  border-bottom-color: #999999;

  border-bottom-color: rgba(0, 0, 0, 0.25);

  top: -11px;

}

.popover.bottom > .arrow:after {

  content: " ";

  top: 1px;

  margin-left: -10px;

  border-top-width: 0;

  border-bottom-color: #ffffff;



}

.popover.left > .arrow {

  top: 50%;

  right: -11px;

  margin-top: -11px;

  border-right-width: 0;

  border-left-color: #999999;

  border-left-color: rgba(0, 0, 0, 0.25);

}


.popover.left > .arrow:after {

  content: " ";

  right: 1px;


  border-right-width: 0;


  border-left-color: #ffffff;

  bottom: -10px;

}

/*==================================================

  Carousel

==================================================== */

.carousel {

  position: relative;

}

.carousel-inner {

  position: relative;

  overflow: hidden;

  width: 100%;



}

.carousel-inner > .item {

  display: none;

  position: relative;

  -webkit-transition: 0.6s ease-in-out left;

  -o-transition: 0.6s ease-in-out left;

  transition: 0.6s ease-in-out left;

}

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

line-height: 1;

max-width: 1200px;

text-align: center;

margin: 0 auto;
}

.carousel-inner > .active,

.carousel-inner > .next,

.carousel-inner > .prev {

  display: block;

}

.carousel-inner > .active {

  left: 0;

}

.carousel-inner > .next,

.carousel-inner > .prev {

  position: absolute;

  top: 0;

  width: 100%;

}

.carousel-inner > .next {

  left: 100%;

}

.carousel-inner > .prev {

  left: -100%;

}

.carousel-inner > .next.left,

.carousel-inner > .prev.right {

  left: 0;

}

.carousel-inner > .active.left {

  left: -100%;

}

.carousel-inner > .active.right {

  left: 100%;

}

.carousel-control {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 15%;

  opacity: 0.5;

  filter: alpha(opacity=50);

  font-size: 20px;

  color: #ffffff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}

.carousel-control.left {

/* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); */

background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);

/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); */

/* background-repeat: repeat-x; */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {

left: auto;

right: 0;

/* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); */

background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);

/* background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); */

/* background-repeat: repeat-x; */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,

.carousel-control:focus {

  outline: 0;

  color: #ffffff;

  text-decoration: none;

  opacity: 0.9;

  filter: alpha(opacity=90);

}

.carousel-control .icon-prev,

.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

}

.carousel-control .icon-prev,

.carousel-control .glyphicon-chevron-left {

  left: 50%;

  margin-left: -10px;

}

.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-right {

  right: 50%;

  margin-right: -10px;

}

.carousel-control .icon-prev,

.carousel-control .icon-next {

  width: 20px;

  height: 20px;

  margin-top: -10px;


  font-family: serif;

}

.carousel-control .icon-prev:before {


  content: '\2039';

}

.carousel-control .icon-next:before {

  content: '\203a';

}

.carousel-indicators {

  position: absolute;

  bottom: 10px;

  left: 50%;

  z-index: 15;

  width: 60%;

  margin-left: -30%;

  padding-left: 0;

  list-style: none;

  text-align: center;

}

.carousel-indicators li {

  display: inline-block;


  width: 10px;


  height: 10px;

  margin: 1px;

  text-indent: -999px;

  border: 1px solid #ffffff;

  border-radius: 10px;

  cursor: pointer;

  background-color: #000 \9;

  background-color: rgba(0, 0, 0, 0);


}

.carousel-indicators .active {

  margin: 0;

  width: 12px;

  height: 12px;

  background-color: #ffffff;

}

.carousel-caption {

  position: absolute;

  left: 15%;

  right: 15%;

  bottom: 20px;

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #ffffff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}

.carousel-caption .btn {

  text-shadow: none;

}

@media screen and (min-width: 768px) {

  .carousel-control .glyphicon-chevron-left,

  .carousel-control .glyphicon-chevron-right,

  .carousel-control .icon-prev,

  .carousel-control .icon-next {

    width: 30px;

    height: 30px;

    margin-top: -15px;

    font-size: 30px;

  }

  .carousel-control .glyphicon-chevron-left,

  .carousel-control .icon-prev {

    margin-left: -15px;

  }

  .carousel-control .glyphicon-chevron-right,

  .carousel-control .icon-next {

    margin-right: -15px;

  }

  .carousel-caption {

    left: 20%;

    right: 20%;

    padding-bottom: 30px;

  }

  .carousel-indicators {

    bottom: 20px;

  }

}

/*==================================================

  Utility Classes

==================================================== */

.clearfix:before,

.clearfix:after,

.dl-horizontal dd:before,

.dl-horizontal dd:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after,

.form-horizontal .form-group:before,

.form-horizontal .form-group:after,

.btn-toolbar:before,

.btn-toolbar:after,

.btn-group-vertical > .btn-group:before,

.btn-group-vertical > .btn-group:after,

.nav:before,

.nav:after,

.navbar:before,

.navbar:after,

.navbar-header:before,

.navbar-header:after,

.navbar-collapse:before,

.navbar-collapse:after,

.pager:before,

.pager:after,

.panel-body:before,

.panel-body:after,

.modal-footer:before,

.modal-footer:after,

#topbar:before,

#topbar:after {

  content: " ";

  display: table;

}

.clearfix:after,

.dl-horizontal dd:after,

.container:after,

.container-fluid:after,

.row:after,

.form-horizontal .form-group:after,

.btn-toolbar:after,

.btn-group-vertical > .btn-group:after,

.nav:after,

.navbar:after,

.navbar-header:after,

.navbar-collapse:after,

.pager:after,

.panel-body:after,

.modal-footer:after,

#topbar:after {

  clear: both;

}

.center-block {

  float: none;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.center-children > div {

  float: none;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.pull-right {

  float: right !important;

}

.pull-left {

  float: left !important;

}

.hide {

  display: none !important;

}

.show {

  display: block !important;

}

.invisible {

  visibility: hidden;

}

.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.hidden {

  display: none !important;

  visibility: hidden !important;

}

.affix {

  position: fixed;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

/*==================================================

  Responsive: Utility classes

==================================================== */

@-ms-viewport {

  width: device-width;

}

@media (max-width: 768px) {

  h1 {

    font-size: 25px;

  }

  h2 {

    font-size: 20px;

  }

  h3 {

    font-size: 16px;

  }

}

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg,

.visible-xl {

  display: none !important;

}

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,


.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,


.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block,

.visible-xl-block,

.visible-xl-inline,


.visible-xl-inline-block {

  display: none !important;

}

@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

  table.visible-xs {

    display: table;

  }

  tr.visible-xs {

    display: table-row !important;

  }

  th.visible-xs,

  td.visible-xs {

    display: table-cell !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-block {

    display: block !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline {

    display: inline !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm {

    display: block !important;

  }

  table.visible-sm {

    display: table;

  }

  tr.visible-sm {

    display: table-row !important;

  }

  th.visible-sm,

  td.visible-sm {

    display: table-cell !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-block {

    display: block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline {

    display: inline !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 992px) and (max-width: 1139px) {

  .visible-md {

    display: block !important;

  }

  table.visible-md {

    display: table;

  }

  tr.visible-md {

    display: table-row !important;

  }

  th.visible-md,

  td.visible-md {

    display: table-cell !important;

  }

}

@media (min-width: 992px) and (max-width: 1139px) {

  .visible-md-block {

    display: block !important;

  }

}

@media (min-width: 992px) and (max-width: 1139px) {

  .visible-md-inline {

    display: inline !important;

  }

}

@media (min-width: 992px) and (max-width: 1139px) {

  .visible-md-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 1140px) {

  .visible-lg {

    display: block !important;

  }

  table.visible-lg {

    display: table;

  }

  tr.visible-lg {

    display: table-row !important;

  }

  th.visible-lg,

  td.visible-lg {

    display: table-cell !important;

  }

}

@media (min-width: 1140px) {

  .visible-lg-block {

    display: block !important;

  }

}

@media (min-width: 1140px) {

  .visible-lg-inline {

    display: inline !important;

  }

}

@media (min-width: 1140px) {

  .visible-lg-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 1400px) {

  .visible-xl {

    display: block !important;

  }

  table.visible-xl {

    display: table;

  }

  tr.visible-xl {

    display: table-row !important;

  }

  th.visible-xl,

  td.visible-xl {

    display: table-cell !important;

  }

}

@media (min-width: 1400px) {

  .visible-xl-block {

    display: block !important;

  }

}

@media (min-width: 1400px) {

  .visible-xl-inline {

    display: inline !important;

  }

}

@media (min-width: 1400px) {

  .visible-xl-inline-block {

    display: inline-block !important;

  }

}

@media (max-width: 991px) {


  .hidden-xs {

  display: none !important;

  }

}


@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {

     display: inline-block !important;

  }

}

@media (min-width: 992px) and (max-width: 1139px) {

  .hidden-md {

    display: none !important;

  }

}

@media (min-width: 1140px) {

  .hidden-lg {

    display: none !important;

  }

}

@media (min-width: 1400px) {

  .hidden-xl {

    display: none !important;

  }

}

.visible-print {

  display: none !important;

}

@media print {

  .visible-print {

    display: block !important;

  }


  table.visible-print {

    display: table;

  }

  tr.visible-print {

    display: table-row !important;

  }

  th.visible-print,

  td.visible-print {

    display: table-cell !important;

  }

}

.visible-print-block {

  display: none !important;

}

@media print {

  .visible-print-block {

    display: block !important;

  }

}

.visible-print-inline {

  display: none !important;

}

@media print {

  .visible-print-inline {

    display: inline !important;

  }

}

.visible-print-inline-block {

  display: none !important;

}

@media print {

  .visible-print-inline-block {

    display: inline-block !important;

  }

}

@media print {

  .hidden-print {

    display: none !important;

  }

}

/*=================================================

  HELPERS

===================================================

  A. List Helpers

=================================================== */

/* list item spacing helpers */

.list-spacing-3 li + li {

  padding-top: 3px;

}

.list-spacing-5 li + li {

  padding-top: 5px;

}

.list-spacing-8 li + li {

  padding-top: 8px;

}

.list-spacing-10 li + li {

  padding-top: 10px;

}

.list-spacing-15 li + li {

  padding-top: 15px;

}

/*divide li items with border and extra spacing*/

.list-divide-items {

  margin: 0;

  padding-left: 10px;

  list-style: none;

}

.list-divide-items li + li {

  margin-top: 13px;

  padding-top: 13px;

  border-top: 1px solid #EEE;

}

/*===================================================

  B. Height Helpers

===================================================== */

/* Height helpers, primarly used with panel widgets */

.fixed-height .panel-body {

  overflow: auto;

}

.hover-height {

  overflow: hidden;

  transition: all 0.2s ease;

}

.mh-20 {

  max-height: 20px !important;

}

.mh-25 {

  max-height: 25px !important;

}

.mh-30 {

  max-height: 30px !important;

}

.mh-35 {

  max-height: 35px !important;

}

.mh-40 {

  max-height: 40px !important;

}

.mh-50 {

  max-height: 50px !important;

}

.mh-100 {

  max-height: 100px !important;

}

.mh-200 {

  max-height: 200px !important;

}

.mh-300 {

  max-height: 300px !important;

}

.mh-400 {

  max-height: 400px !important;

}

.mh-500 {

  max-height: 500px !important;

}

.mh-600 {

  max-height: 600px !important;

}

.mh-700 {

  max-height: 700px !important;

}

.mh-800 {

  max-height: 800px !important;

}

.mh-900 {

  max-height: 900px !important;

}

.mh-1000 {

  max-height: 1000px !important;

}

.h-20 {

  height: 20px !important;

}

.h-25 {

  height: 25px !important;

}

.h-30 {

  height: 30px !important;

}

.h-35 {

  height: 35px !important;

}

.h-40 {

  height: 40px !important;

}

.h-50 {

  height: 50px !important;

}

.h-80 {

  height: 80px !important;

}

.h-100 {

  height: 100px !important;

}

.h-120 {

  height: 120px !important;

}

.h-150 {

  height: 150px !important;

}

.h-170 {

  height: 170px !important;

}

.h-200 {

  height: 200px !important;

}

.h-300 {

  height: 300px !important;

}


.h-400 {

  height: 400px !important;


}

.h-500 {

  height: 500px !important;

}

.h-600 {

  height: 600px !important;

}

.h-700 {


  height: 700px !important;


}

.h-800 {

  height: 800px !important;

}

.h-900 {

  height: 900px !important;

}

.h-1000 {

  height: 1000px !important;

}

/*===================================================

  A. General/Misc Helpers

===================================================== */

/* Transform Center Helper(experimental) */

.t-center {

  text-align: center;


  position: absolute;

  top: 50%;


  left: 50%;

  transform: translate(-50%, -50%);

}


/* BG Helpers */

.bg-none {

  background-color: transparent !important;

}

/* box-shadow Helpers */

.no-boxshadow {

  box-shadow: none !important;

}

/* height helpers */

.h-a {

  height: auto !important;

}

/* overflow Helpers */

.of-a {

  overflow: auto !important;

}

.of-h {

  overflow: hidden !important;

}

.of-v {

  overflow: visible !important;

}

.of-x-a {

  overflow-x: auto !important;

}

.of-x-h {

  overflow-x: hidden !important;

}

.of-x-v {

  overflow-x: visible !important;

}

.of-y-a {

  overflow-y: auto !important;

}

.of-y-h {

  overflow-y: hidden !important;

}

.of-y-v {

  overflow-y: visible !important;

}

/* Center Grid Column Helper */

.center-column {

  float: none !important;

  margin-left: auto !important;

  margin-right: auto !important;

  display: block !important;

}

/* Vertical Align Helpers */

.va-t {

  vertical-align: top !important;

}

.va-m {

  vertical-align: middle !important;

}

.va-b {

  vertical-align: bottom !important;

}

.va-s {

  vertical-align: super !important;

}

/* Relative Position Helper */

.posr {

  position: relative !important;

}

/* Inline Block Helper */

.ib,

.inline-object {

  display: inline-block !important;

}

/* pointer cursor */

.cursor {

  cursor: pointer !important;

}

/* Useful for emphasizing a disabled input */

.option-disabled {

  opacity: 0.6 !important;

}

/* unstyled input */

.input-unstyled,

.input-unstyled:hover,

.input-unstyled:focus {

  border: none !important;

  background: none !important;

  box-shadow: none !important;

  outline: none !important;

}

/*===================================================

  B. Table Layout Helpers - specifically for widgets

===================================================== */

/* table-layout for connecting panels */

.panel-group.table-layout > .panel + .panel {

  border-left: 0;

}

.panel-group.table-layout + .panel-group.table-layout > .panel {

  border-top: 0;

}

/* table-layout when attached to row */

.row.table-layout {

  margin-left: 0;

  margin-right: 0;

}

.table-layout {

  display: table;

  table-layout: fixed;

  width: 100%;

  margin: 0;

}

/* table-layout helper content */

.table-layout > div,

.table-layout > aside,

.table-layout > section {

  vertical-align: middle;

  display: table-cell;

  float: none;

}

@media (max-width: 1300px) {

  .table-layout.table-clear-md,

  .table-layout.table-clear-md > div,

  .table-layout.table-clear-md > aside,

  .table-layout.table-clear-md > section {

    display: block;

    float: none;

  }

}

@media (max-width: 992px) {

  .table-layout.table-clear-sm,

  .table-layout.table-clear-sm > div,

  .table-layout.table-clear-sm > aside,

  .table-layout.table-clear-sm > section {

    display: block;

    float: none;

  }

}

@media (max-width: 767px) {

  .table-layout.table-clear-xs,

  .table-layout.table-clear-xs > div,

  .table-layout.table-clear-xs > aside,

  .table-layout.table-clear-xs > section {

    display: block;

    float: none;

  }

}

/*===============================================

  C. Text Helpers

================================================= */

.text-uppercase {

  text-transform: uppercase !important;

}

.fw200 {

  font-weight: 200 !important;

}

.fw300 {

  font-weight: 300 !important;

}

.fw400 {

  font-weight: 400 !important;

}

.fw600 {

  font-weight: 600 !important;

}

.fs3 {

  font-size: 4px !important;

}

.fs4 {

  font-size: 4px !important;

}

.fs5 {

  font-size: 5px !important;

}

.fs6 {

  font-size: 6px !important;

}


.fs7 {


  font-size: 7px !important;

}

.fs8 {

  font-size: 8px !important;

}


.fs9 {

  font-size: 9px !important;

}

.fs10 {

  font-size: 10px !important;

}


.fs11 {

  font-size: 11px !important;


}

.fs12 {


  font-size: 12px !important;

}

.fs13 {

  font-size: 13px !important;

}

.fs14 {

  font-size: 14px !important;

}

.fs15 {

  font-size: 15px !important;

}

.fs16 {

  font-size: 16px !important;

}

.fs17 {

  font-size: 17px !important;

}

.fs18 {

  font-size: 18px !important;

}

.fs20 {

  font-size: 20px !important;

}

.fs22 {

  font-size: 22px !important;

}

.fs24 {

  font-size: 24px !important;

}

.fs26 {

  font-size: 26px !important;

}

.fs28 {

  font-size: 28px !important;

}

.fs30 {

  font-size: 30px !important;

}

.fs35 {

  font-size: 35px !important;

}

.fs40 {

  font-size: 40px !important;

}

.fs45 {

  font-size: 45px !important;

}

.fs50 {

  font-size: 50px !important;

}

.fs60 {

  font-size: 60px !important;

}

.fs70 {

  font-size: 70px !important;

}

.fs80 {

  font-size: 80px !important;

}

.fs90 {

  font-size: 90px !important;

}

.fs100 {

  font-size: 100px !important;

}

/*===============================================

  D. Padding Helpers

================================================= */

.pn {

  padding: 0 !important;

}

.p1 {

  padding: 1px !important;

}

.p2 {

  padding: 2px !important;

}

.p3 {

  padding: 3px !important;

}

.p4 {

  padding: 4px !important;

}

.p5 {

  padding: 5px !important;

}

.p6 {

  padding: 6px !important;

}

.p7 {

  padding: 7px !important;

}

.p8 {

  padding: 8px !important;

}

.p10 {

  padding: 10px !important;

}

.p12 {

  padding: 12px !important;

}

.p15 {

  padding: 15px !important;

}

.p20 {

  padding: 20px !important;

}

.p25 {

  padding: 25px !important;

}

.p30 {

  padding: 30px !important;

}

.p35 {

  padding: 35px !important;

}

.p40 {

  padding: 40px !important;

}

.p50 {

  padding: 50px !important;

}

.ptn {

  padding-top: 0 !important;

}

.pt5 {

  padding-top: 5px !important;

}

.pt10 {

  padding-top: 10px !important;

}

.pt15 {

  padding-top: 15px !important;

}

.pt20 {

  padding-top: 20px !important;

}

.pt25 {

  padding-top: 25px !important;

}

.pt30 {

  padding-top: 30px !important;

}

.pt35 {

  padding-top: 35px !important;

}

.pt40 {

  padding-top: 40px !important;

}

.pt50 {

  padding-top: 50px !important;

}

.prn {

  padding-right: 0 !important;

}

.pr5 {

  padding-right: 5px !important;

}

.pr10 {

  padding-right: 10px !important;

}

.pr15 {

  padding-right: 15px !important;

}

.pr20 {

  padding-right: 20px !important;

}

.pr25 {

  padding-right: 25px !important;

}

.pr30 {

  padding-right: 30px !important;

}

.pr35 {

  padding-right: 35px !important;

}

.pr40 {

  padding-right: 40px !important;

}

.pr50 {

  padding-right: 50px !important;

}

.pbn {

  padding-bottom: 0 !important;

}

.pb5 {

  padding-bottom: 5px !important;

}

.pb10 {

  padding-bottom: 10px !important;

}

.pb15 {

  padding-bottom: 15px !important;

}

.pb20 {

  padding-bottom: 20px !important;

}

.pb25 {

  padding-bottom: 25px !important;

}

.pb30 {

  padding-bottom: 30px !important;

}

.pb35 {

  padding-bottom: 35px !important;


}

.pb40 {

  padding-bottom: 40px !important;

}

.pb50 {

  padding-bottom: 50px !important;

}

.pln {

  padding-left: 0 !important;

}

.pl5 {

  padding-left: 5px !important;

}

.pl10 {

  padding-left: 10px !important;

}

.pl15 {

  padding-left: 15px !important;

}

.pl20 {

  padding-left: 20px !important;

}

.pl25 {

  padding-left: 25px !important;

}

.pl30 {

  padding-left: 30px !important;

}

.pl35 {

  padding-left: 35px !important;

}

.pl40 {

  padding-left: 40px !important;

}

.pl50 {

  padding-left: 50px !important;

}

/* Axis Padding (both top/bottom or left/right) */


.pv5 {


  padding-top: 5px !important;

  padding-bottom: 5px !important;

}

.pv8 {

  padding-top: 8px !important;

  padding-bottom: 8px !important;

}

.pv10 {

  padding-top: 10px !important;

  padding-bottom: 10px !important;

}

.pv15 {

  padding-top: 15px !important;

  padding-bottom: 15px !important;

}

.pv20 {

  padding-top: 20px !important;

  padding-bottom: 20px !important;

}

.pv25 {

  padding-top: 25px !important;

  padding-bottom: 25px !important;

}

.pv30 {

  padding-top: 30px !important;

  padding-bottom: 30px !important;

}

.pv40 {

  padding-top: 40px !important;

  padding-bottom: 40px !important;

}

.pv50 {

  padding-top: 50px !important;

  padding-bottom: 50px !important;

}

.ph5 {

  padding-left: 5px !important;

  padding-right: 5px !important;

}

.ph8 {

  padding-left: 8px !important;

  padding-right: 8px !important;

}

.ph10 {

  padding-left: 10px !important;

  padding-right: 10px !important;

}

.ph15 {

  padding-left: 15px !important;

  padding-right: 15px !important;

}

.ph20 {

  padding-left: 20px !important;

  padding-right: 20px !important;

}

.ph25 {

  padding-left: 25px !important;

  padding-right: 25px !important;

}

.ph30 {

  padding-left: 30px !important;

  padding-right: 30px !important;

}

.ph40 {

  padding-left: 40px !important;

  padding-right: 40px !important;

}

.ph50 {

  padding-left: 50px !important;

  padding-right: 50px !important;

}

/* responsive padding helpers */

@media (min-width: 1140px) {

  .ptn-lg {

    padding-top: 0 !important;

  }

  .prn-lg {

    padding-right: 0 !important;

  }

  .pbn-lg {

    padding-bottom: 0 !important;

  }

  .pln-lg {

    padding-left: 0 !important;

  }

  .pt5-lg {

    padding-top: 5px !important;

  }

  .pr5-lg {

    padding-right: 5px !important;

  }

  .pb5-lg {

    padding-bottom: 5px !important;

  }

  .pl5-lg {

    padding-left: 5px !important;

  }

}

@media (min-width: 992px) {

  .ptn-md {

    padding-top: 0 !important;

  }

  .prn-md {

    padding-right: 0 !important;

  }

  .pbn-md {

    padding-bottom: 0 !important;

  }

  .pln-md {

    padding-left: 0 !important;

  }

  .pt5-md {

    padding-top: 5px !important;

  }

  .pr5-md {

    padding-right: 5px !important;

  }

  .pb5-md {

    padding-bottom: 5px !important;

  }

  .pl5-md {

    padding-left: 5px !important;

  }

}

/*===============================================

  E. Margin Helpers

================================================= */

/* margin center helper */

.mauto {

  margin-left: auto;

  margin-right: auto;

}

.mn {

  margin: 0 !important;

}

.m1 {

  margin: 1px !important;

}

.m2 {

  margin: 2px !important;

}

.m3 {

  margin: 3px !important;

}

.m4 {

  margin: 4px !important;

}

.m5 {

  margin: 5px !important;

}

.m8 {

  margin: 8px !important;

}

.m10 {

  margin: 10px !important;

}

.m15 {

  margin: 15px !important;

}

.m20 {

  margin: 20px !important;

}

.m25 {

  margin: 25px !important;

}

.m30 {

  margin: 30px !important;

}

.m35 {

  margin: 35px !important;

}

.m40 {

  margin: 40px !important;

}

.m50 {

  margin: 50px !important;

}

.mtn {

  margin-top: 0 !important;

}

.mt5 {

  margin-top: 5px !important;

}

.mt10 {

  margin-top: 10px !important;

}

.mt15 {

  margin-top: 15px !important;

}

.mt20 {

  margin-top: 20px !important;

}

.mt25 {

  margin-top: 25px !important;

}

.mt30 {

  margin-top: 30px !important;

}


.mt35 {

  margin-top: 35px !important;

}


.mt40 {

  margin-top: 40px !important;

}


.mt50 {

  margin-top: 50px !important;

}


.mt70 {

  margin-top: 70px !important;

}

.mrn {


  margin-right: 0 !important;

}

.mr5 {


  margin-right: 5px !important;

}

.mr10 {

  margin-right: 10px !important;

}

.mr15 {

  margin-right: 15px !important;

}

.mr20 {

  margin-right: 20px !important;

}

.mr25 {

  margin-right: 25px !important;

}

.mr30 {

  margin-right: 30px !important;

}

.mr35 {

  margin-right: 35px !important;

}

.mr40 {

  margin-right: 40px !important;

}

.mr50 {

  margin-right: 50px !important;

}

.mbn {

  margin-bottom: 0 !important;

}

.mb5 {

  margin-bottom: 5px !important;

}

.mb10 {

  margin-bottom: 10px !important;

}

.mb15 {

  margin-bottom: 15px !important;

}

.mb20 {

  margin-bottom: 20px !important;

}

.mb25 {

  margin-bottom: 25px !important;

}

.mb30 {

  margin-bottom: 30px !important;

}

.mb35 {

  margin-bottom: 35px !important;

}

.mb40 {

  margin-bottom: 40px !important;

}

.mb50 {

  margin-bottom: 50px !important;

}

.mb70 {

  margin-bottom: 70px !important;

}

.mln {

  margin-left: 0 !important;

}

.ml5 {

  margin-left: 5px !important;

}

.ml10 {

  margin-left: 10px !important;

}

.ml15 {

  margin-left: 15px !important;

}

.ml20 {

  margin-left: 20px !important;

}

.ml25 {

  margin-left: 25px !important;

}

.ml30 {

  margin-left: 30px !important;

}

.ml35 {

  margin-left: 35px !important;

}

.ml40 {

  margin-left: 40px !important;

}

.ml50 {

  margin-left: 50px !important;

}

/* Axis Margins (both top/bottom or left/right) */

.mv5 {

  margin-top: 5px !important;

  margin-bottom: 5px !important;

}

.mv10 {

  margin-top: 10px !important;

  margin-bottom: 10px !important;

}

.mv15 {

  margin-top: 15px !important;

  margin-bottom: 15px !important;

}

.mv20 {

  margin-top: 20px !important;

  margin-bottom: 20px !important;

}

.mv25 {

  margin-top: 25px !important;

  margin-bottom: 25px !important;

}

.mv30 {

  margin-top: 30px !important;

  margin-bottom: 30px !important;

}

.mv40 {

  margin-top: 40px !important;

  margin-bottom: 40px !important;

}

.mv50 {

  margin-top: 50px !important;

  margin-bottom: 50px !important;

}

.mv70 {

  margin-top: 70px !important;

  margin-bottom: 70px !important;

}

.mh5 {

  margin-left: 5px !important;

  margin-right: 5px !important;

}

.mh10 {

  margin-left: 10px !important;

  margin-right: 10px !important;

}

.mh15 {

  margin-left: 15px !important;

  margin-right: 15px !important;

}

.mh20 {

  margin-left: 20px !important;

  margin-right: 20px !important;

}

.mh25 {

  margin-left: 25px !important;

  margin-right: 25px !important;

}

.mh30 {

  margin-left: 30px !important;

  margin-right: 30px !important;

}

.mh40 {

  margin-left: 40px !important;

  margin-right: 40px !important;

}

.mh50 {

  margin-left: 50px !important;

  margin-right: 50px !important;

}

.mh70 {

  margin-left: 70px !important;

  margin-right: 70px !important;

}

/* Negative Margin Helpers */

.mtn5 {

  margin-top: -5px !important;

}

.mtn10 {

  margin-top: -10px !important;

}

.mtn15 {


  margin-top: -15px !important;

}

.mtn20 {

  margin-top: -20px !important;

}

.mtn30 {

  margin-top: -30px !important;

}

.mrn5 {

  margin-right: -5px !important;

}

.mrn10 {

  margin-right: -10px !important;

}

.mrn15 {

  margin-right: -15px !important;

}

.mrn20 {

  margin-right: -20px !important;

}

.mrn30 {

  margin-right: -30px !important;

}

.mbn5 {

  margin-bottom: -5px !important;


}

.mbn10 {

  margin-bottom: -10px !important;

}


.mbn15 {


  margin-bottom: -15px !important;

}

.mbn20 {

  margin-bottom: -20px !important;

}


.mbn30 {

  margin-bottom: -30px !important;

}

.mln5 {

  margin-left: -5px !important;

}

.mln10 {


  margin-left: -10px !important;

}

.mln15 {

  margin-left: -15px !important;

}

.mln20 {

  margin-left: -20px !important;

}

.mln30 {

  margin-left: -30px !important;

}

/* Vertical Negative Margin "mv" + "n" + "x" */

.mvn5 {

  margin-top: -5px !important;

  margin-bottom: -5px !important;

}

.mvn10 {

  margin-top: -10px !important;

  margin-bottom: -10px !important;

}

.mvn15 {

  margin-top: -15px !important;

  margin-bottom: -15px !important;

}

.mvn20 {

  margin-top: -20px !important;

  margin-bottom: -20px !important;

}

.mvn30 {

  margin-top: -30px !important;

  margin-bottom: -30px !important;

}

/* Horizontal Negative Margin "mh" + "n" + "x" */

.mhn5 {

  margin-left: -5px !important;

  margin-right: -5px !important;

}

.mhn10 {

  margin-left: -10px !important;

  margin-right: -10px !important;

}

.mhn15 {

  margin-left: -15px !important;

  margin-right: -15px !important;

}

.mhn20 {

  margin-left: -20px !important;

  margin-right: -20px !important;

}

.mhn30 {

  margin-left: -30px !important;

  margin-right: -30px !important;

}

/*===============================================

  F. LineHeight Helpers

================================================= */

.lh0 {

  line-height: 0 !important;

}

.lh5 {

  line-height: 5px !important;

}

.lh10 {

  line-height: 10px !important;

}

.lh15 {

  line-height: 15px !important;

}

.lh20 {

  line-height: 20px !important;

}

.lh25 {

  line-height: 25px !important;

}

.lh30 {

  line-height: 30px !important;

}

.lh35 {

  line-height: 35px !important;

}

.lh40 {

  line-height: 40px !important;

}

/*===============================================

  G. Border Helpers

================================================= */

/* Border Disables */

.br-l-n {

  border-left: none !important;

}

.br-r-n {

  border-right: none !important;

}

.br-t-n {

  border-top: none !important;

}

.br-b-n {

  border-bottom: none !important;

}

.br-n {

  border: none !important;

}

.br-v-n {

  border-top: none !important;

  border-bottom: none !important;

}

.br-h-n {

  border-left: none !important;

  border-right: none !important;

}

/* Default Borders */

.br-a {

  border: 1px solid #eeeeee !important;

}

.br-l {

  border-left: 1px solid #eeeeee !important;

}

.br-r {

  border-right: 1px solid #eeeeee !important;

}

.br-t {

  border-top: 1px solid #eeeeee !important;

}

.br-b {

  border-bottom: 1px solid #eeeeee !important;

}

/* Border Style */

.br-dashed {

  border-style: dotted !important;

}

/* Border Radius */

.br0 {

  border-radius: 0px !important;

}

.br1 {

  border-radius: 1px !important;

}

.br2 {

  border-radius: 2px !important;

}

.br3 {

  border-radius: 3px !important;

}

.br4 {

  border-radius: 4px !important;

}

.br6 {

  border-radius: 6px !important;

}

.br8 {

  border-radius: 8px !important;

}

.br12 {

  border-radius: 12px !important;

}

.br24 {

  border-radius: 24px !important;

}

.br64 {

  border-radius: 64px !important;

}

/* Border Width */

.bw1 {

  border-width: 1px !important;


}

.bw2 {

  border-width: 2px !important;

}


.bw3 {

  border-width: 3px !important;

}

.bw4 {

  border-width: 4px !important;

}

.bw5 {

  border-width: 5px !important;

}

.bw8 {

  border-width: 8px !important;

}

.bw10 {

  border-width: 10px !important;

}

.bw15 {

  border-width: 15px !important;

}

/*Border Colors Generate contextual modifier classes for colorizing the alert.

*/

.br-white {

  border-color: #ffffff !important;


}

.br-lighter {


  border-color: #eeeeee !important;

}

.br-light {

  border-color: #e7e7e7 !important;


}

.br-grey {

  border-color: #d9d9d9 !important;

}

.br-greyer {

  border-color: #cccccc !important;

}

.br-dark {

  border-color: #3b3f4f !important;

}

.br-dark-light {

  border-color: #51566c !important;

}

.br-primary {

  border-color: #3498db !important;

}

.br-primary-light {

  border-color: #5faee3 !important;

}

.br-info {

  border-color: #3bafda !important;

}

.br-info-light {

  border-color: #66c1e2 !important;

}

.br-success {

  border-color: #70ca63 !important;

}

.br-success-light {

  border-color: #93d789 !important;

}

.br-warning {

  border-color: #f6bb42 !important;

}

.br-warning-light {

  border-color: #f8cd73 !important;

}

.br-danger {

  border-color: #df5640 !important;

}

.br-danger-light {

  border-color: #e67d6c !important;

}

.br-alert {

  border-color: #967adc !important;

}

.br-alert-light {

  border-color: #b6a2e7 !important;

}

.br-system {

  border-color: #37bc9b !important;

}

.br-system-light {

  border-color: #58ceb1 !important;

}

.br-tp-top {

  border-top-color: rgba(0, 0, 0, 0.1);

}

.br-tp-right {

  border-right-color: rgba(0, 0, 0, 0.1);

}

.br-tp-left {

  border-left-color: rgba(0, 0, 0, 0.1);

}

/*===============================================

  H. Max Width Helpers

================================================= */

.fluid-width {

  width: 100% !important;

}

.mw10 {

  max-width: 10px !important;

}

.mw20 {

  max-width: 20px !important;

}

.mw30 {

  max-width: 30px !important;

}

.mw35 {

  max-width: 35px !important;

}

.mw40 {

  max-width: 40px !important;

}

.mw45 {

  max-width: 45px !important;

}

.mw50 {

  max-width: 50px !important;

}

.mw60 {

  max-width: 60px !important;

}

.mw80 {

  max-width: 80px !important;

}

.mw100 {

  max-width: 100px !important;

}

.mw140 {

  max-width: 140px !important;

}

.mw160 {

  max-width: 160px !important;

}

.mw180 {

  max-width: 180px !important;

}

.mw200 {

  max-width: 200px !important;

}

.mw240 {

  max-width: 240px !important;

}

.mw280 {

  max-width: 280px !important;

}

.mw320 {

  max-width: 320px !important;

}

.mw400 {

  max-width: 400px !important;

}

.mw450 {

  max-width: 450px !important;

}

.mw500 {

  max-width: 500px !important;

}

.mw600 {

  max-width: 600px !important;

}

.mw700 {

  max-width: 700px !important;

}

.mw800 {

  max-width: 800px !important;

}

.mw900 {

  max-width: 900px !important;

}

.mw1000 {

  max-width: 1000px !important;

}

.mw1100 {

  max-width: 1100px !important;

}

.mw1200 {

  max-width: 1200px !important;

}

/*Regular Width Helpers. Primarily used

on tables, feel free to add more*/

.w20 {

  width: 20px !important;

}

.w30 {

  width: 30px !important;

}

.w40 {

  width: 40px !important;

}

.w50 {

  width: 50px !important;

}

.w75 {

  width: 75px !important;

}

.w100 {

  width: 100px !important;

}

.w125 {

  width: 125px !important;

}

.w150 {

  width: 150px !important;

}

.w175 {

  width: 175px !important;


}

.w200 {

  width: 200px !important;

}


.w225 {

  width: 225px !important;

}

.w250 {


  width: 250px !important;

}

.w275 {

  width: 275px !important;

}

.w300 {

  width: 300px !important;

}

.w320 {

  width: 320px !important;

}

.w350 {

  width: 350px !important;

}

.w375 {

  width: 375px !important;

}

.w400 {

  width: 400px !important;

}

.w450 {

  width: 450px !important;

}


.mnw20 {


  min-width: 20px !important;

}

.mnw30 {

  min-width: 30px !important;

}

.mnw40 {


  min-width: 40px !important;

}


.mnw50 {


  min-width: 50px !important;

}

.mnw75 {

  min-width: 75px !important;

}


.mnw100 {

  min-width: 100px !important;

}

.mnw125 {

  min-width: 125px !important;

}


.mnw150 {

  min-width: 150px !important;

}

.mnw175 {

  min-width: 175px !important;

}

.mnw200 {

  min-width: 200px !important;

}

.mnw250 {

  min-width: 250px !important;

}

.mnw300 {

  min-width: 300px !important;

}

.mnw500 {

  min-width: 500px !important;

}

.mnw700 {

  min-width: 700px !important;

}

.mnw1000 {

  min-width: 1000px !important;

}

/* ================================================

  A. Table Styling Helpers 

=================================================== */

/* messaging table styles */

table tbody tr.message-read td {

  color: #999;

  background-color: #fbfbfb;

}

table tbody tr.message-unread td {

  background-color: #fff;

}

/* table header/footer styles */

table.tc-text-center-head thead th,

table.tc-text-center-head tfoot th {

  text-align: center;

}

table.tc-fs11-head thead th,

table.tc-fs11-head tfoot th {

  font-size: 12px;

}

table.tc-fs12-head thead th,

table.tc-fs12-head tfoot th {

  font-size: 12px;

}

/* special styles */

table.tc-checkbox-1 tbody td:first-child,

table.tc-checkbox-2 tbody td:nth-child(2),

table.tc-checkbox-3 tbody td:nth-child(3),

table.tc-checkbox-last tbody td:last-child {

  text-align: center;

  padding: 11px;

}

/* special styles */

table.tc-list-1 tbody td:first-child,

table.tc-list-2 tbody td:nth-child(2),

table.tc-list-3 tbody td:nth-child(3),

table.tc-list-last tbody td:last-child {

  font-weight: 600;

  font-size: 14px;

  text-align: center;

  width: 45px;

  padding: 0 10px;

  border-right: 1px solid #e5e5e5;

  background: #fdfdfd;

}

/* special styles */

table.tc-bold-1 tbody td:first-child,

table.tc-bold-2 tbody td:nth-child(2),

table.tc-bold-3 tbody td:nth-child(3),

table.tc-bold-last tbody td:last-child {

  font-weight: 600;

  text-align: right;

  font-size: 14px;

}

/* special styles */

table.tc-med-1 tbody td:first-child,

table.tc-med-2 tbody td:nth-child(2),

table.tc-med-3 tbody td:nth-child(3),

table.tc-med-last tbody td:last-child {

  font-weight: 400;

  color: #5A5A5A;

      font-weight: bold;

}

/* special styles */

table.tc-icon-1 tbody td:first-child,

table.tc-icon-2 tbody td:nth-child(2),

table.tc-icon-3 tbody td:nth-child(3),

table.tc-icon-last tbody td:last-child {

  font-size: 18px;

  text-align: center;

  color: #999;

}

/* text colors */

table.tc-text-muted-1 tbody td:first-child,

table.tc-text-muted-2 tbody td:nth-child(2),

table.tc-text-muted-3 tbody td:nth-child(3),

table.tc-text-muted-last tbody td:last-child {

  color: #999;

}

table.tc-text-primary-1 tbody td:first-child,

table.tc-text-primary-2 tbody td:nth-child(2),

table.tc-text-primary-3 tbody td:nth-child(3),

table.tc-text-primary-last tbody td:last-child {

  color: #4a89dc;

}

/* font weights */

table.tc-fw600-1 tbody td:first-child,

table.tc-fw600-2 tbody td:nth-child(2),

table.tc-fw600-3 tbody td:nth-child(3),

table.tc-fw600-last tbody td:last-child {

  font-weight: 600;

}

table.tc-fw600-1 tbody td:first-child,

table.tc-fw600-2 tbody td:nth-child(2),

table.tc-fw600-3 tbody td:nth-child(3),


table.tc-fw600-last tbody td:last-child {


  font-weight: 600;

}

/* font sizes */

table.tc-fs13-1 tbody td:first-child,

table.tc-fs13-2 tbody td:nth-child(2),

table.tc-fs13-3 tbody td:nth-child(3),

table.tc-fs13-last tbody td:last-child {

  font-size: 13px;

}

/* text aligns */

table.tc-text-left-1 tbody td:first-child,

table.tc-text-left-2 tbody td:nth-child(2),

table.tc-text-left-3 tbody td:nth-child(3),


table.tc-text-left-last tbody td:last-child {

  text-align: right;

}

table.tc-text-center-1 tbody td:first-child,

table.tc-text-center-2 tbody td:nth-child(2),

table.tc-text-center-3 tbody td:nth-child(3),

table.tc-text-center-last tbody td:last-child {

  text-align: center;


}

table.tc-text-right-1 tbody td:first-child,


table.tc-text-right-2 tbody td:nth-child(2),

table.tc-text-right-3 tbody td:nth-child(3),

table.tc-text-right-last tbody td:last-child {

  text-align: right;

}

/* vertical aligns */

table.tc-va-t-1 tbody td:first-child,

table.tc-va-t-2 tbody td:nth-child(2),

table.tc-va-t-3 tbody td:nth-child(3),

table.tc-va-t-last tbody td:last-child {

  vertical-align: top;

}

table.tc-va-m-1 tbody td:first-child,

table.tc-va-m-2 tbody td:nth-child(2),

table.tc-va-m-3 tbody td:nth-child(3),

table.tc-va-m-last tbody td:last-child {

  vertical-align: middle;

}

table.tc-va-b-1 tbody td:first-child,

table.tc-va-b-2 tbody td:nth-child(2),

table.tc-va-b-3 tbody td:nth-child(3),

table.tc-va-b-last tbody td:last-child {

  vertical-align: bottom;

}

/* table Checklist */

.table-checklist td {

  cursor: pointer;

}

.table-widget .tab-content {

  padding: 0;

  border: 0;

  overflow: hidden;

}

/* Table items (labels, badges, progress bars etc) */

.table-widget .progress {

  width: 80%;

  height: 13px;

  margin: 0;

}

.table-widget .label,

.table-widget .badge {

  margin-right: 7px;

}

/* Tables with the .table-checklist class become clickable

 * if you want text to have a line-through effect on click

 * add the .text-slash class to the element */

.table-checklist tr.task-checked {

  color: #bbbbbb;

}

.table-checklist tr.task-checked .text-slash {

  text-decoration: line-through;

}

/* Table item checked state - class added via JS */

.table-checklist tr.task-checked .label,

.table-checklist tr.task-checked .progress {

  opacity: 0.3;

}

/*==================================================

  Shared/Global Styles

==================================================== */

html {

  height: 100%;

  background: #fff;

}

body {

  width: 100%;

  height: 100%;

  min-height: 1100px;

  margin: 0;

  padding: 0;

  background: #e9e9e9;

  -webkit-font-smoothing: antialiased;

  /* Fix for webkit rendering */

  -webkit-text-size-adjust: 100%;

  font-size-adjust: 100%;

}

#main {

  position: relative;

  min-height: 100%;

  background: #E5EBF2;

}

/* psuedo background */

#main:before {

  content: "";

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: #E5EBF2;

}

#content_wrapper {

  position: relative;

  left: 0px;

  margin-left: 250px;

}

/* Transitions */

body.onload-check .navbar,

body.onload-check .navbar-branding,

body.onload-check #sidebar_left,

body.onload-check #sidebar_right,

body.onload-check #content_wrapper,

body.onload-check #topbar {

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

/*===============================================

   Navbar Settings

================================================= */

/* If header is fixed modify primary containers padding */

.navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {

  padding-top: 60px;

}

/*===============================================

   Sidebar Settings

================================================= */

/* Fixed Sidebar */


#sidebar_left.affix {

  position: fixed;


  height: 100%;

}


/* Scrollbar for Sidebars in Fixed Positions */

#sidebar_left.affix > .sidebar-menu {

  overflow-x: hidden;

  position: absolute;

  width: 100%;

  top: 85px;

  bottom: 52px;

  transition: top 0.2s ease-in-out;

}

#sidebar_left.affix > .email-menu + .sidebar-menu {

  overflow-x: hidden;

  position: absolute;

  width: 100%;

  top: 485px;


  bottom: 52px;

  transition: top 0.2s ease-in-out;

}

/* Corrects Pseudo sidebar bg when fixed */


#sidebar_left.affix:before {

  left: 0;


}

body.sidebar-hidden #sidebar_left.affix:before,

body.sidebar-rtl #sidebar_left.affix:before {

  left: -250px;

}

/* Sidebar User Area - Hidden */

.user-info.hidden,

.user-info.hidden + .user-divider {

  display: none;

}

body.usermenu-hidden .user-info,

body.usermenu-hidden .user-info + .user-divider {

  display: none;

}

body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .sidebar-menu,

body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .menu-widget + .sidebar-menu {

  top: 0;

}

#sidebar_left.affix > .menu-widget.menu-widget-open + .sidebar-menu {

  top: 250px;

}

/*===============================================

  Breadcrumbs Settings

================================================= */

/* fixed state */

#topbar.affix {

  z-index: 1027;

  width: auto;

  left: 0;

  right: 0;

  margin-left: 250px;

  position: fixed;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

/* match content margin to topbar height */

#topbar.affix + #content {

  margin-top: 51px;

}

#topbar.affix.alt + #content {

  margin-top: 71px;

}

/* fixed state - w/ open sidebar */

body.sb-l-o #topbar.affix {

  margin-left: 250px;

}

/* fixed state - w/ minified sidebar */

body.sb-l-m #topbar.affix {

  margin-left: 60px;

}

/* fixed state - w/ closed sidebar */

body.sb-l-c #topbar.affix {

  margin-left: 0px;

}

@media (max-width: 900px) {

  /* fixed state - w/ open sidebar */

  body.sb-l-o #topbar.affix {

    width: 100%;

    margin-left: 250px;

  }

  /* fixed state - w/ minified sidebar */

  body.sb-l-m #topbar.affix {

    width: auto;

    margin-left: 45px;

  }

  /* fixed state - w/ closed sidebar */

  body.sb-l-c #topbar.affix {

    width: 100%;

    margin-left: 0px;

  }

}

/* Prevents Demo Bug - if navbar is fixed 

 * and also hidden grant proper margin spacing */

#topbar.affix.hidden + #content {

  margin-top: 0;

}

/* Topbar/Breadcrumbs Area - Hidden */

body.hidden-breadcrumbs #topbar {

  display: none;

}

/* for preview only - no real use in development enviroment */

body.sidebar-collapsed #sidebar:before {

  width: 40px;

}

/* ==============================================

   Navbar

================================================= */

.navbar {

z-index: 1030;

margin-bottom: 0;

height: 60px;

color: #fff;

background-color: #3d3c3a;

border-radius: 0;

border: 0;

border-bottom: 0;

/*box-shadow: 0 1px 0 0 #e0e0e0;*//* Navbar shadow option - Only activated for white navbars */

margin-left: 250px;
}

.navbar.navbar-shadow {

  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);

  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);

}

/* Navbar Nav Item Containers */

.navbar .nav {

  margin: 0;

  /* Nav Items */

  /* Nav Links */

  /* Nav Item/Link States */

  /* Nav Item - Open Dropdown */

  /* Menu Item Divider - Small Circle */

}

.navbar .nav > li {

  float: left;

}

.navbar .nav > li > a {

color: #FFF;

font-size: 13px;

font-weight: 600;

padding-top: 20px;

padding-bottom: 20px;

height: 59px;

max-height: 59px;

line-height: 30px;
}

.navbar .nav > li.open > a,

.navbar .nav > li:hover > a,

.navbar .nav > li:focus > a,

.navbar .nav > li.active > a,

.navbar .nav > li > a:hover,

.navbar .nav > li > a:focus {

background: rgba(0, 0, 0, 0.3);

}

.navbar .nav > li.dropdown.open .dropdown-menu {

  padding: 0;

  margin-top: 10px;

  border-radius: 2px;

  border-top: 3px solid transparent;

  /* Dropdown Links */


  /* Dropdown Top Arrow */

}

.navbar .nav > li.dropdown.open .dropdown-menu > a {

  font-weight: 600;

}


.navbar .nav > li.dropdown.open .dropdown-menu:after {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  right: 11px;

  bottom: 100%;


  border-width: 0 10px 10px;

  border-bottom-color: #4a89dc;

}


.navbar .nav .menu-divider {

  color: rgba(0, 0, 0, 0.15);

  font-size: 8px;

  padding: 25px 10px;

}

/* Dropdown Helper - Item Divider */

.navbar .dropdown-menu .menu-divider {

  color: rgba(0, 0, 0, 0.2);

  font-size: 8px;

  padding: 25px 10px;

}

/* Dropdown Helper - Header Item */

.navbar .dropdown-menu > li.dropdown-header {

  padding: 8px;

  background: #fafafa;

  border-bottom: 1px solid #e5e5e5;

  /* Header Item - Title */

  /* Header Item - Label */

}

.navbar .dropdown-menu > li.dropdown-header .dropdown-title {

  color: #666;

  font-size: 13px;

  font-weight: 600;

  padding-left: 5px;

  line-height: 30px;

}

.navbar .dropdown-menu > li.dropdown-header .label {

  font-size: 75%;

  padding: .1em .6em .2em;

  float: right;

  height: 20px;

  line-height: 20px;

  margin-top: 5px;

  margin-right: 5px;

}

/*==========================================================

  Navbar Misc Utility Styles 

=========================================================== */

/* define height for panels with scrollers */

.scroller-navbar {

  max-height: 265px;

}

/* Negative margin helper to negate panel scroller padding */

.scroller-nm {

  margin: -12px;

}

/* Navbar Left Settings */

.navbar-left > li.dropdown.open:first-child .dropdown-menu:after,

.navbar-left > li.dropdown:first-child > .open .dropdown-menu:after {

  left: 10px;

  right: auto;

}

/*==========================================================

  Navbar Dropdown Carets

=========================================================== */

.navbar .caret {

  position: relative;

  top: -1px;

  margin-left: 3px;

}

/* Alt Caret Style */

.navbar .caret.alt {

  width: 20px;

  height: 20px;

  text-align: center;

  color: inherit;

  margin: 0;

  border: 0;

}

.navbar li.dropdown .caret.alt:after {

  opacity: 0.75;

  font-size: 14px;

  display: inline-block;

  content: "\f107";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

}

.navbar li.dropdown.open .caret.alt:after {

  opacity: 1;

}

/*==========================================================

  Navbar Advanced Dropdown - Button Dropdowns

=========================================================== */

.navbar .navbar-btn {

  padding: 0 5px;

  /* split button mod */

  /* btn badges */

}

.navbar .navbar-btn.btn-group > .btn + .dropdown-toggle {

  border-left: 0;

}

.navbar .navbar-btn > .btn > span.ad,

.navbar .navbar-btn > .btn > span.fa,

.navbar .navbar-btn > .btn > span.glyphicon,

.navbar .navbar-btn > .btn > span.glyphicons {

  position: relative;

  top: -1px;

  font-size: 14px;

  vertical-align: middle;

}

.navbar .navbar-btn.btn-group > .btn {

  color: #888;

  border-color: rgba(0, 0, 0, 0.15);

  background-color: #f2f2f2;

  background-color: rgba(0, 0, 0, 0.045);

}

.navbar .navbar-btn.btn-group > .btn:hover {

  color: #333;

  border-color: rgba(0, 0, 0, 0.2);

}

.navbar .navbar-btn.btn-group.open > .btn,


.navbar .navbar-btn.btn-group > .btn.active {

  color: #222;

}

.navbar .navbar-btn .badge {

  position: absolute;

  top: -7px;

  right: -5px;

  padding: 3px 6px;

  opacity: 0.95;

}

/* Modify buttons dropdown menus */

.navbar .nav > li.dropdown > .open .dropdown-menu {

  color: #222;

  padding: 0;

  margin-top: 25px;

  border-radius: 2px;

  border-top: 3px solid transparent;

}

.navbar .nav > li.dropdown > .open .dropdown-menu:after {

  content: "";


  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  right: 11px;

  bottom: 100%;

  border-width: 0 10px 10px;

  border-bottom-color: #4a89dc;

}

/* Modify buttons inside contextuals navbars (bg-primary, etc) */


.navbar[class*='bg-'] .navbar-btn.btn-group > .btn {

  color: #BBB;

  color: rgba(255, 255, 255, 0.8);

  border-color: transparent;

  background-color: #f2f2f2;

  background-color: rgba(255, 255, 255, 0.2);

}

.navbar[class*='bg-'] .navbar-btn.btn-group > .btn:hover {

  color: #fff;

  color: #ffffff;

}

.navbar[class*='bg-'] .navbar-btn.btn-group.open > .btn,

.navbar[class*='bg-'] .navbar-btn.btn-group > .btn.active {

  color: #FFF;

  color: #ffffff;

}

/*==========================================================

  Navbar Dropdown Menu Helpers

=========================================================== */

/* Both the Menu Merge & the Disable Arrow Settings 

 * do not use the top margin for dropdowns */

.navbar .nav > li.dropdown.menu-merge,

.navbar .nav > li.dropdown.disable-arrow {

  /* For btn dropdowns */

  /* For normal dropdowns */

}

.navbar .nav > li.dropdown.menu-merge > .navbar-btn.open .dropdown-menu,

.navbar .nav > li.dropdown.disable-arrow > .navbar-btn.open .dropdown-menu {

  margin-top: 15px;

}

.navbar .nav > li.dropdown.menu-merge.open .dropdown-menu,

.navbar .nav > li.dropdown.disable-arrow.open .dropdown-menu {

  margin-top: 1px;

}

/* Modify for style when in contextual navbars (bg-primary, etc) */

.navbar[class*='bg-'] .nav > li.dropdown.menu-merge.open .dropdown-menu,

.navbar[class*='bg-'] .nav > li.dropdown.menu-merge > .navbar-btn.open .dropdown-menu {

  border-top: 0;

}

.navbar[class*='bg-'] .nav > li.dropdown.menu-merge.open .dropdown-menu:after,

.navbar[class*='bg-'] .nav > li.dropdown.menu-merge > .navbar-btn.open .dropdown-menu:after {

  border-bottom-color: #fafafa;

}

/* Disable Arrow Setting */

.navbar .nav > li.dropdown.disable-arrow.open .dropdown-menu:after,

.navbar .nav > li.dropdown.disable-arrow > .navbar-btn.open .dropdown-menu:after {

  display: none;

}

/* Modify for style when in contextual navbars (bg-primary, etc) */

.navbar[class*='bg-'] .nav > li.dropdown.disable-arrow.open .dropdown-menu,

.navbar[class*='bg-'] .nav > li.dropdown.disable-arrow > .navbar-btn.open .dropdown-menu {

  border-top: 0;

}

/*==========================================================

  Navbar Advanced Dropdown - Media Lists

=========================================================== */

.navbar .media-list > li.media {

  margin: 0;

  padding: 10px;

  /* Media Item - Top Border */

  /* Media Item - Image */

  /* Media Item - Heading, small */

}

.navbar .media-list > li.media + li.media {

  border-top: 1px solid #EEE;

}

.navbar .media-list > li.media > a {

  padding: 0;

  padding-right: 10px;

  display: table-cell;

}

.navbar .media-list > li.media .media-heading small {

  color: #AAA;

}

/*==========================================================

  Navbar Advanced Dropdown - List Group

=========================================================== */

.navbar .nav .list-group > li.list-group-item {

  padding: 0;

  /* List-Group Link */

  /* List-Group Label */

  /* List-Group Icon */

}

.navbar .nav .list-group > li.list-group-item > a {

  padding: 12px;

}

.navbar .nav .list-group > li.list-group-item > a .label {

  font-size: 75%;

  padding: .1em .65em .2em;

  float: right;

  height: 20px;

  line-height: 20px;

}

.navbar .nav .list-group > li.list-group-item > a .fa,

.navbar .nav .list-group > li.list-group-item > a .glyphicon,

.navbar .nav .list-group > li.list-group-item > a .glyphicons {

  padding-right: 5px;

}

/* Dropdown Header - Remove top border */

.navbar .list-group > li.dropdown-header + li.list-group-item {

  border-top: 0;

}

/* Dropdown Footer */

.navbar .dropdown-menu > li.dropdown-footer a {

  text-align: center;

  padding: 8px 10px 9px;

  border-top: 1px solid #e5e5e5;

  background-color: #fafafa;

  -webkit-transition: background-color 0.4s ease;

  transition: background-color 0.4s ease;

}

.navbar .dropdown-menu > li.dropdown-footer a:hover {


  background-color: #FFFEF0;

}

/*==========================================================

  Navbar Advanced Dropdown - Panels

=========================================================== */

/* Panel menu - modify spacing and remove top border */

.navbar .nav > li.dropdown {

  /* Panel Heading - remove top border */

  /* Panel menu - modify spacing and remove top border */

}

.navbar .nav > li.dropdown .panel-heading {

  border-top: 0;

}

.navbar .nav > li.dropdown .panel-menu {

  color: #666;

  padding: 9px 12px 10px;

  border-top: 0;

}

/*==========================================================

  Navbar Branding - Logo/Text

=========================================================== */

.navbar-branding {
  position: relative;
  overflow: hidden;
  float: left;
  height: 250px;
  margin-right: 11px;
  background-color: #355ea6;

  /* Logo */
  width: 250px;
  color: #fff;
  /*background: #333;*/
  background: url("../../../../Images/nlogo_bg.jpg");
}

.navbar-branding .navbar-brand {

color: #FFFCB0 !important;

height: 90px;

line-height: 52px;

padding: 0;

padding-left: 68px;

font-size:27px;

font-weight: 400;

letter-spacing: 0.6px;

text-shadow: 0 1px 1px #333;

margin-top: 0px;
}
.navbar-branding .navbar-brand img{ display:none;}
.navbar-branding h2,.navbar-branding span{ display:block; text-align:center;}
.navbar-branding .navbar-brand b {

  font-weight: bold;

  padding-right: 1px;

}

/*==========================================================

  Navbar Toggle Button - Collapses Sidebar

=========================================================== */

#toggle_sidemenu_l {

color: #FFF;

float: right;

cursor: pointer;

font-size: 16px;

line-height: 58px;

max-height: 60px;

width: 60px;

text-align: center;

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

float: left;
}

/*==========================================================

  Navbar Left/Right Containers

=========================================================== */

/* Navbar Left */

.navbar-nav.navbar-left {

  float: left;

  position: relative;

  max-height: 60px;

}

.navbar-nav.navbar-left > li > a {

  padding-right: 12px;

  padding-left: 12px;

}

/* Navbar Right */

.navbar-nav.navbar-right,

.navbar-nav.navbar-right:last-child {

  float: right;

  margin: 0 15px 0 0;

}

/*==========================================================

  Navbar Forms - Specifically Search Form

=========================================================== */

.navbar-form {

  margin-top: 15px;

  margin-bottom: 15px;

  /* search bar */

}

.navbar-form.navbar-search input {

  height: 30px;

  padding: 0 12px;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

  box-shadow: none;

  border-radius: 3px;

  border-color: #EEE;

}

.navbar-form.navbar-search input:focus {

  background-color: #fafafa;

  border-color: #f0f0f0;

}

/*==========================================================

  Navbar UserMenu Dropdown (last dropdown item)


=========================================================== */

.navbar .dropdown.open .btn-group.open .multiselect-container.dropdown-menu {

  margin-top: 0;

  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;

  border-color: rgba(0, 0, 0, 0.1);

}

.navbar .dropdown.open .btn-group.open .multiselect-container.dropdown-menu:after {

  display: none;

}

#user-role + .btn-group > button.multiselect {

  overflow: hidden;

  text-overflow: ellipsis;


}

#user-status + .btn-group .multiselect-container.dropdown-menu {


  right: auto !important;

  left: 0 !important;


}

#user-status + .btn-group .multiselect-container.dropdown-menu,


#user-role + .btn-group .multiselect-container.dropdown-menu {


  top: 0 !important;

  position: relative !important;

  margin-top: 9px;

  margin-bottom: 3px;

  width: 212px;

}


#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child,

#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child,

#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child label,

#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child label {

  cursor: pointer;

  position: relative;

}

#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:after,

#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:after {

  content: "\f00d";

  font-family: "FontAwesome";

  position: absolute;

  width: 15px;

  height: 15px;

  top: 6px;

  right: 8px;

  font-size: 13px;

  font-weight: 600;

  color: #AAA;

  -webkit-transition: color 0.15s ease;

  transition: color 0.15s ease;

}

#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after,

#user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after {

  color: #3498db;

}

/*==========================================================

  Navbar Dropdown Menu Color Settings

=========================================================== */

.navbar .nav > li.dropdown.open .dropdown-menu,

.navbar .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #3498db;

}

.navbar .nav > li.dropdown.open .dropdown-menu:after,

.navbar .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3498db;

}

.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #ffffff;

  background-color: #3498db;

}

/*==========================================================

  Navbar Contextual/Skin Settings

  - Skins applied by adding a bg class to ".navbar" 

  - For example: <div class="navbar bg-primary">

=========================================================== */

.navbar.bg-primary {

background-color: #3498db;
}

.navbar.bg-primary .nav > li.open > a,

.navbar.bg-primary .nav > li:hover > a,

.navbar.bg-primary .nav > li:focus > a,

.navbar.bg-primary .nav > li.active > a,

.navbar.bg-primary .nav > li > a:hover,

.navbar.bg-primary .nav > li > a:focus {

  color: #FFF;

  background-color: #2489cc;

}

.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #3498db;

}

.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3498db;

}

.navbar.bg-primary .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-primary .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3498db;

}

.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-primary .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #3498db;

}

.navbar.bg-success {

  background-color: #70ca63;

}

.navbar.bg-success .nav > li.open > a,

.navbar.bg-success .nav > li:hover > a,

.navbar.bg-success .nav > li:focus > a,

.navbar.bg-success .nav > li.active > a,

.navbar.bg-success .nav > li > a:hover,

.navbar.bg-success .nav > li > a:focus {

  color: #FFF;


  background-color: #5bc24c;

}

.navbar.bg-success .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-success .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #70ca63;

}

.navbar.bg-success .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-success .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #70ca63;

}

.navbar.bg-success .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-success .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #70ca63;

}

.navbar.bg-success .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-success .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-success .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #70ca63;

}

.navbar.bg-info {

  background-color: #3bafda;

}

.navbar.bg-info .nav > li.open > a,

.navbar.bg-info .nav > li:hover > a,

.navbar.bg-info .nav > li:focus > a,

.navbar.bg-info .nav > li.active > a,

.navbar.bg-info .nav > li > a:hover,

.navbar.bg-info .nav > li > a:focus {

  color: #FFF;

  background-color: #27a2cf;

}

.navbar.bg-info .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-info .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #3bafda;

}

.navbar.bg-info .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-info .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3bafda;

}

.navbar.bg-info .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-info .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3bafda;

}

.navbar.bg-info .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-info .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-info .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #3bafda;

}

.navbar.bg-warning {

  background-color: #f6bb42;

}

.navbar.bg-warning .nav > li.open > a,

.navbar.bg-warning .nav > li:hover > a,

.navbar.bg-warning .nav > li:focus > a,

.navbar.bg-warning .nav > li.active > a,

.navbar.bg-warning .nav > li > a:hover,

.navbar.bg-warning .nav > li > a:focus {

  color: #FFF;

  background-color: #f5b025;

}

.navbar.bg-warning .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-warning .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #f6bb42;

}

.navbar.bg-warning .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-warning .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #f6bb42;

}

.navbar.bg-warning .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-warning .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #f6bb42;

}

.navbar.bg-warning .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-warning .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-warning .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #f6bb42;

}

.navbar.bg-danger {

  background-color: #df5640;

}

.navbar.bg-danger .nav > li.open > a,

.navbar.bg-danger .nav > li:hover > a,

.navbar.bg-danger .nav > li:focus > a,

.navbar.bg-danger .nav > li.active > a,

.navbar.bg-danger .nav > li > a:hover,

.navbar.bg-danger .nav > li > a:focus {

  color: #FFF;

  background-color: #db3f26;

}

.navbar.bg-danger .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-danger .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #df5640;

}

.navbar.bg-danger .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-danger .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #df5640;

}

.navbar.bg-danger .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-danger .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #df5640;

}

.navbar.bg-danger .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-danger .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-danger .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #df5640;

}

.navbar.bg-alert {

  background-color: #967adc;

}

.navbar.bg-alert .nav > li.open > a,

.navbar.bg-alert .nav > li:hover > a,

.navbar.bg-alert .nav > li:focus > a,

.navbar.bg-alert .nav > li.active > a,

.navbar.bg-alert .nav > li > a:hover,

.navbar.bg-alert .nav > li > a:focus {

  color: #FFF;

  background-color: #8362d6;

}

.navbar.bg-alert .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-alert .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #967adc;

}

.navbar.bg-alert .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-alert .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #967adc;

}

.navbar.bg-alert .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-alert .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #967adc;

}

.navbar.bg-alert .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-alert .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-alert .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #967adc;

}

.navbar.bg-system {

  background-color: #37bc9b;

}

.navbar.bg-system .nav > li.open > a,

.navbar.bg-system .nav > li:hover > a,

.navbar.bg-system .nav > li:focus > a,

.navbar.bg-system .nav > li.active > a,

.navbar.bg-system .nav > li > a:hover,

.navbar.bg-system .nav > li > a:focus {

  color: #FFF;

  background-color: #30a487;

}

.navbar.bg-system .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-system .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #37bc9b;

}

.navbar.bg-system .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-system .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #37bc9b;

}

.navbar.bg-system .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-system .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #37bc9b;

}

.navbar.bg-system .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-system .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-system .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #37bc9b;

}

.navbar.bg-dark {

  background-color: #3b3f4f;

}

.navbar.bg-dark .nav > li.open > a,

.navbar.bg-dark .nav > li:hover > a,

.navbar.bg-dark .nav > li:focus > a,

.navbar.bg-dark .nav > li.active > a,

.navbar.bg-dark .nav > li > a:hover,

.navbar.bg-dark .nav > li > a:focus {

  color: #FFF;

  background-color: #2e313d;

}

.navbar.bg-dark .nav > li.dropdown.open .dropdown-menu,

.navbar.bg-dark .nav > li.dropdown .open .dropdown-menu {

  border-top-color: #3b3f4f;

}

.navbar.bg-dark .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-dark .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3b3f4f;

}

.navbar.bg-dark .nav > li.dropdown.open .dropdown-menu:after,

.navbar.bg-dark .nav > li.dropdown .open .dropdown-menu:after {

  border-bottom-color: #3b3f4f;

}

.navbar.bg-dark .nav > li .dropdown-toggle + .dropdown-menu > .active > a,

.navbar.bg-dark .nav > li .dropdown-toggle + .dropdown-menu > .active > a:hover,

.navbar.bg-dark .nav > li .dropdown-toggle + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #3b3f4f;

}

/* If Navbar has a contextual class we need to modify 

 * several elements so there are not color conflictions

 */

.navbar[class*='bg-'] {

  border-bottom-color: transparent;

  box-shadow: none;

  /* Disable navbar shadow option for navbar bgs */

}

.navbar[class*='bg-'] .navbar-brand {


  color: #fff;

}

.navbar[class*='bg-'] .nav > li > a {

color: #f5f5f5;
}

.navbar[class*='bg-'] .nav > li.open > a {


  color: #fff;

  color: #ffffff;

}

.navbar[class*='bg-'] .caret.caret-tp {

  border-top-color: rgba(255, 255, 255, 0.3);

}

.navbar[class*='bg-'] #toggle_sidemenu_l,

.navbar[class*='bg-'] #toggle_sidemenu_l:hover,

.navbar[class*='bg-'] #toggle_sidemenu_l:focus {

  color: #77C0FD;

}

.navbar[class*='bg-'] .navbar-search input,

.navbar[class*='bg-'] .navbar-search input:focus {

  border-color: transparent;

}

.navbar[class*='bg-'] .navbar-search.alt input {

  color: #BBB;

  color: rgba(255, 255, 255, 0.8);

  background-color: #BBB;

  background-color: rgba(255, 255, 255, 0.2);

  border-color: transparent;

}

.navbar[class*='bg-'] .navbar-search.alt input:focus {

  border-color: transparent;

}

.navbar[class*='bg-'].navbar-shadow {

  border-bottom: 1px solid transparent;

  box-shadow: none;

}

/*==========================================================

  Navbar Bug Fixes - Added via Update v1.2.

=========================================================== */

/* Modify whitespace for user menu dropdown - Firefox alignment bug fix */

.navbar .navbar-right > li:last-child > .dropdown-menu > li > a {

  white-space: inherit;

}

/*==========================================================

  Navbar Responsive Settings - Added via Update v1.2.

=========================================================== */

@media (max-width: 1100px) {

  .navbar .navbar-right:last-child {

    margin-right: 5px;

  }

  .navbar .navbar-right > li:last-child > a > img {

    margin-right: 5px !important;

  }

  .navbar .navbar-right > li:last-child > a > span {

     display: inline-block !important;

  }

  .navbar .navbar-right > li:last-child > a > span.caret {

    display: inline-block;

  }

  .navbar-form.navbar-search {

    padding: 21px 6px 19px;

    margin: 0;

    cursor: pointer;

    width: auto;

    float: left;

  }

  .navbar-form.navbar-search .form-group {

    margin: 0 !important;

  }

  .navbar-form.navbar-search:after {

    content: "\f02e";

    position: relative;

    font: normal normal 16px octicons;

    line-height: 1;

    display: inline-block;

    text-decoration: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }

  .navbar-form.navbar-search input {

    opacity: 0;

    z-index: -1;

    visibility: hidden;

    position: absolute;

    top: -60px;

    left: 0;

    width: 100%;

    height: 60px;

    margin: 0;

    font-size: 24px;

    color: #AAA;

    border-radius: 0;

    border: 0;

    text-align: center;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  .navbar-form.navbar-search input:focus,

  .navbar.bg-light .navbar-form.navbar-search input:focus {

    background-color: #FFF;

  }

  .navbar-form.navbar-search.search-open input {

    z-index: 1040;

    opacity: 1 !important;

    visibility: visible;

    top: 0;

    color: #666 !important;

    border-bottom: 0;

    background-color: #FFF !important;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02) !important;

    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02) !important;

  }

  .navbar-form.navbar-search.search-open input:focus {

    border-bottom-color: #DDD;

  }

  .navbar-form.navbar-search .search-remove {

    display: none;

    z-index: 1040;

    position: absolute;

    color: #AAA;

    top: 0;

    right: 0;

    height: 60px;

    line-height: 59px;

    padding-left: 15px;

    padding-right: 25px;

  }

  .navbar-form.navbar-search .search-remove:after {


    position: relative;

    content: "\e014";

    font-family: 'Glyphicons Halflings';

    text-align: center;

    font-size: 20px;

  }

  .navbar-form.navbar-search.search-open .search-remove:hover {

    color: #e67d6c;

  }

}

/* Force Navbar Dropdowns to float and

 * to occupy 100% width at low resolutions 


 */

@media (max-width: 599px) {

  .sb-l-m .navbar > .navbar-right,


  .navbar .navbar-nav > li.dropdown,


  .navbar .navbar-nav > li.dropdown .navbar-btn {

    position: static !important;

  }

  .navbar .navbar-right:last-child {

    margin-right: 0;

  }

  .navbar .nav > li.dropdown.open .dropdown-menu:after,

  .navbar .nav > li.dropdown > .open .dropdown-menu:after {

    display: none;

  }

  .navbar-left .dropdown-menu,

  .navbar-right .dropdown-menu,

  .navbar-left .open .dropdown-menu,

  .navbar-right .open .dropdown-menu {

    z-index: 1000;

    margin-top: 0 !important;

    float: left;

    position: absolute;

    top: 100%;

    left: -1px;

    min-width: 101%;

    list-style: none;

    background-color: #FFF;

    border: 1px solid rgba(0, 0, 0, 0.15);

    background-clip: padding-box;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  }

  #user-status + .btn-group .multiselect-container.dropdown-menu,

  #user-role + .btn-group .multiselect-container.dropdown-menu {

    top: 34px !important;

    position: absolute !important;

    right: 0;

    left: auto;

  }

}

/*==========================================================

  Widget Modifications for Navbar Dropdown Use

=========================================================== */

/* Timeline Widget */

.navbar .nav > li.dropdown .timeline-list li.timeline-item {

  padding: 18px 70px 18px 45px;

}

.navbar .nav > li.dropdown .timeline-list li.timeline-item .timeline-icon {

  left: 9px;

  top: 12px;

}

.navbar .nav > li.dropdown .timeline-list li.timeline-item:after {

  left: 21px;

  top: 0;

}

.navbar .nav > li.dropdown .timeline-list li.timeline-item .timeline-desc {

  letter-spacing: 0;

}

.navbar .nav > li.dropdown .timeline-list li.timeline-item .timeline-date {

  font-size: 11px;

  right: 8px;

  top: 17px;

}

/* Chat Widget */

.navbar .nav > li.dropdown .chat-widget .media-left {

  padding-right: 10px;

}

.navbar .nav > li.dropdown .chat-widget .media-right {

  padding-left: 10px;

}

.navbar .nav > li.dropdown .chat-widget .media-left img,

.navbar .nav > li.dropdown .chat-widget .media-right img {

  max-width: 35px;

  border-radius: 2px;

  border: 0;

}

.navbar .nav > li.dropdown .chat-widget .media-body {

  padding: 5px;

  background-color: #fafafa;

}

.navbar .nav > li.dropdown .chat-widget .media-status:after {

  font-size: 9px;

}

/* Alerts Widget */

.navbar .nav > li.dropdown .alerts-widget .media {

  position: relative;

}

.navbar .nav > li.dropdown .alerts-widget .media-left {

  vertical-align: middle;

  padding-right: 11px;

  border-right: 1px dashed #DDD;

}

.navbar .nav > li.dropdown .alerts-widget a.media-left {

  color: #AAA;

  font-size: 18px;

}

.navbar .nav > li.dropdown .alerts-widget .media-body {

  font-size: 12px;

  font-weight: 400;

  padding-left: 13px;

}

.navbar .nav > li.dropdown .alerts-widget .media-heading {

  margin-bottom: 3px;

}


.navbar .nav > li.dropdown .alerts-widget .media-right {

  position: absolute;

  right: 0;

  top: -3px;

  text-align: right;

}

.navbar .nav > li.dropdown .alerts-widget .media-right .btn.btn-xs {

  font-size: 11px;

  padding: 0px 5px;

}

.navbar .nav > li.dropdown .alerts-widget .media-right .media-response {

  font-size: 10px;

  font-weight: 400;

  margin-bottom: 2px;

}

.navbar .nav > li.dropdown .alerts-widget .media-right .media-response.single {

  font-size: 11px;

  padding-top: 10px;

}

/* ==============================================

   Content Trays


     A. Trays

     B. Tray Sizes

     C. Tray Bin

     D. Misc Tray Helpers

     E. Tray Navigation

     F. Tray Hover Settings

=================================================

   A. Content Trays

================================================= */

/*tray table layout*/

#content.table-layout {

  padding: 0;

}

#content.table-layout > div,

#content.table-layout > section {

  vertical-align: top;

  padding: 25px 20px 50px;

}

#content.table-layout > aside {

  vertical-align: top;

}

/*trays*/

.tray-left,

.tray-right {

  position: relative;

  width: 250px;

  min-height: 100%;

  padding: 15px;

  border-right: 1px solid #DDD;

  background: #f5f5f5;

}

/*Right tray*/

.tray-right {

  border-left: 1px solid #DDD;

  border-right: 0;

}

/*Top tray*/

.tray-top {

  position: relative;

  width: 100%;

  min-height: 150px;

  border-bottom: 1px solid #DDD;

  background-color: #f2f2f2;

  padding: 15px;

}

.tray-top.light {

  background-color: #fafafa;

}

/*===============================================

   B. Tray Sizes

================================================= */

.tray200 {

  width: 200px;

}

.tray240 {

  width: 240px;

}

.tray270 {

  width: 270px;

}

.tray290 {

  width: 290px;

}

.tray300 {

  width: 300px;

}

.tray320 {

  width: 320px;

}

.tray350 {

  width: 350px;

}

.tray400 {

  width: 400px;

}

/* affixed tray widths - we subtract 1px to make

 * sure the parent left/right border is display */

.tray200 .tray-nav.affix {

  width: 199px;

}

.tray200 .tray-nav.affix {

  width: 239px;

}

.tray270 .tray-nav.affix {

  width: 269px;

}

.tray290 .tray-nav.affix {

  width: 289px;

}

.tray300 .tray-nav.affix {

  width: 299px;

}

.tray320 .tray-nav.affix {

  width: 319px;

}

.tray350 .tray-nav.affix {

  width: 349px;

}

.tray400 .tray-nav.affix {

  width: 399px;

}

/*===============================================

   C. Tray Bin

================================================= */

/* tray bin - great for organizing buttons and links

 * negative margin added to counter parent tray padding

 */

.tray-bin {

  min-height: 65px;

  padding: 7px;

  margin: 0 -15px 15px;

  border: 1px dashed #CCC;

  background: #eee;

}

.tray-bin.stretch {

  border-left: 0;

  border-right: 0;

}

/*If navbar has a contextual bg we make menu links white*/

.tray-bin div[class*='col-'] {

  padding-left: 5px;

  padding-right: 5px;

}

/*traybin divider text. Used primarily in li navs*/

.tray-bin .nav-label {

  text-align: center;

  font-size: 12px;

  color: #999999;

  padding-left: 5px;

  margin-top: 20px;

  margin-bottom: 10px;

}

/*===============================================

   D. Misc Tray Helpers

================================================= */

/* often used as first title in tray */

.tray-title {

  margin-top: 10px;

  margin-bottom: 15px;

  padding: 0 5px 15px;

  border-bottom: 1px solid #e5e5e5;

}

/* Icon list commonly seen in tray header */

.icon-list {

  margin: 20px 0 30px;

  font-size: 14px;

  padding-left: 5px;

  list-style: none;

}

.icon-list li + li {

  padding-top: 10px;

}

/*===============================================

   E. Tray Navigation


================================================= */

/* tray navigation - negative margin added

 * to counter parent tray padding

 */

ul.tray-nav {

  margin: 15px -15px;

}

/* item link */

ul.tray-nav li a {

  width: 100%;

  padding: 11px 15px 11px 30px;

  color: #999;

  font-size: 13px;

  background: #f2f2f2;

  border-top: 1px solid #DDD;

}

/* item icon */

ul.tray-nav li a .fa {

  padding-right: 18px;


}

/* active item  */

ul.tray-nav li.active a {


  color: #666;

  background: #fbfbfb;

  transition: all 0.3s ease;

}

/* active item icon */

ul.tray-nav li.active a .fa {

  color: #3498db;

}

/*Tray nav style option - Arrow*/


/* active item bottom border */

ul.tray-nav.tray-nav-arrow li.active:before {

  content: "";

  position: absolute;

  height: 100%;


  width: 100%;

  z-index: 1;

  top: 1px;

  left: 0;


  border-bottom: 1px solid #DDD;

}

ul.tray-nav.tray-nav-arrow li.active a:before,

ul.tray-nav.tray-nav-arrow li.active a:after {

  content: "";

  position: absolute;

  top: 0;

  left: 100%;

  display: inline-block;

  width: 0;

  height: 0;

  vertical-align: middle;

  border-left: 20px solid;

  border-left-color: #fbfbfb;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

  transition: all 0.3s ease;

}

ul.tray-nav.tray-nav-arrow li.active a:before {

  border-left-color: #888;

}

/* item hover */

ul.tray-nav.tray-nav-arrow li:hover a:after {

  border-left-color: #f8f8f8;

}

/*settings for arrows when used on a right aligned tray (.tray-right)*/

/* active item bottom border */

.tray-right ul.tray-nav.tray-nav-arrow li.active:before {

  width: 100%;

  left: auto;

  right: 0;

}

.tray-right ul.tray-nav.tray-nav-arrow li.active a:before,

.tray-right ul.tray-nav.tray-nav-arrow li.active a:after {

  left: auto;

  right: 100%;

  border-right: 20px solid;

  border-left-color: transparent;

  border-right-color: #fbfbfb;

}

.tray-right ul.tray-nav.tray-nav-arrow li.active a:before {

  border-left-color: transparent;

  border-right-color: #888;

}

/* item hover */

.tray-right ul.tray-nav.tray-nav-arrow li:hover a:after {

  border-left-color: transparent;

  border-right-color: #f8f8f8;

}

/*Tray nav style option - Bordered*/

.tray-nav.tray-nav-border li {

  position: relative;

}

.tray-nav.tray-nav-border li a {

  font-size: 14px;

  padding: 12px 15px 12px 23px;

}

.tray-nav.tray-nav-border li:after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 3px;

  background: #CCC;

}

.tray-nav.tray-nav-border li.active:after {

  background: #3498db;

}

.tray-nav.tray-nav-border li:hover:after {

  background: #999;

}

/*modifcation for right side trays (.tray-right)*/

.tray-right .tray-nav.tray-nav-border li:after {

  left: 0;

  right: auto;

}

/*border skin contextuals*/

.tray-nav.tray-nav-border li.active.nav-primary:after {

  background: #3498db;

}

.tray-nav.tray-nav-border li.active.nav-success:after {

  background: #70ca63;

}

.tray-nav.tray-nav-border li.active.nav-info:after {

  background: #3bafda;

}

.tray-nav.tray-nav-border li.active.nav-warning:after {

  background: #f6bb42;

}

.tray-nav.tray-nav-border li.active.nav-danger:after {

  background: #df5640;

}

.tray-nav.tray-nav-border li.active.nav-alert:after {

  background: #967adc;

}

.tray-nav.tray-nav-border li.active.nav-system:after {

  background: #37bc9b;

}

.tray-nav.tray-nav-border li.active.nav-dark:after {

  background: #3b3f4f;

}

/* Tray elements fixed settings */

.tray-nav.affix,

.tray .tray-affix {

  top: 55px;

}

#topbar.affix + #content .tray-nav.affix,

#topbar.affix + #content .tray .tray-affix {

  top: 115px;

}


/* tray-nav animation helper class */


.tray-nav[data-nav-animate] li {

  display: none;

}

.tray-nav[data-nav-animate] li.animated {

  display: block;

}


/*===============================================

   F. Tray Hover Settings



   At <1000 window width javascript will add a 

   "tray-rescale" class to the document body. This

   will shift the menu over out of sight and

   expand it only when the user hovers over the 

   portion that's still visible

================================================= */

body.tray-rescale {

  overflow-x: hidden;

}


body.tray-rescale.sb-r-o .tray-center {

  padding-right: 20px !important;

}

body.tray-rescale.sb-r-o .tray-left,

body.tray-rescale.sb-r-o .tray-right {

  display: none;

}

body.tray-rescale .tray-left,

body.tray-rescale .tray-right {

  position: absolute;

  z-index: 1;

  opacity: 0.5;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}


body.tray-rescale .tray-left,

body.tray-rescale .tray-right {

  right: -275px;

}

body.tray-rescale .tray-left {

  border-left: 1px solid #DDD;

}

/* adjust center tray to fill window width add needed

 padding to offset the partially hidden tray */

body.tray-rescale .tray-center {

  width: 100%;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  padding-right: 58px !important;

}

body.tray-rescale .tray-top + .tray-center {

  padding-right: inherit !important;

}

/* adjust depending on tray size */

body.tray-rescale .tray.tray200 {

  right: -155px;

}

body.tray-rescale .tray.tray225 {

  right: -180px;

}

body.tray-rescale .tray.tray250 {

  right: -205px;

}

body.tray-rescale .tray.tray270 {

  right: -225px;

}

body.tray-rescale .tray.tray290 {

  right: -245px;

}

body.tray-rescale .tray.tray300 {

  right: -255px;

}

body.tray-rescale .tray.tray320 {

  right: -275px;

}

body.tray-rescale .tray.tray350 {

  right: -305px;

}

body.tray-rescale .tray.tray400 {

  right: -355px;

}

/* on hover open the menus */

body.tray-rescale .tray-left:hover,

body.tray-rescale .tray-right:hover {

  opacity: 1;

  z-index: 999;

}

body.tray-rescale .tray-left:hover,

body.tray-rescale .tray-right:hover {

  right: 0px;

}

/* adjust any bootstrap affix settings if they exist */

/* Disable completely on resolutions <600 */

@media (max-width: 600px) {

  body.tray-rescale .tray-left,

  body.tray-rescale .tray-right {

    display: none;

  }

  body.tray-rescale .tray-center {

    padding-right: 13px !important;

  }

  body.tray-rescale #content.table-layout > div,

  body.tray-rescale #content.table-layout > section {

    padding: 10px 13px 40px !important;

  }

}

/* ==============================================

   LEFT SIDEBAR

    A. Sidebar Default/Open State

    B. Sidebar Active Item Borders

    C. Sidebar Misc Elements

    D. Sidebar Widgets/Menus

    E. Sidebar Minified State

    F. Sidebar Default Color Settings

    G. Sidebar Light Color Settings

    H. Sidebar Nano Plugin Settings

    I. Sidebar Responsive Settings

=================================================

  A. Default Open State

================================================= */

/* Sidebar Container */

#sidebar_left {

color: #fff;

font-size: 13px;

position: absolute;

top: 0;

left: 0;

width: 250px;

min-height: 100%;

/* padding-top: 60px; */

/* padding-bottom: 40px; */
}

/* Sidebar Content Container */

.sidebar-left-content {

  height: 100%;

}

/* Sidebar-Menu */

.sidebar-menu {

padding-bottom: 20px;

background-color: #12110f;
}

/* Sidebar-Menu Top Level Items */

.sidebar-menu > li {

margin: 0;

border-bottom: 1px solid #b3a06a;

/* border-top: 1px solid #343e48; */
}

.sidebar-menu > li:first-child {

padding-top: 4px;
}

/* Sidebar Menu Links */

/* Sidebar-Menu Top Level Links */


.sidebar-menu > li > a {

padding: 0;

line-height: 48px;

height: 48px;

o;
}

/* Sidebar-Menu Top Level - Icon */

.sidebar-menu > li > a > span:nth-child(1) {

float: left;

top: 0;

line-height: 48px;

width: 38px;

font-size: 13px;

text-align: center;

padding-left: 13px;
}

/* Sidebar-Menu Top Level - Title */

.sidebar-menu > li > a > span:nth-child(2) {

  font-weight: 100;

  padding-left: 6px;

}

/* Sidebar-Menu Top Level - Tray(holds labels,etc) */

.sidebar-menu li > a > .sidebar-title-tray {

  position: absolute;

  right:0px;

  top: -2px;

}

/* Sidebar-Menu Top Level - Label */

.sidebar-menu li > a > .sidebar-title-tray .label {

  font-size: 11px;

  padding: .1em .6em .3em;

}


/* Sidebar-Menu Top Level - Caret */

.sidebar-menu li > a > span.caret {

  position: absolute;

  top: 45%;

  right: 0px;

  border-top: 5px solid;

  border-right: 5px solid transparent;

  border-left: 5px solid transparent;

}

/* Open Menu Item Caret - we simply flip the carets border */

.sidebar-menu li > a.menu-open > span.caret {

  border-top: 0;

  border-bottom: 5px solid;

}

/* Sidebar-Menu Sub Level */

.sidebar-menu > li > ul {

  clear: both;

  display: none;

  width: 250px;

  height: auto;

}

.sidebar-menu li > a.menu-open + ul {

  display: block;

}

/* Sidebar-Menu Sub Level Items */

.sidebar-menu > li > ul > li > a {

  padding: 11px 20px 11px 30px;

}

/* Sidebar-Menu Sub Level - first and last items */

.sidebar-menu > li > ul > li:first-child > a {

  padding-top: 14px;

}

.sidebar-menu > li > ul > li:last-child > a {

  padding-bottom: 17px;

}

/* Sidebar-Menu Sub Level Item - Title */

.sidebar-menu > li > ul > li > a > span:nth-child(1) {

  margin-right: 10px;

  font-size: 11px;

}

/* Sidebar-Menu Sub Level Item - Label */

.sidebar-menu > li > ul > li > a > span.label {

  float: right;

  line-height: 17px;

}

/* Sidebar-Menu Multi-level (submenu inside a submenu and so on) */

.sidebar-menu > li > ul > li ul {

  clear: both;

  display: none;

  width: 250px;

  height: auto;

}

/* Sidebar-Menu Multi-level - Links */

.sidebar-menu > li > ul > li > ul li a {

  padding: 9px 20px 9px 50px;

}

.sidebar-menu > li > ul > li > ul li:last-child a {

  padding-bottom: 13px;

}

/* Sidebar-Menu Multi-level - Label(xs) */

.sidebar-menu > li > ul > li > ul li a .label.label-xs {

  float: right;

  line-height: 17px;

}

/*===============================================

  B. Sidebar-Menu Active Item Borders

================================================= */

/* Top Level - Active Item Border */

.sidebar-menu > li > a.menu-open:after,

.sidebar-menu > li.active > a:after,

.sidebar-menu > li:hover > a:after,

.sidebar-menu > li:focus > a:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 3px;

  background: #AAA;

}

/* Sub Level - Active Item Border */

.sidebar-menu > li > ul > li > a.menu-open:after,

.sidebar-menu > li > ul > li.active > a:after,

.sidebar-menu > li > ul > li:hover > a:after,

.sidebar-menu > li > ul > li:focus > a:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 3px;

  background: #AAA;

}

/* Multi Level - Active Item Border */

.sidebar-menu > li > ul > li > ul > li.active > a:after,

.sidebar-menu > li > ul > li > ul > li:hover > a:after,

.sidebar-menu > li > ul > li > ul > li:focus > a:after {

  content: "";

  position: absolute;

  left: 0;

  top: 5%;

  height: 90%;

  width: 3px;

  background: #999;

}

/*===============================================

  C. Sidebar Misc

================================================= */

/* Sidebar labels */

.sidebar-menu .sidebar-label {


  text-transform: uppercase;

  color: #70829a;

  font-weight: 600;


  padding-left: 18px;

  padding-bottom: 3px;

  font-size: 12px;

}

/* Sidebar Project Links */

/* Sidebar Progress Bars */


.sidebar-menu .sidebar-stat .progress {

  clear: both;

  background-color: #AAA;

  background-color: rgba(0, 0, 0, 0.15);

}

/* Sidebar Progress Bars Titles */

.sidebar-menu .sidebar-stat > a {

  height: auto;

  overflow: visible;

}

/* Sidebar Toggle Button */

.sidebar-toggle-mini {

  width: 35px;


  height: 32px;

  padding: 7px 0;


}

.sidebar-toggle-mini a {

  position: absolute;


  right: 0;

  display: block;

  text-align: center;

  padding: 6px 6px 5px;

  background-color: rgba(0, 0, 0, 0.15);

}

.sidebar-toggle-mini:hover span {

  color: #DDD;

  transition: all ease-in-out 0.3s;

}

.sidebar-toggle-mini span {

  position: relative;

  color: #888;

  font-size: 16px;

  transform: rotate(180deg);

}

.sidebar-menu li > a > span.caret,

.sidebar-menu li > a.menu-open > span.caret {

color: inherit;

width: 20px;

height: 20px;

top: 0;

margin: 0;

border: 0;

right: 20px;
}

.sidebar-menu li > a > span.caret:after {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 20px;
  display: inline-block;
  padding-right: 3px;
  float: right;
  right: 0;
}

.sidebar-menu li > a.menu-open > span.caret:after {

      content: "\f0d9";

}

.sidebar-menu li > ul > li > a > span.caret,

.sidebar-menu li > ul > li > a.menu-open > span.caret {

  top: 11px;

}

/*===============================================

  D. Sidebar Widgets/Menus

================================================= */

/* Widget Wrapper */

.sidebar-widget {

  position: relative;

  padding: 8px 13px;

  height: 51px;

  /* Author Widget */

  /* Menu Widget - A Slide-Down Menu. Hidden by default */

}

.sidebar-widget + .sidebar-widget {

  margin-top: 15px;

}

.sidebar-widget.author-widget {

  margin-top: 15px;

}

.sidebar-widget.author-widget .media-left img {

  max-width: 40px;

  border: 2px solid #888;

  border-radius: 50%;

}

.sidebar-widget.author-widget .media-links a {

  display: inline-block;

  margin-top: 2px;

  margin-bottom: 2px;

  color: #AAA;

  font-size: 12px;

  text-decoration: none;

}

.sidebar-widget.author-widget .media-links a:hover {

  color: #FFF;

}

.sidebar-widget.author-widget .media-body {

  padding-left: 3px;

  color: #FFF;

}

.sidebar-widget.author-widget.menu-widget-open .media-links a.sidebar-menu-toggle {

  color: #FFF;

}

.sidebar-widget.menu-widget {

  display: none;

  position: relative;

  left: 0;

  top: 0;

  height: 130px;

  width: 100%;

  padding: 10px;

  background-color: #454241;

  border-top: 1px solid #403d3c;

  border-bottom: 1px solid #403d3c;

  /* Menu Links */

  /* Menu Title(hidden) */

  /* Menu Icons */

}

.sidebar-widget.menu-widget a {

  position: relative;

  display: block;

  padding: 12px 5px 12px;

  margin-bottom: 3px;

  transition: all 0.2s ease;

}

.sidebar-widget.menu-widget a:hover {

  background-color: rgba(255, 255, 255, 0.1);

}

.sidebar-widget.menu-widget a h5 {

  display: none;

}

.sidebar-widget.menu-widget a span {

  color: #dddddd;

  font-size: 24px;

  transition: all 0.3s ease;

}

.sidebar-widget.menu-widget a:hover span {

  color: #f6bb42;

}

.sidebar-widget.search-widget {

  height: 44px;

  background-color: #454241;

  border-top: 1px solid #403d3c;

  border-bottom: 1px solid #403d3c;

}

.sidebar-widget.search-widget input,

.sidebar-widget.search-widget .input-group-addon {

  height: 26px;

  padding: 5px;

  font-size: 14px;

  color: #908885;

  border-color: transparent;

  background-color: transparent;

}

.sidebar-widget.search-widget input {

  padding-left: 0px;

  border-left: 0;

}

body.sb-l-m .author-widget .media-body,


body.sb-l-m .author-widget .media-heading {

  display: none;

}

body.sb-l-m .author-widget .media-left img {

  max-width: 30px;

}

@media (max-width: 900px) {

  body.sb-l-m .author-widget {

    padding: 8px 7px;

  }

}

/*====================================================

  E. Sidebar Minified State

====================================================== */

/* Sidebar Minified State */

body.sb-l-m #sidebar_left {

  z-index: 1028;

  overflow: visible;


  width: 60px;

  height: 100%;

  left: 0;

  background-color: #2e363f;

}

body.sb-l-m #sidebar_left:before {

  width: 60px;

}

/* Hide Multiple Sidebar Elements */

body.sb-l-m .sidebar-header,

body.sb-l-m #sidebar_left .sidebar-title,

body.sb-l-m #sidebar_left .sidebar-label,

body.sb-l-m #sidebar_left .sidebar-title-tray,

body.sb-l-m #sidebar_left .caret,

body.sb-l-m #sidebar_left .sidebar-proj,

body.sb-l-m #sidebar_left .sidebar-stat {

  display: none;

}

/* Only Icon is showing - Modify Padding to fit */

body.sb-l-m .sidebar-menu > li {

  padding: 7px 0;

}

/* Menu will be converted to on:hover - It requires overflow */

body.sb-l-m .sidebar-menu > li > a {

  overflow: visible;

}

/* Sidebar-Menu Top Level - Icon */

body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) {

  color: #ccc;

  left: -1px;

  width: 60px;

  font-size: 18px;

  padding-left: 0;

}

/* Sidebar-Menu Top Level - Title */

body.sb-l-m .sidebar-menu > li > a > .sidebar-title {

  position: absolute;

  left: 60px;

  top: -4px;

  width: 180px;

  height: 44px;

  line-height: 44px;

  font-size: 14px;

  padding-left: 15px;

  border-left: 1px solid #222;

  background-color: transparent;

}

/* Menus have been converted to show only on:hover. Hide by default */

body.sb-l-m .sidebar-menu > li > a.menu-open + ul {

  display: none;

}

/* Menus have been converted. We display them on:hover */

body.sb-l-m .sidebar-menu > li.hover > a + ul,

body.sb-l-m .sidebar-menu > li.hover > a > .sidebar-title,

body.sb-l-m .sidebar-menu > li.hover > ul .caret {

  display: block !important;

}

/* Sidebar-Menu Sub Level */

body.sb-l-m .sidebar-menu > li > ul {

  position: absolute;

  left: 60px;

  top: 38px;

  width: 180px;

  height: auto;

  border-left: 1px solid #222;

  padding-bottom: 7px;

  overflow: hidden;

}

/* Sidebar-Menu Multi Level */

body.sb-l-m .sidebar-menu > li > ul > li {

  overflow: hidden;

}

body.sb-l-m .sidebar-menu > li > ul > li ul {

  width: 180px;

}

/* Sidebar-Menu Sub Level - Link Padding */

body.sb-l-m .sidebar-menu li > ul > li > a {

  padding: 8px 15px 8px 15px;

}

/* Sidebar-Menu Multi Level - Link Padding */

body.sb-l-m .sidebar-menu li > ul > li > ul > li a {

  padding: 8px 15px 8px 20px;

}

/* Adjust Primary Content Container - Sidebar Minified */

body.sb-l-m #content_wrapper {

  margin-left: 60px;

}

/* Primary Content Container - Sidebar Hidden */

body.sb-l-c.sb-l-m #content_wrapper {

  margin-left: 0;

}

/* Adjust Navbar Logo/Branding - Sidebar Minified */

body.sb-l-m .navbar-branding {

width: 60px;

display: none;
}

/* Adjust Navbar Logo/Branding - Sidebar Hidden */

body.sb-l-m .navbar-brand {

  display: none;

}

/*=======================================================

  F. Sidebar Default Color Settings

========================================================= */

/* Sidebar Container */

#sidebar_left {

  background-color: #2e363f;  

}

/* Menu Item - Label Color */

.sidebar-menu .sidebar-label {

  color: #908885;

}

/* Menu item Caret */

.sidebar-menu li > a > span.caret {

  color: #858483;

}



/* Open Menu item Caret */

.sidebar-menu li > a.menu-open > span.caret {

  color: #ffffff;

}

/* Top Level Menu Item - Text Color */

.sidebar-menu > li > a {

  color: #ffffff;

}

/* Top Level Menu Item - BG Color:hover */

.sidebar-menu > li > a:hover,

.sidebar-menu > li > a:focus,

.sidebar-menu > li > a:active {

  color: inherit;

  background-color: transparent;background-color: #27a9e3;

}

/* Top Level Item - Border Color:hover */

.sidebar-menu > li:hover > a:after,

.sidebar-menu > li:focus > a:after {

  background: transparent;

}

/* Top Level Active Menu Item - BG Color */

.sidebar-menu > li.active > a {

/* background-color: transparent; */
}

/* Top Level Active Menu Item - Icon Color */

.sidebar-menu > li.active > a > span:nth-child(1) {

  color: #3498db;

}

/* Top Level Active Item - Border Color */

.sidebar-menu > li.active > a:after,

.sidebar-menu > li > a.menu-open:after {

background: transparent;
}


/* Sub-Menu Item - BG Color */

.sidebar-menu > li > ul {

  background-color: #172D44;

}

/* Sub-Menu Item - BG Color:hover */

.sidebar-menu > li > ul > li > a {


  color: #bbbbbb;


}

/* Sub-Menu Item - BG Color:hover */


.sidebar-menu > li > ul > li > a:hover,

.sidebar-menu > li > ul > li > a:focus {

  color: inherit;

  background-color: transparent;

}

/* Sub-Menu Item - Border Color:hover */

.sidebar-menu > li > ul > li:hover > a:after,

.sidebar-menu > li > ul > li:focus > a:after {

  background: #3498db;

}

/* Sub-Menu Active Item - BG Color */

.sidebar-menu > li > ul > li.active > a {

  background-color: transparent;

}

/* Sub-Menu Active Item - Icon Color */

.sidebar-menu > li > ul > li.active > a > span:nth-child(1),

.sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {

  color: #3498db;

}

/* Sub-Menu Active Item - Border Color */

.sidebar-menu > li > ul > li.active > a:after,

.sidebar-menu > li > ul > li > a.menu-open:after {

  background: #3498db;

}

/* Multi-Menu Item - BG Color */

.sidebar-menu > li > ul > li ul {

  background-color: transparent;

}

/* Multi-level Item - BG Color:hover */

.sidebar-menu > li > ul > li > ul > li > a {

  color: #bbbbbb;

}

/* Multi-level Item - BG Color:hover */

.sidebar-menu > li > ul > li > ul > li > a:hover,

.sidebar-menu > li > ul > li > ul > li > a:focus {

  color: inherit;

  background-color: transparent;

}

/* Multi-level Active Item - Border Color:hover */

.sidebar-menu > li > ul > li > ul > li:hover > a:after,

.sidebar-menu > li > ul > li > ul > li:focus > a:after {

  background: #967adc;

}

/* Multi-level Active Item - BG Color */

.sidebar-menu > li > ul > li > ul > li.active > a {

  background: transparent;

}

/* Multi-level Active Item - Icon Color */

.sidebar-menu > li > ul > li > ul > li.active > a > span:nth-child(1),

.sidebar-menu > li > ul > li > ul > li > a.menu-open > span:nth-child(1) {

  color: #ffffff;

}

/* Multi-level Active Item - Border Color */

.sidebar-menu > li > ul > li > ul > li.active > a:after {

  background: #967adc;

}

/* Minified Sidebar - Title */

body.sb-l-m .sidebar-menu > li > a > .sidebar-title {

  background-color: #2e363f;

}

/* Minified Sidebar - Active Icon */

body.sb-l-m .sidebar-menu > li.active > a > span:nth-child(1) {

  color: #3498db;

}

/*=======================================================

  G. Sidebar Light Color Settings

     Applied via class to "#sidebar" 

     eg: <aside id="sidebar_left" class="sidebar-light">

========================================================= */

#sidebar_left.sidebar-light {

color: #666;

background-color: #fafafa;

border-right: none;
}

#sidebar_left.sidebar-light .sidebar-menu .sidebar-label {

  color: #AAA;

  font-size: 11px;

  font-weight: 500;

}

#sidebar_left.sidebar-light .sidebar-menu li > a > span.caret {

color: #c3bd77;
}

#sidebar_left.sidebar-light .sidebar-menu li > a.menu-open > span.caret {

color: #fff;
}

#sidebar_left.sidebar-light .sidebar-menu > li a {

color: #8a714a;
}

#sidebar_left.sidebar-light .sidebar-menu > li > a:hover,

#sidebar_left.sidebar-light .sidebar-menu > li > a:focus,

#sidebar_left.sidebar-light .sidebar-menu > li > a:active {

background-color: rgba(255, 220, 114, 0.95);
}

#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(1) {

color: #b19461;
}

#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(2) {

color: #c9a063;

font-weight: 500;

letter-spacing: 0.4px;
}

#sidebar_left.sidebar-light .sidebar-menu > li.active > a > span:nth-child(1) {

/* color: #ffffff; */
}


#sidebar_left.sidebar-light .sidebar-menu > li > ul {


  background-color: #f2f2f2;

  box-shadow: 0 1px 0 #e5e5e5 inset, 0 -1px 0 #e5e5e5 inset;

}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a:hover,

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a:focus {

background-color: rgba(255, 255, 255, 0);
}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span:nth-child(1),

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) {

  color: #3498db;

}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li ul {

  background-color: #eaeaea;

  box-shadow: 0 1px 0 #d9d9d9 inset, 0 -1px 0 #d9d9d9 inset;

}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a:hover,

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a:focus {

  background-color: transparent;

}

#sidebar_left.sidebar-light .sidebar-menu > li > a.menu-open:after,

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open:after {

background: transparent;
}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open:after,

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a.menu-open:after {

  background: #3bafda;

}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li.active > a:after,

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li:hover > a:after,

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li:focus > a:after {

  background: #f6bb42;

}

#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span.caret {

  color: #AAA;

}

#sidebar_left.sidebar-light .sidebar-menu .sidebar-stat .progress {

  background-color: #ddd;

}

#sidebar_left.sidebar-light .sidebar-toggle-mini a {

background-color: #272522;

border-color: #eaeaea;
}

#sidebar_left.sidebar-light.light {

background-color: #12110f;
}

#sidebar_left.sidebar-light.light .sidebar-menu > li > ul {

background-color: #ffffff;
}

#sidebar_left.sidebar-light.light .sidebar-menu > li > ul > li ul {

  background-color: #f5f5f5;

}

#sidebar_left.sidebar-light .sidebar-widget.author-widget .media-body {

  color: #666;

}

#sidebar_left.sidebar-light .sidebar-widget.author-widget .media-links a {

  color: #999;

}

#sidebar_left.sidebar-light .sidebar-widget.author-widget .media-links a:hover {

  color: #555;

}

#sidebar_left.sidebar-light .sidebar-widget.author-widget.menu-widget-open .media-links a.sidebar-menu-toggle {

  color: #555;

}

#sidebar_left.sidebar-light .sidebar-widget.menu-widget {

  background-color: #f2f2f2;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea;

}

#sidebar_left.sidebar-light .sidebar-widget.menu-widget a span {

  color: #777;

}

#sidebar_left.sidebar-light .sidebar-widget.search-widget {

  background-color: #f2f2f2;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea;

}

body.sb-l-m #sidebar_left.sidebar-light {

  background-color: #FAFAFA;

}

body.sb-l-m #sidebar_left.sidebar-light.light {

background-color: rgb(18, 17, 15);

top: 0px;

z-index: 111;
}

body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title,

body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > ul {

  border: 1px solid #DDD;

  border-top: 0;

  background-color: #f8f8f8;

  left: 59px;

  box-shadow: none;

}

body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title {

border-top: 1px solid #DDD;

color: #355ea6;
}

/*==================================================

  H. Sidebar "Nano Scroller" Settings (Core Plugin)

==================================================== */

#sidebar_left.nano > .nano-content {

padding-top: 240px;
}

#sidebar_left.affix.nano .tooltip {


  z-index: 9999 !important;

}

/* If the sidebar is minified we disable nanoscroll via css

 * otherwise nano scroll hides popout menus and the scroll is

 * needed to see submenus with many items */

body.sb-l-m #sidebar_left.nano {

/* position: absolute; */
}

body.sb-l-m #sidebar_left.nano > .nano-content {

overflow: visible;

right: 0 !important;

padding-top: 0px;
}

/* If the sidebar is minified and in mobile mode we hard disable

 * the entire plugin via a display !important */

body.sb-l-m.mobile-view .nano > .nano-pane {

  display: none !important;


}
body.sb-l-m .navbar {
    margin-left: 57px;
}
/*==========================================================

  I. Sidebar Responsive Settings - Added via Update v1.2.

     If window <900px create even smaller minified sidebar

=========================================================== */

@media (max-width: 900px) {

  /* Sidebar Minified State */

  body.sb-l-m #sidebar_left {

    width: 45px;

  }
body.sb-l-m .navbar{ margin-left:45px; }
  body.sb-l-m #sidebar_left:before {

    width: 45px;

  }

  /* Sidebar-menu Top Level - Icon */

  body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) {

    left: -1px;

    width: 45px;

    font-size: 18px;

  }

  /* Sidebar-menu Top Level - Title */

  body.sb-l-m .sidebar-menu > li > a > .sidebar-title {

    position: absolute;

    left: 45px;

    top: -4px;

    width: 180px;

    height: 44px;

    line-height: 44px;

    font-size: 14px;

    padding-left: 15px;

    border-left: 1px solid #222;

    background-color: #282d33;

  }

  /* Sidebar-menu Sub Level */

  body.sb-l-m .sidebar-menu > li > ul {

    position: absolute;

    left: 45px;

   top: 47px;

    width: 180px;

    height: auto;

    border-left: 1px solid #222;

    padding-bottom: 7px;

    overflow: hidden;

  }

  /* Sidebar-menu Multi Level */

  body.sb-l-m .sidebar-menu > li > ul > li ul {

    width: 180px;

  }

  /* Sidebar-menu Sub Level - Link Padding */

  body.sb-l-m .sidebar-menu li > ul > li > a {

    padding: 8px 20px 8px 20px;

  }

  /* Sidebar-menu Multi Level - Link Padding */

  body.sb-l-m .sidebar-menu li > ul > li > ul > li a {

    padding: 8px 20px 8px 35px;

  }

  /* Adjust Primary Content Container - Sidebar Minified */

  body.sb-l-m #content_wrapper {

    margin-left: 45px;

  }

  /* Adjust Primary Content Container - Sidebar Hidden */

  body.sb-l-c.sb-l-m #content_wrapper {

    margin-left: 0;

  }

  /* Adjust Navbar Logo/Branding - Hide Logo */

  body.sb-l-o .navbar-brand,

  body.sb-l-m .navbar-brand {

/* display: none; */

}

  /* Adjust Navbar Logo/Branding - Adjust Width */

  body.sb-l-o .navbar-branding,

  body.sb-l-m .navbar-branding {

/* max-width: 45px; */

margin-right: 5px;

}

  /* Adjust Navbar Toggle - Sidebar Open */

  body.sb-l-o .navbar #toggle_sidemenu_l {

    transform: rotate(90deg);

  }

  /* Adjust Navbar Toggle - Sidebar Minified */

  body.sb-l-o.sb-l-m .navbar #toggle_sidemenu_l {

transform: rotate(0deg);
}

  /* Adjust Navbar Toggle - Sidebar Open + Minified */

  body.sb-l-o .navbar #toggle_sidemenu_l,

  body.sb-l-m .navbar #toggle_sidemenu_l {

    width: 45px;

  }

  /* Hide sidebar user menu button when the sidebar is

    collapsed. As it's not accessible in this mode*/

  .sb-l-o .navbar .sidebar-menu-toggle,

  .sb-l-c .navbar .sidebar-menu-toggle {

    margin-left: 10px;

    display: none;

  }

  #toggle_sidemenu_r {

    margin-top: 4px;

  }

  body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title,

  body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > ul {

    left: 44px;

  }

}

/* ==============================================

   Right Sidebar

     A. Default Closed State

     B. Sidebar Right Panel Menu

     C. Nano Sidebar Scroller Settings

=================================================


  A. Default Closed State

================================================= */

#sidebar_right {

  position: fixed;

  width: 300px;


  height: 100%;

  top: 60px;

  right: -300px;

  border-left: 1px solid #ddd;

  background: #f8f8f8;

}

#sidebar_right .sidebar-right-header {

  width: 100%;

  height: 59px;

  padding: 4px 10px 4px 20px;

}

#sidebar_right .sidebar_right_content a:hover {


  text-decoration: none;

}

/*===============================================

   B. Sidebar Right Panel Menu

================================================= */

.title-divider {

  border-bottom: 1px solid #e8e8e8;

  padding: 0 5px 9px 5px;

}

#sidebar_right .panel {

  -webkit-box-shadow: none;

  box-shadow: none;

}

#sidebar_right .panel-heading {

  height: 51px;

  min-height: 51px;

  overflow: hidden;

}

#sidebar_right .panel-tabs li a {

  padding: 17px 18px;

  border-right: 1px solid transparent;

}

#sidebar_right .panel-tabs li:first-child a {

  border-left: 1px solid transparent;

}

/*===============================================

  C. Nano Sidebar Scroller Settings

================================================= */

#sidebar_right.nano > .nano-pane {

  background: rgba(0, 0, 0, 0.07);

}

#sidebar_right.nano > .nano-pane > .nano-slider {

  background: #444;

  background: #CCC;

}

/* ==============================================

    Sidebar Actions

     A. Sidebar Left Toggle

     B. Sidebar Right Toggle

     C. Left Sidebar Minified Helper

     D. Mobile Menu Modifications

=================================================

  A. Sidebar Left Toggle

================================================= */

/*left sidebar open*/

.sb-l-o #sidebar_left {

left: 0;

overflow: hidden;

/* top: 190px; */

z-index: 1111;
}

.sb-l-o #content_wrapper {

  margin-left: 250px;

}

/*left sidebar closed*/

.sb-l-c #sidebar_left {

  left: -250px;

  overflow: hidden;

}

.sb-l-c #content_wrapper {

  margin-left: 0;

}

/* Adjust navbar branding when closed */

.sb-l-c .navbar-branding {

  width: 60px;

}

.sb-l-c .navbar-brand {

  display: none;

}

/*====================================================

  B. Sidebar Right Toggle

====================================================== */

/*Sidebar Right Open */

.sb-r-o #sidebar_right {

  right: 0;

}

.sb-r-o #content_wrapper {

  margin-right: 300px;

}

/*Sidebar Right Closed*/

.sb-r-c #sidebar_right {

  right: -300px;

}

.sb-r-c #content_wrapper {

  margin-right: 0;

}

/*====================================================

  C. Left Sidebar Minified Helper

====================================================== */

.sb-l-c.sb-l-m #sidebar_left {

  left: -60px;

}

/*hide sidebar user menu button when the sidebar is

collapsed. As it's not accessible in this mode*/

.sb-l-m .navbar .sidebar-menu-toggle,

.sb-l-c .navbar .sidebar-menu-toggle {

  margin-left: 10px;

  display: none;

}

/*===============================================

  D. Mobile Menu Modifications

================================================= */

/* At less than 1100px we collapse any open sidebars via 

Media Queries. Theme Javscript will also add a a

".mobile-view" class so that you can do any needed 

manipulation using an html class aswell */

@media (max-width: 1100px) {

  /* Sidebar Left Open/Default */

  #content_wrapper,


  .sb-l-o #content_wrapper {

    margin-left: 0;

    left: 250px;

  }

  /* Sidebar Left Minified */


  .sb-l-m #content_wrapper {


    left: 0;

  }

  /* Sidebar Left Closed */

  .sb-l-c #content_wrapper {

    margin-left: 0;

    left: 0;

  }

  /* Sidebar Right Open */

  .sb-r-o #content_wrapper {

    margin-right: 0;

    left: -300px;

  }

}

/* ==============================================

   Topbar


     A. Topbar

     B. Topbar Dropdown Menu

     C. Topbar Alternate Style

     D. Topbar Navigation - List

     E. Topbar Responsive Settings

=================================================

  A. Topbar

================================================= */

#topbar {

  z-index: 2;

  position: relative;


  width: 100%;

  min-height: 51px;

  padding: 10px 21px;

  background: #fafafa;

  border-bottom: 1px solid #e0e0e0;

}

#topbar .topbar-right {

  float: right;

}

/* Topbar Breadcrumbs */

.breadcrumb {

  float: left;

  position: relative;

  padding: 1px 25px 0 0;

  margin-bottom: 0;

  font-size: 12px;

  border-radius: 0;

  background-color: transparent;

}

.breadcrumb > li {

  color: #888;

}

.breadcrumb > li.crumb-active > a {

  color: #555;

  font-size: 18px;

}

/*Toggle sidemenu button*/

#toggle_sidemenu_r i.fa,

#toggle_sidemenu_r span.glyphicon,

#toggle_sidemenu_r span.glyphicons {

  margin-top: 2px;

}

/* toggle sidemenu button (when menu is open) */

body.sb-r-o #toggle_sidemenu_r i.fa,

body.sb-r-o #toggle_sidemenu_r span.glyphicon,

body.sb-r-o #toggle_sidemenu_r span.glyphicons {

  -webkit-transform: scale(-1, 1);

  transform: scale(-1, 1);

  color: #999;

}

/* Toggle Right Sidebar - Badge */

.badge.badge-hero {

  position: relative;

  top: -12px;

  margin-left: -10px;

  padding: 2px 5px;

  font-size: 11px;

}

/*===============================================

   B. Topbar - Alternate Style

      Requires ".alt" class on #topbar

================================================= */

#topbar.alt {

  min-height: 70px;

  padding: 20px 22px;

  background: #e8e8e8;

  border-bottom: 1px solid #ddd;

}

#topbar.alt .breadcrumb {

  font-size: 14px;

}

/*===============================================

   C. Topbar Dropmenu

================================================= */

#topbar-dropmenu {

  z-index: 9999;

  overflow: hidden;

  display: none;

  position: relative;

  padding: 17px 20px 10px;

  height: auto;

  width: 100%;

  background: url("../../../img/patterns/topbar-bg.jpg") repeat -60px top;

  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset;

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset;

}

#topbar-dropmenu:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.4);

}

.topbar-menu .metro-tile {

  opacity: 0;

  display: block;

  color: #FFF;

  height: 95px;

  position: relative;

  padding: 15px 5px 0;

  margin-bottom: 8px;

  border-radius: 4px;

  text-align: center;

  background: rgba(255, 255, 255, 0.25);

  -webkit-transition: background 0.2s ease;

  transition: background 0.2s ease;

}

.topbar-menu .metro-tile:hover,

.topbar-menu .metro-tile:focus,

.topbar-menu .metro-tile:active {

  color: #fff;

  background: rgba(255, 255, 255, 0.4);

}

.topbar-menu .metro-tile span:first-child {

  font-size: 44px;

}

.topbar-menu .metro-tile .metro-title {

  position: absolute;

  bottom: 10px;

  left: 10px;

  font-size: 11px;

  font-weight: 600;

}

/* Topbar Menu Modal */

.metro-modal {

  z-index: 9998;

  cursor: pointer;

  position: fixed;

  display: none;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.6);

}

/* if topbar is fixed we force it relative upon topbar

 * dropmenu open as it will create scrolling problems */

#topbar-dropmenu.topbar-menu-open + #topbar.affix {

  position: relative !important;

  margin-left: auto !important;

}

/*===============================================

   D. Topbar Dropdown Menu - Alternate Style

      Requires ".alt" class on #topbar-dropmenu

      and bg classes on all ".metro-tiles"

================================================= */

#topbar-dropmenu.alt {

  z-index: 1025;

  padding: 17px 20px 10px;

  background: #DDD;

  border-bottom: 1px solid #ccc;

  box-shadow: none;

}

#topbar-dropmenu.alt:before {


  display: none;

}

#topbar-dropmenu.alt .topbar-menu > div {

  opacity: 0.85;

}

#topbar-dropmenu.alt .topbar-menu .metro-tile {

  opacity: 1;

  border: 1px solid rgba(0, 0, 0, 0.15);

}

#topbar-dropmenu.alt .topbar-menu .metro-tile:hover,

#topbar-dropmenu.alt .topbar-menu .metro-tile:focus,


#topbar-dropmenu.alt .topbar-menu .metro-tile:active {

  color: #fff;

  background: inherit;

}

#topbar-dropmenu.alt .topbar-menu .metro-tile .metro-title {

  bottom: 7px;

  font-size: 12px;

}

/*===============================================


   D. Topbar List Navigation

================================================= */

#topbar .nav.nav-list-topbar {

  margin: -10px 15px;

}

#topbar .nav.nav-list-topbar li a {

  padding: 16px 14px 12px;

}

#topbar .nav.nav-list-topbar li.active a {

  border-bottom: 3px solid #3498db;

}

/*===============================================

   E. Topbar Settings - Responsive

================================================= */

@media (max-width: 815px) {

  #topbar {

    padding: 10px 6px 10px 14px;

  }

  #topbar.alt {

    min-height: 40px;

    padding: 10px 6px 10px 14px;

  }

  #topbar .topbar-dropdown {

    display: none !important;

  }

}

@media (max-width: 700px) {

  #topbar .breadcrumb {

    padding-top: 3px;

    padding-left: 2px;

  }

  #topbar.alt .breadcrumb {

    padding-top: 5px;

  }

  #topbar .breadcrumb .crumb-active {

    display: none;

  }

  #topbar .breadcrumb > li.crumb-active + li:before {

    display: none;

  }

}

/* ==============================================

   Page Footer

================================================= */

#content-footer {

  color: #AAA;

  overflow: hidden;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 44px;

  padding: 12px 15px;

  background-color: #f8f8f8;

  border-top: 1px solid #DDD;

  -webkit-transition: margin 0.2s ease;

  transition: margin 0.2s ease;

}

#content-footer b {

  color: #888;

}

#content-footer .footer-meta {

  padding-right: 30px;

}

#content-footer .footer-return-top {

  text-align: center;

  position: absolute;

  top: -3px;

  right: 5px;

  width: 25px;

  height: 25px;

  background-color: #eaeaea;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

#content-footer .footer-return-top span {

  position: relative;

  top: 3px;

  color: #AAA;

  font-size: 12px;

  -webkit-transition: all 0.23s ease;

  transition: all 0.2s ease;

}

#content-footer .footer-return-top:hover {

  cursor: pointer;

  background-color: #e2e2e2;

}

#content-footer .footer-return-top:hover span {

  color: #666;

}

/* Fixed Setting */

#content-footer.affix {

  z-index: 1;

  position: fixed;

  margin-left: 250px;

}

/* Match Sidebar States */

body.sb-l-c #content-footer.affix {

  margin-left: 0;

}

body.sb-l-m #content-footer.affix {

  margin-left: 60px;

}

@media (max-width: 900px) {

  body.sb-l-m #content-footer.affix {

    margin-left: 45px;

  }

}

/* ================================================


   PAGES - In Order

      A. UI Animations Page

    B. FAQ Page

    C. Gallery.html

    D. Calendar.html

    E. Message Pages

    F. Editors.html

    G. External Pages

    H. Invoice.html

    I. Timeline.html

    J. Map Pages


    K. Profile.html

    L. Error Pages

    M. Ecommerce Pages // Added update v1.3

    N. Search Result Page // Added update v1.4



 * This file is reserved for changes done on

 * a per-page basis. To create independent

 * page layouts an additional class was added 

 * to the pages body. For example ui-animations.html

 * has an extra body class of ".ui-animations-page"

 

 * Note: Pages not listed here were made using

 * 100% reusable styles placed in theme.css


=================================================

  A. UI Animations Page

================================================= */

body.ui-animations-page #mac_wire {

  margin-top: 2.5%;

  margin-left: 3.5%;

  position: fixed;

  max-width: 440px;

}

body.ui-animations-page.svg-fill #mac_wire svg path:first-child {

  fill-opacity: 1;


  fill: #ccc;

  stroke: #999;

  stroke-width: 1px;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

}


body.ui-animations-page.svg-fill #mac_wire svg path:last-child {


  fill-opacity: 1;

  fill: #555;

  stroke: #555;

  stroke-width: 3px;

  -webkit-transition: all ease 1s;

  transition: all ease 1s;

}

body.ui-animations-page .tray-center:after {

  opacity: 0;

  position: fixed;

  content: "\f04b";

  font-family: "FontAwesome";

  font-size: 46px;

  color: #3bafda;

  bottom: 10px;

  padding-left: 20px;

  -webkit-transition: opacity 0.5s ease-in-out;

  transition: opacity 0.5s ease-in-out;

}

body.ui-animations-page.animation-running .tray-center:after {

  opacity: 0.75;

}

body.ui-animations-page.animation-running .btn.btn-alt {

  opacity: 0.5;

}

body.ui-animations-page.animation-running .btn.btn-alt.item-checked {

  opacity: 1;

  -webkit-transition: opacity 0.2s ease;

  transition: opacity 0.2s ease;

}

/*===============================================

  C. Gallery Page

================================================= */

body.gallery-page #mix-container {

  padding: 15px;

  text-align: justify;

  font-size: 0.1px;

}

body.gallery-page #mix-container:after {

  content: "";

  display: inline-block;

  width: 100%;

}

body.gallery-page #mix-container .mix,

body.gallery-page #mix-container .gap {

  display: none;

  vertical-align: top;

  width: 23.5%;

  margin-bottom: 20px;

}

body.gallery-page #mix-container .gap {

  display: inline-block;

}

body.gallery-page #mix-container .mix .panel {

  margin: 0;

}

body.gallery-page #mix-container .mix .panel img {

  cursor: pointer;

}

body.gallery-page .fail-message {

  display: none;

  text-align: center;

  font-size: 22px;

  color: #999;

  margin-top: 50px;

}

body.gallery-page .fail .fail-message {

  display: block;

}

@media (max-width: 1350px) {

  body.gallery-page #mix-container .mix,

  body.gallery-page #mix-container .gap {

    width: 31.5%;

  }

}

@media (max-width: 750px) {

  body.gallery-page #mix-container .mix,

  body.gallery-page #mix-container .gap {

    width: 48%;

  }

}

/*===============================================

  D. Calendar Page

================================================= */

body.calendar-page .fc-title-clone {

  font-size: 20px;

  text-align: center;

  margin: 8px 0 10px;

  padding-bottom: 15px;

  border-bottom: 1px solid #E7E7E7;

}

body.calendar-page .tray-left .ui-datepicker {

  background: none;

  margin: 0;

  border: 0;

}

body.calendar-page .tray-left .ui-datepicker-header {

  display: none;

}

body.calendar-page .tray-left .ui-datepicker td {

  padding: 8px 5px;

}

body.calendar-page .tray-left .ui-datepicker td span,

body.calendar-page .tray-left .ui-datepicker td a {

  background: #DDD;

  padding: .50em .20em;

}


body.calendar-page .tray-left #compose-event-btn {

  cursor: pointer;

  position: relative;

  top: 1px;

  padding-left: 8px;

  color: #888;

  font-size: 16px;


}

body.calendar-page .tray-center .fc-toolbar .fc-center h2 {

  font-size: 20px;

  line-height: 26px;

  font-weight: 400;

}

@media (max-width: 900px) {

  body.calendar-page .fc-toolbar .fc-center {

    margin-top: 20px;

    margin-bottom: 10px;

  }

}

@media (max-width: 600px) {

  body.calendar-page .fc-view-container {

    margin-bottom: 30px;

  }

  body.calendar-page .fc-toolbar .fc-button {

    padding: 4px 8px;

  }

  body.calendar-page .fc-toolbar .fc-right {

    float: left;

    margin-left: 10px;

  }

  body.calendar-page .fc-toolbar .fc-center {

    float: left;

    width: 100%;

  }

  body.calendar-page .fc-toolbar .fc-center h2 {

    float: none;

    text-align: center;

  }


  body.calendar-page .fc-title-clone {

    display: none;

  }

  body.calendar-page #external-events {

    padding: 15px 10px 10px;

    background: #e8e8e8;

    border: 1px solid #ccc;

  }

}


/*===============================================

  E. Messages Page

================================================= */

body.messages-page .message-menu {

  padding: 10px 15px;

  background-color: #FFF;

  border-bottom: 1px solid #EEE;

}

body.messages-page .compose-btn {

  font-weight: 600;

  margin-top: 2px;

  margin-bottom: 12px;

  padding: 11px 15px;

}

body.messages-page .nav-messages li a {

  color: #AAA;

}

body.messages-page .nav-messages li.active a,

body.messages-page .nav-messages li:hover a,

body.messages-page .nav-messages li:focus a {

  color: #666;

}

body.messages-page .message-view {

  padding: 20px;

}

body.messages-page .message-view h3.subject {

  margin-top: 0;

  font-size: 17px;

}

body.messages-page .message-view hr {

  border-color: #EEE;

}

body.messages-page .message-reply .note-editor .note-toolbar {

  background: #fcfcfc;

  border-top: 1px solid #E6E6E6;

  border-bottom: 1px solid #E6E6E6;

  padding-top: 7px;

  padding-bottom: 14px;

}

body.messages-page .message-reply .note-editor .note-toolbar .btn-group:first-child {

  margin-left: 0;

}

body.messages-page .message-reply .note-editor .btn-default {

  padding: 5px 10px 6px;

}

body.messages-page .message-reply .note-editor .note-editable {

  font-size: 14px;

  padding: 15px 10px;

}

body.messages-page #message-table > tbody > tr {

  cursor: pointer;

}

body.messages-page #message-table > tbody > tr.highlight > td {

  background-color: #FFFEF0;

}

body.messages-page .quick-compose-form {

  display: none;

}

body.messages-page .dockmodal-header .title-text {

  font-size: 15px;

}

body.messages-page .dockmodal-body {

  padding: 0;

  border-left: 1px solid #DDD;

  border-right: 1px solid #DDD;

}

body.messages-page .dockmodal-footer {

  background-color: #f3f3f3;

  padding: 7px 10px 8px;

  border-top: 1px solid #DDD;

  border-left: 1px solid #DDD;

  border-right: 1px solid #DDD;

}

body.messages-page .dockmodal-body .quick-compose-form {

  display: block;

}

body.messages-page .dockmodal-body .quick-compose-form input.form-control {

  border: 0;

  border-bottom: 1px solid #EEE;

}

body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable {

  background: #f9f9f9;

}

body.messages-page .popped-out .dockmodal-body .quick-compose-form .note-editor .note-editable {

  background: #fff;

}

body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable:focus,

body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable:active {

  background: #fff;

}

body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-toolbar {

  padding: 0 4px 9px;

}

body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-statusbar .note-resizebar {

  display: none;

}


@media (max-width: 1020px) {


  body.messages-page.tray-rescale #content.table-layout .tray-center {

    padding-right: 65px !important;

  }

  /* creates a mini message tray, expands it on user hover */

  body.messages-page .message-tray {

    height: 175px;

    overflow: hidden;

    -webkit-transition: height 0.5s ease;

    transition: height 0.5s ease;

  }

  /* set to the height of your message menu */

  body.messages-page .message-tray:hover {

    height: 665px;

  }

}

@media (max-width: 600px) {

  body.messages-page.tray-rescale #content.table-layout .tray-center {

    padding: 0px !important;

  }

}

/*===============================================

  F. Editors Page

================================================= */

body.editors-page .panel .panel-heading {

  border-bottom-color: #CCC;

}

/*===============================================

  G. External Pages - login, register,

  screenlock, coming-soon, forgotpw

================================================= */

body.external-page {


  min-height: 0;

  overflow: auto;

}

body.external-page #main {

  overflow: hidden;

  background: url("../../../img/patterns/backgrounds/1.jpg") no-repeat top center #2d494d;

}

body.external-page #main:before {

  display: none;

}

body.external-page #canvas-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}

body.external-page #content .admin-form {

  position: relative;

  width: 100%;

  max-width: 800px;

  margin: 0 auto;

  margin-top: 8%;

}

body.external-page #content .panel {

  box-shadow: 0 1px 10px 0 rgb(0, 0, 0);

}

body.external-page #content .panel-heading {

  padding: 32px 10px 15px;

}

body.external-page .login-links {

  font-size: 15px;

  color: #DDD;

}

body.external-page .login-links a {

  color: #DDD;

  font-weight: 300;

}

body.external-page .login-links a.active {

  color: #FFF;

  font-weight: 600;

}

body.external-page .login-links a:hover,

body.external-page .login-links a:focus {

  color: #FFF;

  text-decoration: none;

}

body.external-page .coming-soon-title {

  text-align: center;

  color: #FFF;

  font-size: 40px;

  font-weight: 400;

  margin-top: 70px;

  margin-bottom: 20px;

}

/*===============================================

  G. External Pages (ALT) - login, register,

  screenlock, coming-soon, forgotpw

// ================================================= */

body.external-page.external-alt #main {

  background: #f4f4f4;

}

body.external-page.external-alt #content .admin-form {

  margin-top: 5%;

}

body.external-page.external-alt #content .panel {

  box-shadow: none;

}

body.external-page.external-alt #content .panel .section-divider span {

  color: #AAA;

}

body.external-page.external-alt .login-links,

body.external-page.external-alt .login-links a {

  color: #999;

  font-size: 13px;

  text-align: center;

}

body.external-page.external-alt .login-links a {

  color: #555;

  font-weight: 600;

}

body.external-page.external-alt .login-links a.active {

  color: #3498db;

}

body.external-page.external-alt .confirmation-header .fa-check {

  font-size: 32px;

  background: #eee;

  border: 1px solid #DDD;

  border-radius: 50%;

  padding: 6px;

  margin-right: 9px;

  position: relative;

}

body.external-page.external-alt .meta-links.alt {

  padding-bottom: 6px;

}

body.external-page.external-alt .meta-links.alt a,

body.external-page.external-alt .meta-links.alt span {

  color: #AAA;

}

/*===============================================

  H. Invoice.html

================================================= */

body.invoice-page #invoice-info {

  margin-bottom: 15px;

}

body.invoice-page .table-condensed tbody tr td:last-child {

  text-align: right;

  padding-right: 15px;


}

body.invoice-page #invoice-summary {

  margin: 0;

}

body.invoice-page #invoice-summary thead th:first-child {

  text-align: right;

  width: 200px;

  padding-right: 55px;

}

body.invoice-page #invoice-summary thead th:last-child {


  width: 50px;

  font-weight: 400;

}

body.invoice-page #invoice-summary tbody tr td {

  border-top: 0;


}

body.invoice-page #invoice-summary tbody tr td:first-child {

  text-align: right;

  width: 200px;

  padding-right: 55px;

}

body.invoice-page #invoice-summary tbody tr:last-child td {

  background: #fafafa;

  border-top: 1px solid #EEE;

  border-bottom: 1px solid #EEE;

  height: 24px;

  line-height: 24px;

}

body.invoice-page .invoice-buttons {

  position: absolute;

  left: 15px;

  bottom: 10px;

}

/*===============================================

  I. Timeline.html

================================================= */

body.timeline-page #main {

  min-height: 1400px;

}

body.timeline-page #content {

  padding: 8px 35px 50px 35px;

}

#timeline {


  position: relative;

}

#timeline:after {

  position: absolute;

  top: 0;

  left: 50%;

  width: 4px;

  margin-left: -2px;

  height: 100%;

  content: "";

  background: #ddd;

}

#timeline .timeline-divider {

  position: relative;

  margin: 10px 0 45px;

  z-index: 3;

}

#timeline .timeline-divider .divider-label {

  position: relative;

  width: 110px;

  margin: 0 auto;

  padding: 5px;

  text-align: center;

  border: 1px solid #DDD;

  color: #777;

  font-weight: 600;

  background: #FFF;

}

#timeline .timeline-divider .divider-label:before {

  content: "";

  position: absolute;

  height: 2px;

  width: 100%;

  left: 0;

  top: 100%;

  background: #4a89dc;

}

#timeline .panel {

  position: relative;

  z-index: 11;

  overflow: visible;

  margin-bottom: 30px;

}

#timeline .panel:before,

#timeline .panel:after {

  content: "";

  z-index: 2;

  position: absolute;

  top: 10px;

  left: 99.8%;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 8px 0 8px 12px;

  border-color: transparent transparent transparent #fafafa;

}

#timeline .panel:after {

  z-index: 1;

  border-left-color: #666;

}

#timeline .right-column .panel:before,

#timeline .right-column .panel:after {

  top: 10px;

  right: 99.8%;

  left: auto;

  border-width: 8px 12px 8px 0;

  border-color: transparent #fafafa transparent transparent;

}

#timeline .right-column .panel:after {

  border-right-color: #666;

}

#timeline > .row > .left-column .timeline-item {

  padding-right: 30px;

}

#timeline > .row > .right-column .timeline-item {

  padding-left: 30px;

}

#timeline > .row > .right-column {

  margin-top: 80px;

}

@media (max-width: 770px) {

  #timeline > .row > .left-column .panel {

    margin-right: 0;

  }

  #timeline > .row > .right-column .panel {

    margin-left: 0;

  }

  #timeline > .row .panel:before {

    display: none;

  }

  #timeline > .row .panel:after {

    display: none;

  }

}

#timeline .tab-content {

  min-height: 0;

}

#timeline .map {

  width: 100%;

  height: 275px;

}

#timeline #timeline-image-form .fileupload-preview {

  text-align: center;

}

#timeline #timeline-image-form .fileupload-preview img {

  max-height: 200px;

}

#timeline .timeline-icon {

  z-index: 1;

  position: absolute;

  right: -18px;

  width: 38px;

  height: 38px;

  line-height: 38px;

  font-size: 20px;

  color: #FFF;

  text-align: center;

  border-radius: 50%;

  background: #eeeeee;

  box-shadow: 0 0 0 5px #eeeeee;


}

#timeline .right-column .timeline-icon {

  right: auto;

  left: -18px;

}

#timeline.timeline-single {

  margin-left: 6%;

  max-width: 750px;

}


#timeline.timeline-single:after {

  left: 0;


}

#timeline.timeline-single > .row > .col-sm-6 {

  width: 100%;

  padding-left: 65px;

}

#timeline.timeline-single > .row > .right-column {

  margin-top: 0;

}

#timeline.timeline-single > .row > .right-column .timeline-item,

#timeline.timeline-single > .row > .left-column .timeline-item {

  padding-left: 0;

  padding-right: 0;


}

#timeline.timeline-single .timeline-divider .divider-label {

  margin-left: -55px;

}

#timeline.timeline-single .timeline-icon {


  left: -8px;

  right: auto;

}

#timeline.timeline-single .panel:before,

#timeline.timeline-single .panel:after {

  right: 99.8%;

  left: auto;

  border-width: 8px 12px 8px 0;

  border-color: transparent #fafafa transparent transparent;

}

#timeline.timeline-single .panel:after {

  border-right-color: #666;


}

/*===============================================

  J. Map Pages - Full, Vector

================================================= */

.maps-full-page,

.maps-vector-page {

  /*responsive expanding header styles*/

}

.maps-full-page #main,

.maps-vector-page #main,

.maps-full-page #content_wrapper,

.maps-vector-page #content_wrapper,

.maps-full-page #content,

.maps-vector-page #content,

.maps-full-page .map,

.maps-vector-page .map {

  height: 100%;

  min-height: 0;

}

.maps-full-page #content,

.maps-vector-page #content {

  padding: 1px;

  max-width: 1920px !important;

}

.maps-full-page .map,

.maps-vector-page .map {

  height: 100% !important;

}

.maps-full-page .expanding-header,

.maps-vector-page .expanding-header {

  overflow: hidden;

  z-index: 999;

  position: absolute;

  top: 20px;

  left: 30px;

  width: 550px;

  height: 43px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 2px;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.maps-full-page .expanding-header.collapsed,

.maps-vector-page .expanding-header.collapsed {

  width: 48px;

  overflow: hidden;

}

.maps-full-page .expanding-header .map-header-icon,

.maps-vector-page .expanding-header .map-header-icon {

  cursor: pointer;

  width: 47px;

  padding: 10px 13px;

  color: #FFF;

  font-size: 22px;

  float: left;

  margin-right: 10px;

}

.maps-full-page .expanding-header .flag-sm,

.maps-vector-page .expanding-header .flag-sm {

  cursor: pointer;

}

.maps-full-page .expanding-header input.form-control,

.maps-vector-page .expanding-header input.form-control {

  min-width: 250px;

}

@media (max-width: 800px) {

  .maps-full-page .expanding-header,

  .maps-vector-page .expanding-header {

    display: none;

  }

}

.maps-full-page .expanding-header {

  top: 24px;

  left: 90px;

}

/*===============================================

  K. Profile.html

================================================= */

body.profile-page #content .tab-block .nav-tabs > li > a {

  padding: 9px 35px;

}

/*===============================================

  L. Error Pages - 404, 500 (plus alt pages)

================================================= */

body.error-page #main:before {

  background: #F5F5F5;

}

body.error-page #return-arrow {

  top: 75px;

  padding-top: 0;

}

body.error-page .error-title {

  font-size: 140px;

  font-weight: 800;

  color: #3498db;

  text-align: center;

  padding-top: 60px;

  margin-bottom: 20px;

  line-height: 120px;

}

body.error-page .error-subtitle {

  font-weight: 400;

  text-align: center;

  font-size: 40px;

  color: #AAA;

  margin-bottom: 80px;

}

body.error-page .mid-section {

  position: relative;

  width: 100%;

  height: 215px;

  background: #FFF;

  border-top: 1px solid #E6E6E6;

  border-bottom: 1px solid #E6E6E6;

}


body.error-page .mid-content {

  position: relative;

  max-width: 680px;

  margin: 0 auto;

  padding: 50px 20px 35px;

}

body.error-page .mid-content input {

  color: #AAA;

  height: 55px;

  border-radius: 1px;

  padding: 10px 20px;

  border: 0;

  font-size: 16px;

  border: 1px solid #EEE;

  border-left: 5px solid #3498db;

  background: #FBFBFB;

}

body.error-page .error-page.alt .error-title {

  padding-top: 110px;

}

body.error-page #search-widget {

  background: #f1f1f1;

}

body.error-page .error-icon {

  font-size: 80px;

  position: relative;

  top: -10px;

}

body.error-page .error-text {

  font-size: 120px;

  text-align: center;

  text-shadow: 0 2px #FFF;

  color: #888;

  width: 100%;

}

/*===============================================

  M. Ecommerce Page - Added update v1.3

================================================= */

.ecommerce-page {

  /* fileupload field styling */

  /*select filter dropdowns - psuedo placeholder */

  /* creates extra spacing for first timeline item */

  /* bg-light style of bootstrap-tags input */

}

.ecommerce-page .fileupload .thumbnail {

  position: relative;

  cursor: pointer;


  overflow: hidden;

}

.ecommerce-page .fileupload .thumbnail:empty {

  min-height: 150px;

  -webkit-transition: all 0s ease;

  transition: all 0s ease;

}

.ecommerce-page .fileupload .thumbnail:empty:before {

  content: "";

  position: absolute;

  display: block;

  top: 6px;

  right: 6px;

  bottom: 6px;

  left: 6px;

  z-index: 0;

  background-color: #EEE;

}

.ecommerce-page .admin-form select option {

  color: black !important;

}

.ecommerce-page .empty {

  color: #BBB !important;

}

.ecommerce-page ol.timeline-list li.timeline-item:first-child:after {

  top: -25px;

  height: 140%;

}

.ecommerce-page input.bg-light + .bootstrap-tagsinput,

.ecommerce-page input.bg-light + .bootstrap-tagsinput .tag:hover,

.ecommerce-page input.bg-light + .bootstrap-tagsinput .tag:focus {

  background-color: #FAFAFA;

}

/*===============================================

  N. Search Results Page - Added update v1.4

================================================= */

.search-results-page .search-result + .search-result {

  margin-top: 31px;

  padding-top: 20px;

  border-top: 1px dashed #DDD;

}

.search-results-page .search-result h3,

.search-results-page .search-result > a {

  display: block;

  margin-bottom: 5px;

}

.search-results-page ul.result-meta {

  list-style: none;

  padding-left: 0;

  margin-left: -5px;

  margin-bottom: 5px;

}

.search-results-page ul.result-meta > li {

  position: relative;

  display: inline-block;

  padding-left: 5px;

  padding-right: 5px;

}

.search-results-page ul.result-meta > li + li {

  padding-left: 12px;

}

.search-results-page ul.result-meta > li + li:after {

  content: "-";

  position: absolute;

  top: 0;

  left: 0;

}

.search-results-page ul.result-meta > li > a {

  font-size: 13px;

  color: #999;

}

/*===============================================

  O. Bootstrap Timeout Page - Added update v1.4

================================================= */

#session-timeout-dialog .modal-dialog {

  width: 102%;

  height: 100%;

  background: rgba(255, 255, 255, 0.93);

  margin-top: 0;

  margin-bottom: 0;

  padding-top: 15%;

  text-align: center;

  border-radius: 1px;

}

#session-timeout-dialog .modal-content {

  background: none;

  box-shadow: none;

  border: 1px solid #DDD;

  width: 600px;

  margin: 0 auto;

}

#session-timeout-dialog .modal-header {

  background-color: #f6f6f6;

}

#session-timeout-dialog .modal-body {

  padding: 30px 20px;

  font-size: 16px;

  background-color: #fff;

}

#session-timeout-dialog .modal-footer {

  text-align: center;

  background-color: #f6f6f6;

}

/*==================================================


  Theme Skin - Controlled by skin settings.less

==================================================== */

/* BACKGROUND CONTEXTUALS

 */

.bg-primary {

  background-color: #3498db !important;

  color: #e1f0fa;

}

a.bg-primary:hover {

  background-color: #217dbb !important;

}

.bg-primary .text-muted {

  color: #b0dbf8;

}

.bg-primary .text-darken {

  color: #217dbb;

}

.bg-primary.light {

  background-color: #4ea5e0 !important;

}

.bg-primary.lighter {

  background-color: #5faee3 !important;

}

.bg-primary.dark {

  background-color: #2489cc !important;

}

.bg-primary.darker {

  background-color: #217dbb !important;

}

.bg-primary .open > a,

.bg-primary .open > a:hover,

.bg-primary .open > a:focus {

  color: #ffffff;

}

.bg-success {

  background-color: #70ca63 !important;

  color: #fcfefb;

}

a.bg-success:hover {

  background-color: #4fbb3f !important;

}

.bg-success .text-muted {

  color: #d6f5d1;

}

.bg-success .text-darken {

  color: #4fbb3f;

}

.bg-success.light {

  background-color: #85d27a !important;

}

.bg-success.lighter {


  background-color: #93d789 !important;


}



.bg-success.dark {

  background-color: #5bc24c !important;

}

.bg-success.darker {

  background-color: #4fbb3f !important;

}

.bg-success .open > a,

.bg-success .open > a:hover,

.bg-success .open > a:focus {

  color: #ffffff;

}

.bg-info {

  background-color: #3bafda !important;

  color: #e7f5fa;

}

a.bg-info:hover {

  background-color: #2494be !important;

}

.bg-info .text-muted {

  color: #b6e6f8;

}

.bg-info .text-darken {

  color: #2494be;

}

.bg-info.light {

  background-color: #55badf !important;

}

.bg-info.lighter {

  background-color: #66c1e2 !important;

}

.bg-info.dark {

  background-color: #27a2cf !important;

}

.bg-info.darker {

  background-color: #2494be !important;

}

.bg-info .open > a,

.bg-info .open > a:hover,

.bg-info .open > a:focus {

  color: #ffffff;

}

.bg-warning {

  background-color: #f6bb42 !important;

  color: #ffffff;

}

a.bg-warning:hover {

  background-color: #f4a911 !important;

}

.bg-warning .text-muted {

  color: #fff0d2;

}

.bg-warning .text-darken {

  color: #f4a911;

}

.bg-warning.light {

  background-color: #f7c65f !important;

}

.bg-warning.lighter {

  background-color: #f8cd73 !important;

}

.bg-warning.dark {

  background-color: #f5b025 !important;

}

.bg-warning.darker {

  background-color: #f4a911 !important;

}

.bg-warning .open > a,

.bg-warning .open > a:hover,

.bg-warning .open > a:focus {

  color: #ffffff;

}

.bg-danger {

  background-color: #df5640 !important;

  color: #fcf1ef;

}

a.bg-danger:hover {

  background-color: #ca3922 !important;

}

.bg-danger .text-muted {

  color: #fac6be;

}

.bg-danger .text-darken {

  color: #ca3922;

}

.bg-danger.light {

  background-color: #e36d5a !important;

}

.bg-danger.lighter {

  background-color: #e67d6c !important;

}

.bg-danger.dark {

  background-color: #db3f26 !important;

}

.bg-danger.darker {

  background-color: #ca3922 !important;

}

.bg-danger .open > a,

.bg-danger .open > a:hover,

.bg-danger .open > a:focus {

  color: #ffffff;

}

.bg-alert {

  background-color: #967adc !important;

  color: #ffffff;

}

a.bg-alert:hover {

  background-color: #7652d1 !important;

}

.bg-alert .text-muted {

  color: #f5f2fd;

}

.bg-alert .text-darken {

  color: #7652d1;

}

.bg-alert.light {

  background-color: #a992e2 !important;

}

.bg-alert.lighter {

  background-color: #b6a2e7 !important;

}

.bg-alert.dark {

  background-color: #8362d6 !important;

}

.bg-alert.darker {


  background-color: #7652d1 !important;

}

.bg-alert .open > a,

.bg-alert .open > a:hover,

.bg-alert .open > a:focus {


  color: #ffffff;

}

.bg-system {

  background-color: #37bc9b !important;

  color: #cef1e8;

}

a.bg-system:hover {

  background-color: #2b957a !important;

}

.bg-system .text-muted {

  color: #9eeeda;

}

.bg-system .text-darken {

  color: #2b957a;

}

.bg-system.light {

  background-color: #48c9a9 !important;

}

.bg-system.lighter {

  background-color: #58ceb1 !important;

}

.bg-system.dark {

  background-color: #30a487 !important;

}

.bg-system.darker {

  background-color: #2b957a !important;

}

.bg-system .open > a,

.bg-system .open > a:hover,

.bg-system .open > a:focus {

  color: #ffffff;


}

.bg-dark {

  background-color: #1f262d !important;

  color: #9fa4b7;

}

a.bg-dark:hover {

  background-color: #252832 !important;

}

.bg-dark .text-muted {

  color: #717eb2;

}

.bg-dark .text-darken {

  color: #252832;

}

.bg-dark.light {

  background-color: #484d61 !important;

}

.bg-dark.lighter {

  background-color: #51566c !important;

}

.bg-dark.dark {

  background-color: #2e313d !important;

}

.bg-dark.darker {

  background-color: #252832 !important;

}

.bg-dark .open > a,



.bg-dark .open > a:hover,

.bg-dark .open > a:focus {

  color: #ffffff;

}

.bg-light {

  background-color: #FAFAFA;

  color: #666;

}

a.bg-light:hover {

  background-color: #e8e8e8 !important;

}

.bg-light .text-muted {

  color: #999;

}

.bg-light .text-darken {

  color: #222;

}

.bg-light.light {

  background-color: #FEFEFE;

}

.bg-light.lighter {

  background-color: #FFF;

}

.bg-light.dark {

  background-color: #F2F2F2;

}

.bg-light.darker {

  background-color: #E7E7E7;

}

.bg-white {

  background-color: #FAFAFA;

  color: #666;

  background-color: #FFF !important;

}

a.bg-white:hover {

  background-color: #ededed !important;

}

.bg-white .text-muted {

  color: #999;

}

.bg-white .text-darken {

  color: #222;

}

.bg-white.light {

  background-color: #FEFEFE;

}

.bg-white.lighter {

  background-color: #FFF;

}

.bg-white.dark {

  background-color: #F2F2F2;

}

.bg-white.darker {

  background-color: #E7E7E7;

}

/* BADGES CONTEXTUALS

 * linked labels get darker on :hover

 */

.badge-default {

  background-color: #777777;

}

.badge-default[href]:hover,

.badge-default[href]:focus {

  background-color: #5e5e5e;

}

.badge-primary {

  background-color: #3498db;

}

.badge-primary[href]:hover,

.badge-primary[href]:focus {

  background-color: #217dbb;

}

.badge-success {

  background-color: #70ca63;

}

.badge-success[href]:hover,

.badge-success[href]:focus {

  background-color: #4fbb3f;

}

.badge-info {

  background-color: #3bafda;

}

.badge-info[href]:hover,

.badge-info[href]:focus {

  background-color: #2494be;

}

.badge-warning {

  background-color: #f6bb42;

}

.badge-warning[href]:hover,

.badge-warning[href]:focus {

  background-color: #f4a911;

}

.badge-danger {

  background-color: #df5640;

}

.badge-danger[href]:hover,

.badge-danger[href]:focus {

  background-color: #ca3922;

}

.badge-alert {

  background-color: #967adc;

}

.badge-alert[href]:hover,

.badge-alert[href]:focus {

  background-color: #7652d1;

}

.badge-system {

  background-color: #37bc9b;

}

.badge-system[href]:hover,

.badge-system[href]:focus {

  background-color: #2b957a;

}

.badge-dark {

  background-color: #3b3f4f;

}

.badge-dark[href]:hover,

.badge-dark[href]:focus {

  background-color: #252832;

}

/* LABELS CONTEXTUALS

 */

.label-muted {

  background-color: #aaaaaa;

}

.label-muted[href]:hover,

.label-muted[href]:focus {

  background-color: #919191;

}

.label-default {

  background-color: #777777;

}

.label-default[href]:hover,


.label-default[href]:focus {

  background-color: #5e5e5e;

}

.label-primary {

  background-color: #3498db;

}

.label-primary[href]:hover,

.label-primary[href]:focus {

  background-color: #217dbb;

}

.label-success {

  background-color: #70ca63;

}

.label-success[href]:hover,

.label-success[href]:focus {

  background-color: #4fbb3f;

}

.label-info {

  background-color: #3bafda;

}

.label-info[href]:hover,

.label-info[href]:focus {

  background-color: #2494be;

}

.label-warning {

  background-color: #f6bb42;

}

.label-warning[href]:hover,

.label-warning[href]:focus {

  background-color: #f4a911;

}

.label-danger {

  background-color: #df5640;

}


.label-danger[href]:hover,

.label-danger[href]:focus {

  background-color: #ca3922;

}

.label-alert {

  background-color: #967adc;

}

.label-alert[href]:hover,


.label-alert[href]:focus {

  background-color: #7652d1;

}

.label-system {

  background-color: #37bc9b;

}

.label-system[href]:hover,

.label-system[href]:focus {

  background-color: #2b957a;

}

.label-dark {

  background-color: #3b3f4f;

}

.label-dark[href]:hover,

.label-dark[href]:focus {

  background-color: #252832;

}

/* BUTTON CONTEXTUALS

 */

.btn-default {

color: #ffffff;

background-color: #ffffff;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.15);

background-color: #2196F3;

border-radius: 0px;

padding: 9px 22px;
}

.btn-default:hover,

.btn-default:focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

color: #ffffff;

background-color: #355ea6;
}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  background-image: none;

}

.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

  background-color: #f0f0f0;

  border-color: #dddddd;

}

.btn-default .badge {

  color: #f0f0f0;

  background-color: #666666;

}

.btn-default.btn-gradient {

  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);

  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.09);

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);

}

.btn-default.light {

  background-color: #FAFAFA;

}

.btn-default.light:hover,

.btn-default.light:focus,

.btn-default.light:active,

.btn-default.light.active,

.open > .dropdown-toggle.btn-default.light {

  background-color: #ececec;

}

.btn-default.dark {

  background-color: #e8e8e8;

}

.btn-default.dark:hover,

.btn-default.dark:focus,

.btn-default.dark:active,

.btn-default.dark.active,

.open > .dropdown-toggle.btn-default.dark {

  background-color: #e1e1e1;

}

.btn-primary {

color: #ffffff;

background-color: #e2b064;

padding: 9px 22px;
}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

color: #ffffff;

background-color: #c9a063;

border-color: rgba(0, 0, 0, 0.05);
}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  background-image: none;

}

.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,


.btn-primary.disabled:hover,


.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

  background-color: #3498db;

  border-color: #3498db;

}

.btn-primary .badge {

  color: #3498db;

  background-color: #ffffff;

}

.btn-primary.light {

  background-color: #4ea5e0;

}

.btn-primary.light:hover,

.btn-primary.light:focus,

.btn-primary.light:active,

.btn-primary.light.active,

.open > .dropdown-toggle.btn-primary.light {


  background-color: #2489cc;

}

.btn-primary.dark {

  background-color: #2489cc;

}

.btn-primary.dark:hover,

.btn-primary.dark:focus,

.btn-primary.dark:active,

.btn-primary.dark.active,

.open > .dropdown-toggle.btn-primary.dark {

  background-color: #2077b2;


}

.btn-success {

  color: #ffffff;

  background-color: #70ca63;

}

.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  color: #ffffff;


  background-color: #56c046;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  background-image: none;

}

.btn-success.disabled,

.btn-success[disabled],

fieldset[disabled] .btn-success,

.btn-success.disabled:hover,

.btn-success[disabled]:hover,

fieldset[disabled] .btn-success:hover,

.btn-success.disabled:focus,

.btn-success[disabled]:focus,

fieldset[disabled] .btn-success:focus,

.btn-success.disabled:active,

.btn-success[disabled]:active,

fieldset[disabled] .btn-success:active,

.btn-success.disabled.active,

.btn-success[disabled].active,

fieldset[disabled] .btn-success.active {

  background-color: #70ca63;

  border-color: #70ca63;

}

.btn-success .badge {

  color: #70ca63;

  background-color: #ffffff;

}

.btn-success.light {

  background-color: #85d27a;

}

.btn-success.light:hover,

.btn-success.light:focus,

.btn-success.light:active,

.btn-success.light.active,

.open > .dropdown-toggle.btn-success.light {

  background-color: #5bc24c;

}

.btn-success.dark {

  background-color: #5bc24c;

}

.btn-success.dark:hover,

.btn-success.dark:focus,

.btn-success.dark:active,

.btn-success.dark.active,

.open > .dropdown-toggle.btn-success.dark {

  background-color: #4cb33d;

}

.btn-info {

  color: #ffffff;

  background-color: #3bafda;

}

.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  color: #ffffff;

  background-color: #269dc9;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  background-image: none;

}

.btn-info.disabled,

.btn-info[disabled],

fieldset[disabled] .btn-info,

.btn-info.disabled:hover,

.btn-info[disabled]:hover,

fieldset[disabled] .btn-info:hover,

.btn-info.disabled:focus,

.btn-info[disabled]:focus,

fieldset[disabled] .btn-info:focus,

.btn-info.disabled:active,

.btn-info[disabled]:active,

fieldset[disabled] .btn-info:active,

.btn-info.disabled.active,

.btn-info[disabled].active,

fieldset[disabled] .btn-info.active {

  background-color: #3bafda;

  border-color: #3bafda;

}

.btn-info .badge {

  color: #3bafda;

  background-color: #ffffff;

}

.btn-info.light {

  background-color: #55badf;

}

.btn-info.light:hover,

.btn-info.light:focus,

.btn-info.light:active,

.btn-info.light.active,

.open > .dropdown-toggle.btn-info.light {

  background-color: #27a2cf;

}

.btn-info.dark {

  background-color: #27a2cf;

}

.btn-info.dark:hover,

.btn-info.dark:focus,

.btn-info.dark:active,

.btn-info.dark.active,

.open > .dropdown-toggle.btn-info.dark {

  background-color: #228eb6;

}

.btn-warning {

  color: #ffffff;

  background-color: #f6bb42;

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  color: #ffffff;

  background-color: #f4ae1d;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  background-image: none;

}

.btn-warning.disabled,

.btn-warning[disabled],

fieldset[disabled] .btn-warning,

.btn-warning.disabled:hover,

.btn-warning[disabled]:hover,

fieldset[disabled] .btn-warning:hover,

.btn-warning.disabled:focus,

.btn-warning[disabled]:focus,

fieldset[disabled] .btn-warning:focus,

.btn-warning.disabled:active,

.btn-warning[disabled]:active,

fieldset[disabled] .btn-warning:active,


.btn-warning.disabled.active,

.btn-warning[disabled].active,

fieldset[disabled] .btn-warning.active {

  background-color: #f6bb42;

  border-color: #f6bb42;

}

.btn-warning .badge {

  color: #f6bb42;

  background-color: #ffffff;

}

.btn-warning.light {

  background-color: #f7c65f;

}

.btn-warning.light:hover,

.btn-warning.light:focus,

.btn-warning.light:active,

.btn-warning.light.active,

.open > .dropdown-toggle.btn-warning.light {

  background-color: #f5b025;

}

.btn-warning.dark {

  background-color: #f5b025;

}

.btn-warning.dark:hover,

.btn-warning.dark:focus,

.btn-warning.dark:active,

.btn-warning.dark.active,

.open > .dropdown-toggle.btn-warning.dark {

  background-color: #efa50b;

}

.btn-danger {

  color: #ffffff;

  background-color: #df5640;

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  color: #ffffff;

  background-color: #d53c24;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  background-image: none;

}

.btn-danger.disabled,

.btn-danger[disabled],

fieldset[disabled] .btn-danger,

.btn-danger.disabled:hover,

.btn-danger[disabled]:hover,

fieldset[disabled] .btn-danger:hover,

.btn-danger.disabled:focus,

.btn-danger[disabled]:focus,

fieldset[disabled] .btn-danger:focus,

.btn-danger.disabled:active,

.btn-danger[disabled]:active,

fieldset[disabled] .btn-danger:active,

.btn-danger.disabled.active,

.btn-danger[disabled].active,

fieldset[disabled] .btn-danger.active {

  background-color: #df5640;

  border-color: #df5640;

}

.btn-danger .badge {

  color: #df5640;

  background-color: #ffffff;

}

.btn-danger.light {

  background-color: #e36d5a;

}

.btn-danger.light:hover,

.btn-danger.light:focus,

.btn-danger.light:active,

.btn-danger.light.active,

.open > .dropdown-toggle.btn-danger.light {

  background-color: #db3f26;

}

.btn-danger.dark {

  background-color: #db3f26;

}

.btn-danger.dark:hover,

.btn-danger.dark:focus,

.btn-danger.dark:active,

.btn-danger.dark.active,

.open > .dropdown-toggle.btn-danger.dark {

  background-color: #c13720;

}

.btn-alert {

  color: #ffffff;

  background-color: #967adc;

}

.btn-alert:hover,

.btn-alert:focus,

.btn-alert:active,

.btn-alert.active,

.open > .dropdown-toggle.btn-alert {

  color: #ffffff;

  background-color: #7e5cd4;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-alert:active,

.btn-alert.active,

.open > .dropdown-toggle.btn-alert {

  background-image: none;

}

.btn-alert.disabled,

.btn-alert[disabled],

fieldset[disabled] .btn-alert,

.btn-alert.disabled:hover,

.btn-alert[disabled]:hover,

fieldset[disabled] .btn-alert:hover,

.btn-alert.disabled:focus,

.btn-alert[disabled]:focus,

fieldset[disabled] .btn-alert:focus,

.btn-alert.disabled:active,

.btn-alert[disabled]:active,

fieldset[disabled] .btn-alert:active,

.btn-alert.disabled.active,

.btn-alert[disabled].active,

fieldset[disabled] .btn-alert.active {

  background-color: #967adc;

  border-color: #967adc;

}


.btn-alert .badge {

  color: #967adc;

  background-color: #ffffff;

}

.btn-alert.light {

  background-color: #a992e2;

}

.btn-alert.light:hover,

.btn-alert.light:focus,

.btn-alert.light:active,

.btn-alert.light.active,

.open > .dropdown-toggle.btn-alert.light {

  background-color: #8362d6;

}

.btn-alert.dark {

  background-color: #8362d6;

}

.btn-alert.dark:hover,

.btn-alert.dark:focus,

.btn-alert.dark:active,

.btn-alert.dark.active,

.open > .dropdown-toggle.btn-alert.dark {

  background-color: #704acf;

}

.btn-system {

  color: #ffffff;

  background-color: #37bc9b;

}

.btn-system:hover,

.btn-system:focus,

.btn-system:active,

.btn-system.active,

.open > .dropdown-toggle.btn-system {

  color: #ffffff;

  background-color: #2e9e83;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-system:active,

.btn-system.active,

.open > .dropdown-toggle.btn-system {

  background-image: none;

}

.btn-system.disabled,

.btn-system[disabled],

fieldset[disabled] .btn-system,

.btn-system.disabled:hover,

.btn-system[disabled]:hover,

fieldset[disabled] .btn-system:hover,

.btn-system.disabled:focus,

.btn-system[disabled]:focus,

fieldset[disabled] .btn-system:focus,

.btn-system.disabled:active,

.btn-system[disabled]:active,

fieldset[disabled] .btn-system:active,

.btn-system.disabled.active,

.btn-system[disabled].active,

fieldset[disabled] .btn-system.active {

  background-color: #37bc9b;

  border-color: #37bc9b;

}

.btn-system .badge {

  color: #37bc9b;

  background-color: #ffffff;

}

.btn-system.light {

  background-color: #48c9a9;

}

.btn-system.light:hover,

.btn-system.light:focus,

.btn-system.light:active,

.btn-system.light.active,

.open > .dropdown-toggle.btn-system.light {

  background-color: #30a487;

}

.btn-system.dark {

  background-color: #30a487;

}

.btn-system.dark:hover,

.btn-system.dark:focus,

.btn-system.dark:active,

.btn-system.dark.active,

.open > .dropdown-toggle.btn-system.dark {

  background-color: #298d74;

}

.btn-dark {

  color: #ffffff;

  background-color: #3b3f4f;

}

.btn-dark:hover,

.btn-dark:focus,

.btn-dark:active,

.btn-dark.active,

.open > .dropdown-toggle.btn-dark {

  color: #ffffff;

  background-color: #2b2e39;

  border-color: rgba(0, 0, 0, 0.05);

}

.btn-dark:active,

.btn-dark.active,

.open > .dropdown-toggle.btn-dark {

  background-image: none;

}

.btn-dark.disabled,

.btn-dark[disabled],

fieldset[disabled] .btn-dark,

.btn-dark.disabled:hover,

.btn-dark[disabled]:hover,

fieldset[disabled] .btn-dark:hover,

.btn-dark.disabled:focus,

.btn-dark[disabled]:focus,

fieldset[disabled] .btn-dark:focus,

.btn-dark.disabled:active,

.btn-dark[disabled]:active,

fieldset[disabled] .btn-dark:active,

.btn-dark.disabled.active,

.btn-dark[disabled].active,

fieldset[disabled] .btn-dark.active {

  background-color: #3b3f4f;

  border-color: #3b3f4f;

}

.btn-dark .badge {

  color: #3b3f4f;

  background-color: #ffffff;

}

.btn-dark.light {

  background-color: #484d61;

}

.btn-dark.light:hover,

.btn-dark.light:focus,

.btn-dark.light:active,

.btn-dark.light.active,

.open > .dropdown-toggle.btn-dark.light {

  background-color: #2e313d;

}

.btn-dark.dark {

  background-color: #2e313d;

}

.btn-dark.dark:hover,

.btn-dark.dark:focus,

.btn-dark.dark:active,

.btn-dark.dark.active,

.open > .dropdown-toggle.btn-dark.dark {

  background-color: #21232c;

}

/* ALT BUTTON CONTEXTUALS

 */

.btn.btn-alt.btn-default {

  border-left-color: #AAA;

}

.btn.btn-alt.btn-primary {

  border-left-color: #3498db;

}

.btn.btn-alt.btn-success {

  border-left-color: #70ca63;

}

.btn.btn-alt.btn-info {

  border-left-color: #3bafda;

}

.btn.btn-alt.btn-warning {

  border-left-color: #f6bb42;


}

.btn.btn-alt.btn-danger {

  border-left-color: #df5640;

}

.btn.btn-alt.btn-alert {

  border-left-color: #967adc;

}

.btn.btn-alt.btn-system {

  border-left-color: #37bc9b;

}

.btn.btn-alt.btn-dark {

  border-left-color: #3b3f4f;

}

/* CHECKBOX/RADIO CONTEXTUALS

 */

.radio-custom.radio-primary label:before,


.checkbox-custom.checkbox-primary label:before {

  border-color: #4ea5e0;

}

.radio-custom.radio-primary input[type=radio]:checked + label:after,

.radio-custom.radio-primary input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-primary input[type=radio]:checked + label:after {

  background-color: #4ea5e0;

  color: #4ea5e0;

}

.checkbox-custom.fill.checkbox-primary label:before {

  background-color: #4ea5e0;

}


.radio-custom.radio-success label:before,


.checkbox-custom.checkbox-success label:before {

  border-color: #85d27a;

}

.radio-custom.radio-success input[type=radio]:checked + label:after,

.radio-custom.radio-success input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-success input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-success input[type=radio]:checked + label:after {

  background-color: #85d27a;

  color: #85d27a;

}

.checkbox-custom.fill.checkbox-success label:before {

  background-color: #85d27a;

}

.radio-custom.radio-info label:before,

.checkbox-custom.checkbox-info label:before {

  border-color: #55badf;

}

.radio-custom.radio-info input[type=radio]:checked + label:after,

.radio-custom.radio-info input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-info input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-info input[type=radio]:checked + label:after {

  background-color: #55badf;

  color: #55badf;

}

.checkbox-custom.fill.checkbox-info label:before {

  background-color: #55badf;

}

.radio-custom.radio-warning label:before,

.checkbox-custom.checkbox-warning label:before {

  border-color: #f7c65f;

}

.radio-custom.radio-warning input[type=radio]:checked + label:after,

.radio-custom.radio-warning input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-warning input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-warning input[type=radio]:checked + label:after {

  background-color: #f7c65f;

  color: #f7c65f;

}

.checkbox-custom.fill.checkbox-warning label:before {

  background-color: #f7c65f;

}

.radio-custom.radio-danger label:before,

.checkbox-custom.checkbox-danger label:before {

  border-color: #e36d5a;

}

.radio-custom.radio-danger input[type=radio]:checked + label:after,

.radio-custom.radio-danger input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-danger input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-danger input[type=radio]:checked + label:after {

  background-color: #e36d5a;

  color: #e36d5a;

}

.checkbox-custom.fill.checkbox-danger label:before {

  background-color: #e36d5a;

}

.radio-custom.radio-alert label:before,

.checkbox-custom.checkbox-alert label:before {

  border-color: #a992e2;

}

.radio-custom.radio-alert input[type=radio]:checked + label:after,

.radio-custom.radio-alert input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-alert input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-alert input[type=radio]:checked + label:after {

  background-color: #a992e2;

  color: #a992e2;

}

.checkbox-custom.fill.checkbox-alert label:before {

  background-color: #a992e2;

}

.radio-custom.radio-system label:before,

.checkbox-custom.checkbox-system label:before {

  border-color: #48c9a9;

}

.radio-custom.radio-system input[type=radio]:checked + label:after,

.radio-custom.radio-system input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-system input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-system input[type=radio]:checked + label:after {

  background-color: #48c9a9;

  color: #48c9a9;

}

.checkbox-custom.fill.checkbox-system label:before {

  background-color: #48c9a9;

}

.radio-custom.radio-dark label:before,

.checkbox-custom.checkbox-dark label:before {

  border-color: #484d61;

}

.radio-custom.radio-dark input[type=radio]:checked + label:after,

.radio-custom.radio-dark input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-dark input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-dark input[type=radio]:checked + label:after {

  background-color: #484d61;

  color: #484d61;

}

.checkbox-custom.fill.checkbox-dark label:before {

  background-color: #484d61;

}

.radio-custom.radio-light label:before,

.checkbox-custom.checkbox-light label:before {

  border-color: #eee;

}

.radio-custom.radio-light input[type=radio]:checked + label:after,

.radio-custom.radio-light input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-light input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-light input[type=radio]:checked + label:after {

  background-color: #666;

  color: #666 !important;

}

.checkbox-custom.fill.checkbox-light label:before {

  background-color: #eee;

}

.radio-custom.radio-disabled label:before,

.checkbox-custom.checkbox-disabled label:before {

  border-color: #b9b9b9;

}

.radio-custom.radio-disabled input[type=radio]:checked + label:after,

.radio-custom.radio-disabled input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-disabled input[type=checkbox]:checked + label:after,

.checkbox-custom.checkbox-disabled input[type=radio]:checked + label:after {

  background-color: #b9b9b9;

  color: #b9b9b9;

}

.checkbox-custom.fill.checkbox-disabled label:before {

  background-color: #b9b9b9;

}

/* LISTGROUP CONTEXTUALS

 * Add modifier classes to change text and background color on individual items.

 * Organizationally, this must come after the `:hover` states.

 */

.list-group-item-primary {

  color: #196090;

  border-color: #82c0e9;

  background-color: #b6daf2;

}

a.list-group-item-primary {

  color: #196090;

}

a.list-group-item-primary .list-group-item-heading {

  color: inherit;

}

a.list-group-item-primary:hover,

a.list-group-item-primary:focus {

  color: #196090;

  background-color: #c7e3f5;

}

a.list-group-item-primary.active,

a.list-group-item-primary.active:hover,

a.list-group-item-primary.active:focus {

  color: #fff;

  background-color: #3498db;

  border-color: #3498db;

}

.list-group-item-success {

  color: #3f9532;

  border-color: #afe1a8;

  background-color: #d9f1d5;

}

a.list-group-item-success {

  color: #3f9532;

}

a.list-group-item-success .list-group-item-heading {

  color: inherit;

}

a.list-group-item-success:hover,

a.list-group-item-success:focus {

  color: #3f9532;

  background-color: #e7f6e4;

}

a.list-group-item-success.active,

a.list-group-item-success.active:hover,

a.list-group-item-success.active:focus {

  color: #fff;

  background-color: #70ca63;

  border-color: #70ca63;

}

.list-group-item-info {

  color: #1c7393;

  border-color: #88cfe9;

  background-color: #bce4f2;

}

a.list-group-item-info {

  color: #1c7393;

}

a.list-group-item-info .list-group-item-heading {

  color: inherit;

}

a.list-group-item-info:hover,

a.list-group-item-info:focus {

  color: #1c7393;

  background-color: #cdebf6;


}

a.list-group-item-info.active,

a.list-group-item-info.active:hover,

a.list-group-item-info.active:focus {

  color: #fff;

  background-color: #3bafda;

  border-color: #3bafda;

}

.list-group-item-warning {

  color: #c88a0a;

  border-color: #fadb9a;

  background-color: #fdf0d4;

}

a.list-group-item-warning {

  color: #c88a0a;


}

a.list-group-item-warning .list-group-item-heading {

  color: inherit;

}

a.list-group-item-warning:hover,

a.list-group-item-warning:focus {

  color: #c88a0a;

  background-color: #fef7e8;

}

a.list-group-item-warning.active,

a.list-group-item-warning.active:hover,

a.list-group-item-warning.active:focus {

  color: #fff;


  background-color: #f6bb42;


  border-color: #f6bb42;

}

.list-group-item-danger {

  color: #ac311d;


  border-color: #eea79c;

  background-color: #f7d6d0;

}

a.list-group-item-danger {

  color: #ac311d;

}

a.list-group-item-danger .list-group-item-heading {

  color: inherit;

}

a.list-group-item-danger:hover,

a.list-group-item-danger:focus {

  color: #ac311d;

  background-color: #fae5e2;

}

a.list-group-item-danger.active,

a.list-group-item-danger.active:hover,

a.list-group-item-danger.active:focus {

  color: #fff;

  background-color: #df5640;

  border-color: #df5640;

}

.list-group-item-alert {

  color: #542fb2;

  border-color: #c6b7ec;

  background-color: #ece7f9;

}

a.list-group-item-alert {

  color: #542fb2;

}

a.list-group-item-alert .list-group-item-heading {

  color: inherit;

}

a.list-group-item-alert:hover,

a.list-group-item-alert:focus {

  color: #542fb2;

  background-color: #f9f7fd;

}

a.list-group-item-alert.active,

a.list-group-item-alert.active:hover,

a.list-group-item-alert.active:focus {

  color: #fff;

  background-color: #967adc;

  border-color: #967adc;

}

.list-group-item-system {

  color: #206d5a;

  border-color: #77d7c0;

  background-color: #a7e5d6;

}

a.list-group-item-system {

  color: #206d5a;

}

a.list-group-item-system .list-group-item-heading {

  color: inherit;

}

a.list-group-item-system:hover,

a.list-group-item-system:focus {

  color: #206d5a;

  background-color: #b7eadd;

}

a.list-group-item-system.active,

a.list-group-item-system.active:hover,

a.list-group-item-system.active:focus {

  color: #fff;

  background-color: #37bc9b;

  border-color: #37bc9b;

}

.list-group-item-dark {

  color: #3b3f4f;

  border-color: #999eb3;

  background-color: #bcbfcd;

}

a.list-group-item-dark {

  color: #3b3f4f;

}

a.list-group-item-dark .list-group-item-heading {

  color: inherit;

}

a.list-group-item-dark:hover,

a.list-group-item-dark:focus {

  color: #3b3f4f;

  background-color: #c8cbd6;

}

a.list-group-item-dark.active,

a.list-group-item-dark.active:hover,

a.list-group-item-dark.active:focus {

  color: #fff;

  background-color: #3b3f4f;

  border-color: #3b3f4f;

}

/* PANEL CONTEXTUALS

 */

.panel-primary.panel-border {

  border-color: #3498db;

}

.panel-primary > .panel-heading {

  color: #ffffff;

  background-color: #3498db;

  border-color: #2282c1;

}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #3498db;

}

.panel-primary > .panel-heading .badge {

  color: #3498db;

  background-color: #ffffff;

}

.panel-primary > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #3498db;

}

.panel-primary > .panel-body.fill {

  color: #FFF;

  border-color: #6cb5e5;

  background-color: #6cb5e5;

}

.panel-primary > .panel-body.border {

  border: 3px solid #3498db;

}

.panel-success.panel-border {

  border-color: #70ca63;

}

.panel-success > .panel-heading {

  color: #ffffff;

  background-color: #70ca63;

  border-color: #52bf43;

}

.panel-success > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #70ca63;

}

.panel-success > .panel-heading .badge {


  color: #70ca63;

  background-color: #ffffff;

}

.panel-success > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-success > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #70ca63;

}

.panel-success > .panel-body.fill {

  color: #FFF;

  border-color: #9ddb94;

  background-color: #9ddb94;

}

.panel-success > .panel-body.border {

  border: 3px solid #70ca63;

}

.panel-info.panel-border {

  border-color: #3bafda;

}

.panel-info > .panel-heading {

  color: #ffffff;

  background-color: #3bafda;


  border-color: #2599c5;

}

.panel-info > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #3bafda;

}

.panel-info > .panel-heading .badge {

  color: #3bafda;

  background-color: #ffffff;

}

.panel-info > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-info > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #3bafda;

}

.panel-info > .panel-body.fill {

  color: #FFF;

  border-color: #73c6e5;

  background-color: #73c6e5;

}

.panel-info > .panel-body.border {

  border: 3px solid #3bafda;

}


.panel-warning.panel-border {

  border-color: #f6bb42;

}

.panel-warning > .panel-heading {

  color: #ffffff;

  background-color: #f6bb42;

  border-color: #f4ac19;

}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #f6bb42;

}

.panel-warning > .panel-heading .badge {

  color: #f6bb42;

  background-color: #ffffff;

}

.panel-warning > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #f6bb42;

}

.panel-warning > .panel-body.fill {

  color: #FFF;

  border-color: #f9d281;

  background-color: #f9d281;

}

.panel-warning > .panel-body.border {

  border: 3px solid #f6bb42;

}

.panel-danger.panel-border {

  border-color: #df5640;

}

.panel-danger > .panel-heading {

  color: #ffffff;

  background-color: #df5640;

  border-color: #d13b23;

}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #df5640;

}

.panel-danger > .panel-heading .badge {

  color: #df5640;

  background-color: #ffffff;

}

.panel-danger > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #df5640;

}

.panel-danger > .panel-body.fill {

  color: #FFF;

  border-color: #e98879;

  background-color: #e98879;

}

.panel-danger > .panel-body.border {

  border: 3px solid #df5640;

}

.panel-alert.panel-border {

  border-color: #967adc;

}

.panel-alert > .panel-heading {

  color: #ffffff;

  background-color: #967adc;

  border-color: #7b58d3;

}

.panel-alert > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #967adc;

}

.panel-alert > .panel-heading .badge {

  color: #967adc;

  background-color: #ffffff;

}

.panel-alert > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-alert > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #967adc;

}

.panel-alert > .panel-body.fill {

  color: #FFF;

  border-color: #bfaeea;

  background-color: #bfaeea;

}

.panel-alert > .panel-body.border {

  border: 3px solid #967adc;

}

.panel-system.panel-border {

  border-color: #37bc9b;

}

.panel-system > .panel-heading {

  color: #ffffff;

  background-color: #37bc9b;

  border-color: #2d9a7f;

}

.panel-system > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #37bc9b;

}

.panel-system > .panel-heading .badge {

  color: #37bc9b;

  background-color: #ffffff;

}


.panel-system > .panel-heading > .panel-title {

  color: #ffffff;


}

.panel-system > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #37bc9b;

}

.panel-system > .panel-body.fill {

  color: #FFF;

  border-color: #64d2b6;


  background-color: #64d2b6;

}

.panel-system > .panel-body.border {

  border: 3px solid #37bc9b;

}

.panel-dark.panel-border {

  border-color: #3b3f4f;

}

.panel-dark > .panel-heading {

  color: #ffffff;

  background-color: #3b3f4f;

  border-color: #282b36;

}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #3b3f4f;

}

.panel-dark > .panel-heading .badge {

  color: #3b3f4f;

  background-color: #ffffff;

}


.panel-dark > .panel-heading > .panel-title {

  color: #ffffff;

}

.panel-dark > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #3b3f4f;

}

.panel-dark > .panel-body.fill {

  color: #FFF;

  border-color: #575d75;

  background-color: #575d75;

}

.panel-dark > .panel-body.border {


  border: 3px solid #3b3f4f;

}

/* PROGRESS BAR CONTEXTUALS

 */

.progress-bar-default {

  background-color: #999999;

}

.progress-bar-default.light {


  background-color: #a2a2a2;

}

.progress-bar-default.dark {

  background-color: #909090;


}

.progress-striped .progress-bar-default {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-primary {

  background-color: #3498db;

}

.progress-bar-primary.light {

  background-color: #43a0de;

}

.progress-bar-primary.dark {

  background-color: #2690d7;

}

.progress-striped .progress-bar-primary {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-success {

  background-color: #70ca63;

}

.progress-bar-success.light {

  background-color: #7ccf70;

}

.progress-bar-success.dark {

  background-color: #64c556;

}

.progress-striped .progress-bar-success {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-info {

  background-color: #3bafda;

}

.progress-bar-info.light {

  background-color: #4ab5dd;

}

.progress-bar-info.dark {

  background-color: #2ca9d7;

}

.progress-striped .progress-bar-info {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-warning {

  background-color: #f6bb42;

}

.progress-bar-warning.light {


  background-color: #f7c153;

}

.progress-bar-warning.dark {

  background-color: #f5b531;

}

.progress-striped .progress-bar-warning {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-danger {

  background-color: #df5640;

}

.progress-bar-danger.light {

  background-color: #e2644f;

}

.progress-bar-danger.dark {

  background-color: #dc4831;

}

.progress-striped .progress-bar-danger {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-alert {

  background-color: #967adc;

}

.progress-bar-alert.light {

  background-color: #a188e0;

}

.progress-bar-alert.dark {

  background-color: #8b6cd8;

}

.progress-striped .progress-bar-alert {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-system {

  background-color: #37bc9b;

}

.progress-bar-system.light {

  background-color: #3ec7a5;

}

.progress-bar-system.dark {

  background-color: #33ae90;

}

.progress-striped .progress-bar-system {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-dark {

  background-color: #3b3f4f;

}

.progress-bar-dark.light {

  background-color: #434759;

}


.progress-bar-dark.dark {

  background-color: #333745;

}


.progress-striped .progress-bar-dark {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

/* SWITCH CONTEXTUALS 

 */

div.switch.switch-primary input:checked + label {

  background-color: #3498db;

}

div.switch.switch-success input:checked + label {

  background-color: #70ca63;

}

div.switch.switch-info input:checked + label {

  background-color: #3bafda;

}

div.switch.switch-warning input:checked + label {

  background-color: #f6bb42;

}

div.switch.switch-danger input:checked + label {

  background-color: #df5640;

}

div.switch.switch-alert input:checked + label {

  background-color: #967adc;

}


div.switch.switch-system input:checked + label {


  background-color: #37bc9b;

}

div.switch.switch-dark input:checked + label {

  background-color: #3b3f4f;

}

/* TABLE BG CONTEXTUALS

 * Exact selectors below required to override `.table-striped`

 * and prevent inheritance to nested tables.

 */

.table > thead > tr > td.active,

.table > tbody > tr > td.active,

.table > tfoot > tr > td.active,

.table > thead > tr > th.active,

.table > tbody > tr > th.active,

.table > tfoot > tr > th.active,

.table > thead > tr.active > td,

.table > tbody > tr.active > td,

.table > tfoot > tr.active > td,

.table > thead > tr.active > th,

.table > tbody > tr.active > th,

.table > tfoot > tr.active > th {

  color: #a9a9a9;

  border-color: #ffffff;

  background-color: #ffffff;

}

.table > thead > tr.active + tr > th,

.table > tbody > tr.active + tr > th,

.table > tfoot > tr.active + tr > th,

.table > thead > tr.active + tr > td,

.table > tbody > tr.active + tr > td,

.table > tfoot > tr.active + tr > td {

  border-top: 1px solid #ffffff;

}

.table-hover > tbody > tr > td.active:hover,

.table-hover > tbody > tr > th.active:hover,

.table-hover > tbody > tr.active:hover > td,

.table-hover > tbody > tr:hover > .active,

.table-hover > tbody > tr.active:hover > th {

  background-color: #ffffff;

}

.table > thead > tr > td.default,

.table > tbody > tr > td.default,

.table > tfoot > tr > td.default,

.table > thead > tr > th.default,

.table > tbody > tr > th.default,

.table > tfoot > tr > th.default,

.table > thead > tr.default > td,

.table > tbody > tr.default > td,

.table > tfoot > tr.default > td,

.table > thead > tr.default > th,

.table > tbody > tr.default > th,

.table > tfoot > tr.default > th {

  color: #b3b3b3;

  border-color: #ffffff;

  background-color: #ffffff;

}

.table > thead > tr.default + tr > th,

.table > tbody > tr.default + tr > th,

.table > tfoot > tr.default + tr > th,

.table > thead > tr.default + tr > td,

.table > tbody > tr.default + tr > td,

.table > tfoot > tr.default + tr > td {

  border-top: 1px solid #ffffff;

}

.table-hover > tbody > tr > td.default:hover,

.table-hover > tbody > tr > th.default:hover,

.table-hover > tbody > tr.default:hover > td,

.table-hover > tbody > tr:hover > .default,

.table-hover > tbody > tr.default:hover > th {

  background-color: #ffffff;

}

.table > thead > tr > td.primary,

.table > tbody > tr > td.primary,

.table > tfoot > tr > td.primary,

.table > thead > tr > th.primary,

.table > tbody > tr > th.primary,

.table > tfoot > tr > th.primary,

.table > thead > tr.primary > td,

.table > tbody > tr.primary > td,

.table > tfoot > tr.primary > td,

.table > thead > tr.primary > th,

.table > tbody > tr.primary > th,

.table > tfoot > tr.primary > th {

  color: #196090;

  border-color: #82c0e9;


  background-color: #b6daf2;

}

.table > thead > tr.primary + tr > th,

.table > tbody > tr.primary + tr > th,

.table > tfoot > tr.primary + tr > th,

.table > thead > tr.primary + tr > td,

.table > tbody > tr.primary + tr > td,

.table > tfoot > tr.primary + tr > td {

  border-top: 1px solid #82c0e9;

}

.table-hover > tbody > tr > td.primary:hover,

.table-hover > tbody > tr > th.primary:hover,

.table-hover > tbody > tr.primary:hover > td,

.table-hover > tbody > tr:hover > .primary,

.table-hover > tbody > tr.primary:hover > th {

  background-color: #c7e3f5;

}

.table > thead > tr > td.success,

.table > tbody > tr > td.success,

.table > tfoot > tr > td.success,

.table > thead > tr > th.success,

.table > tbody > tr > th.success,

.table > tfoot > tr > th.success,

.table > thead > tr.success > td,

.table > tbody > tr.success > td,

.table > tfoot > tr.success > td,

.table > thead > tr.success > th,

.table > tbody > tr.success > th,

.table > tfoot > tr.success > th {

  color: #3f9532;

  border-color: #afe1a8;

  background-color: #d9f1d5;

}

.table > thead > tr.success + tr > th,

.table > tbody > tr.success + tr > th,

.table > tfoot > tr.success + tr > th,

.table > thead > tr.success + tr > td,

.table > tbody > tr.success + tr > td,

.table > tfoot > tr.success + tr > td {

  border-top: 1px solid #afe1a8;

}

.table-hover > tbody > tr > td.success:hover,

.table-hover > tbody > tr > th.success:hover,

.table-hover > tbody > tr.success:hover > td,

.table-hover > tbody > tr:hover > .success,

.table-hover > tbody > tr.success:hover > th {

  background-color: #e7f6e4;

}

.table > thead > tr > td.info,

.table > tbody > tr > td.info,

.table > tfoot > tr > td.info,

.table > thead > tr > th.info,

.table > tbody > tr > th.info,

.table > tfoot > tr > th.info,

.table > thead > tr.info > td,

.table > tbody > tr.info > td,

.table > tfoot > tr.info > td,

.table > thead > tr.info > th,

.table > tbody > tr.info > th,

.table > tfoot > tr.info > th {

  color: #1c7393;

  border-color: #88cfe9;

  background-color: #bce4f2;

}

.table > thead > tr.info + tr > th,

.table > tbody > tr.info + tr > th,

.table > tfoot > tr.info + tr > th,

.table > thead > tr.info + tr > td,

.table > tbody > tr.info + tr > td,

.table > tfoot > tr.info + tr > td {

  border-top: 1px solid #88cfe9;

}

.table-hover > tbody > tr > td.info:hover,

.table-hover > tbody > tr > th.info:hover,

.table-hover > tbody > tr.info:hover > td,

.table-hover > tbody > tr:hover > .info,

.table-hover > tbody > tr.info:hover > th {

  background-color: #cdebf6;

}

.table > thead > tr > td.warning,

.table > tbody > tr > td.warning,

.table > tfoot > tr > td.warning,

.table > thead > tr > th.warning,

.table > tbody > tr > th.warning,

.table > tfoot > tr > th.warning,

.table > thead > tr.warning > td,

.table > tbody > tr.warning > td,

.table > tfoot > tr.warning > td,

.table > thead > tr.warning > th,

.table > tbody > tr.warning > th,

.table > tfoot > tr.warning > th {

  color: #c88a0a;

  border-color: #fadb9a;

  background-color: #fdf0d4;

}

.table > thead > tr.warning + tr > th,

.table > tbody > tr.warning + tr > th,

.table > tfoot > tr.warning + tr > th,

.table > thead > tr.warning + tr > td,

.table > tbody > tr.warning + tr > td,

.table > tfoot > tr.warning + tr > td {

  border-top: 1px solid #fadb9a;

}

.table-hover > tbody > tr > td.warning:hover,

.table-hover > tbody > tr > th.warning:hover,

.table-hover > tbody > tr.warning:hover > td,

.table-hover > tbody > tr:hover > .warning,

.table-hover > tbody > tr.warning:hover > th {

  background-color: #fef7e8;

}

.table > thead > tr > td.danger,

.table > tbody > tr > td.danger,

.table > tfoot > tr > td.danger,

.table > thead > tr > th.danger,

.table > tbody > tr > th.danger,


.table > tfoot > tr > th.danger,

.table > thead > tr.danger > td,

.table > tbody > tr.danger > td,

.table > tfoot > tr.danger > td,

.table > thead > tr.danger > th,

.table > tbody > tr.danger > th,

.table > tfoot > tr.danger > th {

  color: #ac311d;

  border-color: #eea79c;

  background-color: #f7d6d0;

}

.table > thead > tr.danger + tr > th,

.table > tbody > tr.danger + tr > th,

.table > tfoot > tr.danger + tr > th,

.table > thead > tr.danger + tr > td,


.table > tbody > tr.danger + tr > td,

.table > tfoot > tr.danger + tr > td {


  border-top: 1px solid #eea79c;

}


.table-hover > tbody > tr > td.danger:hover,

.table-hover > tbody > tr > th.danger:hover,

.table-hover > tbody > tr.danger:hover > td,

.table-hover > tbody > tr:hover > .danger,

.table-hover > tbody > tr.danger:hover > th {

  background-color: #fae5e2;

}

.table > thead > tr > td.alert,

.table > tbody > tr > td.alert,

.table > tfoot > tr > td.alert,

.table > thead > tr > th.alert,

.table > tbody > tr > th.alert,

.table > tfoot > tr > th.alert,

.table > thead > tr.alert > td,

.table > tbody > tr.alert > td,

.table > tfoot > tr.alert > td,

.table > thead > tr.alert > th,

.table > tbody > tr.alert > th,

.table > tfoot > tr.alert > th {

  color: #542fb2;

  border-color: #c6b7ec;

  background-color: #ece7f9;

}

.table > thead > tr.alert + tr > th,

.table > tbody > tr.alert + tr > th,

.table > tfoot > tr.alert + tr > th,

.table > thead > tr.alert + tr > td,

.table > tbody > tr.alert + tr > td,

.table > tfoot > tr.alert + tr > td {

  border-top: 1px solid #c6b7ec;

}

.table-hover > tbody > tr > td.alert:hover,

.table-hover > tbody > tr > th.alert:hover,

.table-hover > tbody > tr.alert:hover > td,

.table-hover > tbody > tr:hover > .alert,

.table-hover > tbody > tr.alert:hover > th {

  background-color: #f9f7fd;

}

.table > thead > tr > td.system,

.table > tbody > tr > td.system,

.table > tfoot > tr > td.system,

.table > thead > tr > th.system,

.table > tbody > tr > th.system,

.table > tfoot > tr > th.system,

.table > thead > tr.system > td,

.table > tbody > tr.system > td,

.table > tfoot > tr.system > td,

.table > thead > tr.system > th,

.table > tbody > tr.system > th,

.table > tfoot > tr.system > th {

  color: #206d5a;

  border-color: #77d7c0;

  background-color: #a7e5d6;

}

.table > thead > tr.system + tr > th,

.table > tbody > tr.system + tr > th,

.table > tfoot > tr.system + tr > th,

.table > thead > tr.system + tr > td,

.table > tbody > tr.system + tr > td,

.table > tfoot > tr.system + tr > td {

  border-top: 1px solid #77d7c0;

}

.table-hover > tbody > tr > td.system:hover,

.table-hover > tbody > tr > th.system:hover,

.table-hover > tbody > tr.system:hover > td,

.table-hover > tbody > tr:hover > .system,

.table-hover > tbody > tr.system:hover > th {

  background-color: #b7eadd;

}

.table > thead > tr > td.dark,

.table > tbody > tr > td.dark,

.table > tfoot > tr > td.dark,

.table > thead > tr > th.dark,

.table > tbody > tr > th.dark,

.table > tfoot > tr > th.dark,

.table > thead > tr.dark > td,

.table > tbody > tr.dark > td,

.table > tfoot > tr.dark > td,

.table > thead > tr.dark > th,

.table > tbody > tr.dark > th,

.table > tfoot > tr.dark > th {

  color: #3b3f4f;

  border-color: #999eb3;

  background-color: #bcbfcd;

}

.table > thead > tr.dark + tr > th,

.table > tbody > tr.dark + tr > th,

.table > tfoot > tr.dark + tr > th,

.table > thead > tr.dark + tr > td,

.table > tbody > tr.dark + tr > td,

.table > tfoot > tr.dark + tr > td {

  border-top: 1px solid #999eb3;

}

.table-hover > tbody > tr > td.dark:hover,

.table-hover > tbody > tr > th.dark:hover,


.table-hover > tbody > tr.dark:hover > td,

.table-hover > tbody > tr:hover > .dark,

.table-hover > tbody > tr.dark:hover > th {

  background-color: #c8cbd6;

}

/* TEXT COLOR CONTEXTUALS

 */

.text-white {

  color: #ffffff;

}

a.text-white:hover {

  color: #808080;

}

.text-white-light {

  color: #ffffff;

}

.text-white-lighter {

  color: #ffffff;

}

.text-white-dark {

  color: #f6f6f6;

}

.text-white-darker {

  color: #ececec;

}

.text-muted {

  color: #999999;

}

a.text-muted:hover {

  color: #191919;

}

.text-muted-light {

  color: #a2a2a2;

}

.text-muted-lighter {

  color: #acacac;

}

.text-muted-dark {

  color: #909090;

}

.text-muted-darker {

  color: #868686;

}

.text-primary {

  color: #3498db;

}

a.text-primary:hover {


  color: #02090e;

}

.text-primary-light {

  color: #43a0de;

}

.text-primary-lighter {

  color: #54a8e1;

}

.text-primary-dark {

  color: #2690d7;

}

.text-primary-darker {

color: #2196F3;
}

.text-success {

  color: #70ca63;

}

a.text-success:hover {

  color: #0f220c;

}

.text-success-light {

  color: #7ccf70;

}

.text-success-lighter {

  color: #8ad480;

}

.text-success-dark {

  color: #64c556;

}

.text-success-darker {

  color: #56c046;

}

.text-info {

  color: #3bafda;

}

a.text-info:hover {

  color: #030e13;

}

.text-info-light {

  color: #4ab5dd;

}

.text-info-lighter {

  color: #5bbce0;

}

.text-info-dark {

  color: #2ca9d7;

}

.text-info-darker {

  color: #269dc9;

}

.text-warning {

  color: #f6bb42;

}

a.text-warning:hover {

  color: #362503;

}

.text-warning-light {

  color: #f7c153;

}

.text-warning-lighter {

  color: #f8c867;

}

.text-warning-dark {

color: #ffeb3b;
}

.text-warning-darker {

  color: #f4ae1d;

}

.text-danger {

  color: #df5640;

}

a.text-danger:hover {

  color: #1b0805;

}

.text-danger-light {

  color: #e2644f;

}

.text-danger-lighter {

  color: #e47361;

}

.text-danger-dark {

color: #F44336;
}

.text-danger-darker {

  color: #d53c24;

}

.text-alert {

  color: #967adc;

}

a.text-alert:hover {

  color: #211245;

}

.text-alert-light {

  color: #a188e0;

}

.text-alert-lighter {

  color: #ae98e4;

}

.text-alert-dark {

  color: #8b6cd8;

}

.text-alert-darker {

  color: #7e5cd4;

}

.text-system {

  color: #37bc9b;

}

a.text-system:hover {

  color: #000000;

}

.text-system-light {

  color: #3ec7a5;

}

.text-system-lighter {

  color: #4ecbac;

}

.text-system-dark {

  color: #33ae90;

}

.text-system-darker {

  color: #2e9e83;

}

.text-dark {

  color: #3b3f4f;

}

a.text-dark:hover {

  color: #000000;

}

.text-dark-light {

  color: #434759;

}

.text-dark-lighter {

  color: #4b5065;

}

.text-dark-dark {

  color: #333745;

}

.text-dark-darker {

  color: #2b2e39;

}

.text-tp {

  color: rgba(0, 0, 0, 0.2);

}

a.text-tp:hover {

  color: rgba(0, 0, 0, 0.3);

}

/* BLOCKQUOTE CONTEXTUALS

 */

blockquote.blockquote-primary {

  border-color: #3498db;

}

blockquote.blockquote-success {

  border-color: #70ca63;

}

blockquote.blockquote-info {

  border-color: #3bafda;

}

blockquote.blockquote-warning {

  border-color: #f6bb42;

}

blockquote.blockquote-danger {

  border-color: #df5640;

}

blockquote.blockquote-alert {

  border-color: #967adc;

}

blockquote.blockquote-system {

  border-color: #37bc9b;

}

blockquote.blockquote-dark {

  border-color: #3b3f4f;

}

/* DROPCAP CONTEXTUALS

 */

.dropcap.dropcap-default:first-letter {

  color: #666;

}

.dropcap.dropcap-primary:first-letter {


  color: #3498db;

}


.dropcap.dropcap-success:first-letter {

  color: #70ca63;

}

.dropcap.dropcap-info:first-letter {

  color: #3bafda;

}

.dropcap.dropcap-warning:first-letter {

  color: #f6bb42;

}

.dropcap.dropcap-danger:first-letter {

  color: #df5640;

}


.dropcap.dropcap-alert:first-letter {

  color: #967adc;

}

.dropcap.dropcap-system:first-letter {

  color: #37bc9b;

}

.dropcap.dropcap-dark:first-letter {

  color: #111;

}

.dropcap.dropcap-muted:first-letter {

  color: #AAA;

}

.dropcap.dropcap-fill:first-letter {

  color: #FFF;

}

.dropcap.dropcap-fill.dropcap-default:first-letter {

  color: #444;

  background-color: #f0f0f0;

}

.dropcap.dropcap-fill.dropcap-primary:first-letter {

  background-color: #3498db;

}

.dropcap.dropcap-fill.dropcap-success:first-letter {

  background-color: #70ca63;

}

.dropcap.dropcap-fill.dropcap-info:first-letter {

  background-color: #3bafda;

}

.dropcap.dropcap-fill.dropcap-warning:first-letter {

  background-color: #f6bb42;


}

.dropcap.dropcap-fill.dropcap-danger:first-letter {

  background-color: #df5640;

}

.dropcap.dropcap-fill.dropcap-alert:first-letter {


  background-color: #967adc;

}

.dropcap.dropcap-fill.dropcap-system:first-letter {

  background-color: #37bc9b;

}

.dropcap.dropcap-fill.dropcap-dark:first-letter {

  background-color: #3b3f4f;

}

.dropcap.dropcap-fill.dropcap-muted:first-letter {

  color: #888;

  background-color: #f0f0f0;

}

/* ALERT CONTEXTUALS

 */

.alert-primary {

  background-color: #57aae1;

}

.alert-primary.alert-border-right {

  border-right-color: #1f74ae;

}

.alert-primary.alert-border-top {

  border-top-color: #1f74ae;

}

.alert-primary.alert-border-bottom {

  border-bottom-color: #1f74ae;

}

.alert-primary.alert-border-left {

  border-left-color: #1f74ae;

}

.alert-primary.light {

  background-color: #75b9e7;

}

.alert-primary.dark {

  background-color: #2791d9;

}

.alert-primary.pastel {

  color: #1d6fa5;

  background-color: #b6daf2;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-primary.pastel .alert-link {

  color: #1d6fa5;

}

.alert-primary.pastel.alert-micro {

  border-color: #5faee3;

}

.alert-primary.pastel .close {

  color: #1d6fa5;

}

.alert-primary.pastel .close:hover {

  color: #1d6fa5;

}

.alert-success {

  background-color: #8cd481;

}

.alert-success.alert-border-right {

  border-right-color: #4aaf3c;

}

.alert-success.alert-border-top {

  border-top-color: #4aaf3c;

}

.alert-success.alert-border-bottom {

  border-bottom-color: #4aaf3c;

}

.alert-success.alert-border-left {

  border-left-color: #4aaf3c;

}

.alert-success.light {

  background-color: #a4dd9c;

}

.alert-success.dark {

  background-color: #66c658;

}

.alert-success.pastel {

  color: #47a839;

  background-color: #d9f1d5;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-success.pastel .alert-link {

  color: #47a839;

}

.alert-success.pastel.alert-micro {

  border-color: #93d789;

}

.alert-success.pastel .close {

  color: #47a839;

}

.alert-success.pastel .close:hover {

  color: #47a839;

}

.alert-info {

  background-color: #5dbde0;

}

.alert-info.alert-border-right {

  border-right-color: #218ab1;

}

.alert-info.alert-border-top {

  border-top-color: #218ab1;

}

.alert-info.alert-border-bottom {

  border-bottom-color: #218ab1;

}

.alert-info.alert-border-left {

  border-left-color: #218ab1;

}

.alert-info.light {

  background-color: #7bc9e6;

}

.alert-info.dark {

  background-color: #2eaad8;

}

.alert-info.pastel {

  color: #2084a9;

  background-color: #bce4f2;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-info.pastel .alert-link {

  color: #2084a9;

}

.alert-info.pastel.alert-micro {

  border-color: #66c1e2;

}

.alert-info.pastel .close {

  color: #2084a9;

}

.alert-info.pastel .close:hover {

  color: #2084a9;

}

.alert-warning {

  background-color: #f8c969;

}

.alert-warning.alert-border-right {

  border-right-color: #eba10b;

}

.alert-warning.alert-border-top {

  border-top-color: #eba10b;

}

.alert-warning.alert-border-bottom {

  border-bottom-color: #eba10b;

}

.alert-warning.alert-border-left {

  border-left-color: #eba10b;

}

.alert-warning.light {

  background-color: #f9d58b;

}

.alert-warning.dark {

  background-color: #f5b633;

}

.alert-warning.pastel {


  color: #e19b0b;

  background-color: #fdf0d4;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-warning.pastel .alert-link {

  color: #e19b0b;

}

.alert-warning.pastel.alert-micro {

  border-color: #f8cd73;

}

.alert-warning.pastel .close {

  color: #e19b0b;

}

.alert-warning.pastel .close:hover {

  color: #e19b0b;

}

.alert-danger {

  background-color: #e57563;

}

.alert-danger.alert-border-right {

  border-right-color: #bd3520;

}

.alert-danger.alert-border-top {

  border-top-color: #bd3520;

}


.alert-danger.alert-border-bottom {


  border-bottom-color: #bd3520;

}

.alert-danger.alert-border-left {

  border-left-color: #bd3520;

}

.alert-danger.light {

  background-color: #ea9082;

}

.alert-danger.dark {

  background-color: #dd4a33;

}

.alert-danger.pastel {

  color: #b4331e;

  background-color: #f5cac3;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-danger.pastel .alert-link {

  color: #b4331e;

}

.alert-danger.pastel.alert-micro {

  border-color: #e67d6c;

}

.alert-danger.pastel .close {

  color: #b4331e;

}

.alert-danger.pastel .close:hover {

  color: #b4331e;

}

.alert-alert {

  background-color: #b09ae4;

}

.alert-alert.alert-border-right {

  border-right-color: #6d46ce;

}

.alert-alert.alert-border-top {

  border-top-color: #6d46ce;

}

.alert-alert.alert-border-bottom {

  border-bottom-color: #6d46ce;

}

.alert-alert.alert-border-left {

  border-left-color: #6d46ce;

}

.alert-alert.light {

  background-color: #c6b7ec;

}

.alert-alert.dark {

  background-color: #8c6ed9;

}

.alert-alert.pastel {

  color: #663dcc;

  background-color: #f6f3fc;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-alert.pastel .alert-link {

  color: #663dcc;

}

.alert-alert.pastel.alert-micro {

  border-color: #b6a2e7;

}

.alert-alert.pastel .close {

  color: #663dcc;

}

.alert-alert.pastel .close:hover {

  color: #663dcc;

}

.alert-system {

  background-color: #50ccad;

}

.alert-system.alert-border-right {

  border-right-color: #288971;

}

.alert-system.alert-border-top {

  border-top-color: #288971;

}

.alert-system.alert-border-bottom {

  border-bottom-color: #288971;

}

.alert-system.alert-border-left {

  border-left-color: #288971;

}

.alert-system.light {

  background-color: #6cd4ba;

}

.alert-system.dark {

  background-color: #34b091;

}

.alert-system.pastel {

  color: #26816a;

  background-color: #a7e5d6;

  border-color: rgba(0, 0, 0, 0.1);

}

.alert-system.pastel .alert-link {

  color: #26816a;

}

.alert-system.pastel.alert-micro {

  border-color: #58ceb1;

}

.alert-system.pastel .close {

  color: #26816a;

}

.alert-system.pastel .close:hover {

  color: #26816a;

}

.alert-default {

  color: #888;

  background-color: #f0f0f0;

}

.alert-default .alert-link {

  color: #777;

}

.alert-default.alert-border-right {

  border-right-color: #cfcfcf;

}

.alert-default.alert-border-top {

  border-top-color: #cfcfcf;

}

.alert-default.alert-border-bottom {

  border-bottom-color: #cfcfcf;

}

.alert-default.alert-border-left {

  border-left-color: #cfcfcf;

}

.alert-default.pastel,

.alert-default.light {

  background-color: #fdfdfd;

  border-color: rgba(0, 0, 0, 0.15);

}

.alert-default.dark {

  background-color: #e6e6e6;

}

.alert-dark {


  background-color: #626984;

}

.alert-dark.alert-border-right {

  border-right-color: #1f2129;

}

.alert-dark.alert-border-top {

  border-top-color: #1f2129;

}

.alert-dark.alert-border-bottom {

  border-bottom-color: #1f2129;

}

.alert-dark.alert-border-left {

  border-left-color: #1f2129;

}

.alert-dark.pastel,

.alert-dark.light {

  color: #676e89;

  background-color: #d0d3dc;

}

.alert-dark.pastel .alert-link,

.alert-dark.light .alert-link {

  color: #51566c;

}

.alert-dark.dark {

  background-color: #4a4f63;


}

/* DROPDOWNS - ACTIVE ITEM CONTEXTUALS


 */

.dropdown-toggle.btn-primary + .dropdown-menu > .active > a,

.dropdown-toggle.btn-primary + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-primary + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #3498db;

}

.dropdown-toggle.btn-success + .dropdown-menu > .active > a,

.dropdown-toggle.btn-success + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-success + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #70ca63;

}


.dropdown-toggle.btn-info + .dropdown-menu > .active > a,

.dropdown-toggle.btn-info + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-info + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #3bafda;

}

.dropdown-toggle.btn-warning + .dropdown-menu > .active > a,

.dropdown-toggle.btn-warning + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-warning + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #f6bb42;

}

.dropdown-toggle.btn-danger + .dropdown-menu > .active > a,

.dropdown-toggle.btn-danger + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-danger + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #df5640;

}

.dropdown-toggle.btn-alert + .dropdown-menu > .active > a,

.dropdown-toggle.btn-alert + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-alert + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #967adc;

}

.dropdown-toggle.btn-system + .dropdown-menu > .active > a,

.dropdown-toggle.btn-system + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-system + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #37bc9b;

}

.dropdown-toggle.btn-dark + .dropdown-menu > .active > a,

.dropdown-toggle.btn-dark + .dropdown-menu > .active > a:hover,

.dropdown-toggle.btn-dark + .dropdown-menu > .active > a:focus {

  color: #FFF;

  background-color: #3b3f4f;

}

/*====================================================

  Nav Pill Contextuals - Active Item

====================================================== */

/* pills primary */

.nav-pills.nav-primary > li.active > a,

.nav-pills.nav-primary > li.active > a:hover,

.nav-pills.nav-primary > li.active > a:focus {

  background-color: #3498db;

}

/* pills success */

.nav-pills.nav-success > li.active > a,

.nav-pills.nav-success > li.active > a:hover,

.nav-pills.nav-success > li.active > a:focus {

  background-color: #70ca63;

}

/* pills info */

.nav-pills.nav-info > li.active > a,

.nav-pills.nav-info > li.active > a:hover,

.nav-pills.nav-info > li.active > a:focus {

  background-color: #3bafda;

}

/* pills warning */

.nav-pills.nav-warning > li.active > a,

.nav-pills.nav-warning > li.active > a:hover,

.nav-pills.nav-warning > li.active > a:focus {

  background-color: #f6bb42;

}

/* pills danger */

.nav-pills.nav-danger > li.active > a,

.nav-pills.nav-danger > li.active > a:hover,

.nav-pills.nav-danger > li.active > a:focus {

  background-color: #df5640;

}

/* pills alert */

.nav-pills.nav-alert > li.active > a,

.nav-pills.nav-alert > li.active > a:hover,

.nav-pills.nav-alert > li.active > a:focus {

  background-color: #967adc;

}

/* pills system */

.nav-pills.nav-system > li.active > a,


.nav-pills.nav-system > li.active > a:hover,

.nav-pills.nav-system > li.active > a:focus {

  background-color: #37bc9b;

}

/* pills dark */

.nav-pills.nav-dark > li.active > a,

.nav-pills.nav-dark > li.active > a:hover,

.nav-pills.nav-dark > li.active > a:focus {

  background-color: #3b3f4f;

}

/*====================================================

  Tab Block Contextuals - Active Item Border

====================================================== */


/* tabs primary */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-primary > li.active > a {

  border-top-color: #3498db;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-primary > li.active > a {

  border-left-color: #3498db;


}


/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-primary > li.active > a {


  border-right-color: #3498db;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-primary > li.active > a {

  border-bottom-color: #3498db;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-primary > li.active > a {


  border-top-color: #3498db;

}

/* tabs success */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-success > li.active > a {

  border-top-color: #70ca63;

}

/* tabs left */


.tab-block .tabs-border.tabs-left.tabs-success > li.active > a {

  border-left-color: #70ca63;


}

/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-success > li.active > a {

  border-right-color: #70ca63;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-success > li.active > a {

  border-bottom-color: #70ca63;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-success > li.active > a {

  border-top-color: #70ca63;

}

/* tabs info */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-info > li.active > a {

  border-top-color: #3bafda;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-info > li.active > a {

  border-left-color: #3bafda;

}

/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-info > li.active > a {

  border-right-color: #3bafda;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-info > li.active > a {

  border-bottom-color: #3bafda;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-info > li.active > a {

  border-top-color: #3bafda;

}

/* tabs warning */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-warning > li.active > a {

  border-top-color: #f6bb42;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-warning > li.active > a {

  border-left-color: #f6bb42;

}

/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-warning > li.active > a {

  border-right-color: #f6bb42;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-warning > li.active > a {

  border-bottom-color: #f6bb42;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-warning > li.active > a {

  border-top-color: #f6bb42;

}

/* tabs danger */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-danger > li.active > a {

  border-top-color: #df5640;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-danger > li.active > a {

  border-left-color: #df5640;

}

/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-danger > li.active > a {

  border-right-color: #df5640;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-danger > li.active > a {

  border-bottom-color: #df5640;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-danger > li.active > a {

  border-top-color: #df5640;

}

/* tabs alert */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-alert > li.active > a {

  border-top-color: #967adc;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-alert > li.active > a {

  border-left-color: #967adc;


}

/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-alert > li.active > a {

  border-right-color: #967adc;

}


/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-alert > li.active > a {

  border-bottom-color: #967adc;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-alert > li.active > a {


  border-top-color: #967adc;

}

/* tabs system */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-system > li.active > a {

  border-top-color: #37bc9b;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-system > li.active > a {

  border-left-color: #37bc9b;

}

/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-system > li.active > a {

  border-right-color: #37bc9b;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-system > li.active > a {

  border-bottom-color: #37bc9b;

}

/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-system > li.active > a {

  border-top-color: #37bc9b;

}

/* tabs dark */

/* tabs top */

.tab-block .tabs-border.nav-tabs.tabs-dark > li.active > a {

  border-top-color: #3b3f4f;

}

/* tabs left */

.tab-block .tabs-border.tabs-left.tabs-dark > li.active > a {

  border-left-color: #3b3f4f;

}


/* tabs right */

.tab-block .tabs-border.tabs-right.tabs-dark > li.active > a {

  border-right-color: #3b3f4f;

}

/* tabs bottom */

.tab-block .tabs-border.tabs-below.tabs-dark > li.active > a {

  border-bottom-color: #3b3f4f;


}


/* panel tabs */

.panel-tabs.panel-tabs-border.tabs-dark > li.active > a {

  border-top-color: #3b3f4f;

}

/* ==============================================

   III. DEMO PAGES

    - Global Changes

    

 * This file is reserved for changes required only

 * for the themes demo. These styles may be vital

 * to themes appearance but often times will not

 * be useful in a true production environment.

 

 * For example each slider in sliders.html has a

 * margin of 65px, a large number only needed 

 * because six sliders have been stacked on top 

 * of each other. This would most likely not 

 * happen in a real enviroment.

================================================= 

 A. Global/Shared

================================================= */

.ajax-loading {

  overflow-y: scroll;

}

#return-arrow {

  color: #555;

  padding-left: 15px;

  padding-top: 15px;

  position: fixed;

  opacity: 0.7;

  cursor: pointer;

  display: block;

  z-index: 1050;

}

#return-arrow i.fa {

  float: left;

  padding-top: 2px;

}

#return-arrow span {

  float: left;

  padding-left: 15px;

  padding-top: 0px;

  font-size: 16px;

}

#return-arrow:hover {

  opacity: 1;

}

/*===============================================

  timeline.html/timeline-single.html

================================================= */

body.timeline-page .panel-clone {

  display: none;

}

/*===============================================

  pages-calendar-page.html

================================================= */

.calendar-page .tray-left {

  padding: 15px 18px;

}

.calendar-page .tray-left .fc-event {

  margin-left: 2px;

  margin-right: 2px;

  background: #FFF;

}

/*===============================================

  ui-icons.html

================================================= */

.icon-demo-list {

  font-size: 12px;

  padding-left: 0;

  padding-bottom: 1px;

  margin-bottom: 20px;

  list-style: none;

  overflow: hidden;

}

.icon-demo-list li {

  float: left;

  width: 20%;

  height: 100px;

  padding: 5px;

  line-height: 1.4;

  text-align: center;

}

.icon-demo-list li:hover {

  color: #3498db;

}

.icon-demo-list li span {

  display: block;

  margin: 5px auto 15px;

  font-size: 24px;

}

.iconsweets-list li span {

  font-size: 32px;

}

.stateface-list li span {

  font-size: 36px;

}

/*===============================================

  Skin Toolbox

================================================= */

#skin-toolbox {

  z-index: 999;

  overflow: visible !important;

  position: fixed;

  top: 150px;

  right: -230px;

  width: 230px;

  -webkit-transition: right 0.1s ease-in-out;

  -moz-transition: right 0.1s ease-in-out;

  transition: right 0.1s ease-in-out;

}

#skin-toolbox.toolbox-open {

  right: 0;

}

#skin-toolbox .panel-heading {

  cursor: pointer;

  margin-right: 30px;

  border: 1px solid #DDD;

  width: 274px;

  height: 47px;

  line-height: 42px;

  right: 44px;

  font-size: 14px;

}

#skin-toolbox .panel-heading .panel-title {

  padding-left: 40px;

}

#skin-toolbox .panel-body {

  border: 1px solid #DDD;

  border-top: 0;

  padding: 23px;

}

#skin-toolbox .panel-icon {

  font-size: 22px;

  padding-right: 20px;

  padding-left: 6px;

}

/*===============================================

  Source Code Viewer 

================================================= */

.bs-component {

  position: relative;

}

#source-button {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 100;

  font-weight: 600;

}

#source-modal {

  /* source code modal styles */

  /* highlight js styles */

}

#source-modal .modal-header {

  background-color: #fafafa;

}

#source-modal .btn-clipboard {

  letter-spacing: 0.5px;

}

#source-modal .hljs {


  padding: 10px 13px;


}


/*===============================================

  AdminDock Example Page

================================================= */

/* Demo styles */

#dock-content > div {

  display: none;

}

#dock-content > div.active-content {

  display: block;

}

#dock-content .active-content .modal-placeholder {

  position: relative;

  visibility: visible;

  display: block;

  height: 100%;

  width: 100%;

  text-align: center;

  font-size: 20px;

}

#dock-content .active-content .modal-placeholder:before {

  content: "It's been sent to AdminDock!";

}

#dock-content .active-content .modal-placeholder:after {

  content: "\f0a7";

  font-family: "FontAwesome";

  font-size: 30px;

  position: relative;

  top: 3px;

  padding-left: 20px;

  color: #999;

}

/*===================================================

   PRINT STYLES - Designed soley for Invoice Page

   Problems will arise if you attempt to use

   these styles globally

=====================================================*/

@media print {

  .invoice-page {

    /* Reset + Hide Primary Page Components */

    /* Modify Primary Container */

    /* Shorten and center page */

    /* Remove all Panel Borders */

    /* Hide Image Logo and reveal Text logo */

    /* Modify Invoice Container */

    /* Modify Invoice Panels */

    /* Modify Invoice Panels */

  }

  .invoice-page header.navbar,

  .invoice-page #sidebar_left,

  .invoice-page #sidebar_right,

  .invoice-page #topbar,

  .invoice-page #skin-toolbox,

  .invoice-page .panel-heading,

  .invoice-page .invoice-buttons {

    display: none !important;

    visibility: hidden;

    width: 0 !important;

    height: 0 !important;

    outline: 0;

    padding: 0 !important;

    margin: 0 !important;

    overflow: hidden;

  }

  .invoice-page #content_wrapper {

    background: 0;

    margin: 0 auto !important;

    padding: 0 !important;

    left: auto !important;

    right: auto !important;

    transition: none;

  }

  .invoice-page #content {

    padding: 0;

    background: none;

  }

  .invoice-page #content_wrapper:after {

    margin: 0;

    display: none;

  }

  .invoice-page #main {

    width: 1100px !important;

    margin: 0 auto !important;

  }

  .invoice-page .panel,

  .invoice-page .panel-body {

    border: 0 !important;

    margin: 0 !important;

    box-shadow: none !important;


  }

  .invoice-page .invoice-logo {

    display: none !important;

  }

  .invoice-page .invoice-logo-text {

    display: block !important;

    visibility: visible !important;

  }

  .invoice-page .table-layout > .col-md-10 {

    width: 100% !important;

    padding: 0 !important;

  }

  .invoice-page #invoice-info {

    border-top: 1px dashed #ddd;

    border-bottom: 1px dashed #ddd;

    margin-top: 20px !important;

    margin-bottom: 40px !important;

    background-color: #ddd;

  }

  .invoice-page #invoice-info > .col-md-4 {

    float: none;

    display: inline-block;

    width: 32%;

    padding: 0;

    margin: 0;

  }

  .invoice-page #invoice-info > .col-md-4:nth-child(2) {

    text-align: center;

  }

  .invoice-page #invoice-info > .col-md-4:last-child {

    text-align: right;

    position: relative;

    top: 8px;


  }

  .invoice-page #invoice-info > .col-md-4 .panel-body {

    padding: 10px;

  }

}

/* ==============================================

    RESPONSIVE STYLES

      A. Content

    B. Topbar

        

* These styles control various aspects of the

* site which benefit from being responsive 

================================================= 

  A. Content

================================================= */

#content {

 padding: 0px 8px 0px 11px;

}

/* content padding on large resolutions */

@media (min-width: 1100px) {

  #content {

       padding: 0px 20px 0px 21px;

  }

}

/* Adds top padding to md columns as a spacer

 * when they are mobile stacked */

@media (max-width: 991px) {

  #content .col-md-2 + .col-md-2,

  #content .col-md-2 + .col-md-4,

  #content .col-md-2 + .col-md-6,

  #content .col-md-4 + .col-md-2,

  #content .col-md-4 + .col-md-4,

  #content .col-md-4 + .col-md-6,

  #content .col-md-6 + .col-md-2,

  #content .col-md-6 + .col-md-4,

  #content .col-md-6 + .col-md-6 {

/* padding-top: 10px; */

}

}

@media (max-width: 815px) {

  #content .panel .panel-body {

    overflow: hidden !important;

    min-width: 0 !important;

  }

}



.panel-footer .center{

position: relative;

margin: 0 auto;

display: block !important;



}







.leftarrow{     width: 20%;

    height: 20%;border-bottom:2px solid #000000;

-webkit-transform: rotate(-25deg);/*Safari 4+,Google Chrome 1+  */

-moz-transform: rotate(-25deg);/*Firefox 3.5+*/

filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45); float:left;    position: absolute;

    left: 20%;}



.centerarrow{ width:100px;height:100px;border-bottom:2px solid #000000;

-webkit-transform: rotate(90deg);/*Safari 4+,Google Chrome 1+  */

-moz-transform: rotate(90deg);/*Firefox 3.5+*/

filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);float:left;       position: relative;

    left: 50%;}

.rightarrow{     width: 20%;

    height: 20%;border-bottom:2px solid #000000;

-webkit-transform: rotate(25deg);/*Safari 4+,Google Chrome 1+  */

-moz-transform: rotate(25deg);/*Firefox 3.5+*/

filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);    float: right;

    right: 20%;

    position:absolute;}

.clear {

    clear: both;

}

#tt {position:absolute; display:block; background:none; }

#tttop {display:block; height:5px; margin-left:10px; background:none top right no-repeat; overflow:hidden; }

#ttcont {display:block; margin-left:5px; background:none -20px 0px no-repeat; color:#444; }

#ttbot {display:block; height:5px; margin-left:10px; background:none top right no-repeat; overflow:hidden; }



/* --- Tool Tip --- */

.tool_tip_wrap {

  width:320px;

  height:auto;

  margin:0 auto;

  padding:0;

  background:#fff;

  border-radius:8px;

  -webkit-border-radius:8px;

  -moz-border-radius:8px;

  -ms-border-radius:8px;

  -o-border-radius:8px;

  box-shadow:0 5px 20px #bbb;

  -webkit-box-shadow:0 5px 20px #bbb;

  -moz-box-shadow:0 5px 20px #bbb;

  -ms-box-shadow:0 5px 20px #bbb;

  -o-box-shadow:0 5px 20px #bbb;

  overflow:hidden;

  font-family:'Open Sans', sans-serif;

  font-size:13px;


  line-height:21px;

  letter-spacing:0.05em;

}



.tool_tip_head {

  width:calc( 100% - 40px ):

  height:auto;

  margin:0;

  padding: 8px 0px;

/*  background:#f4f2e8;

  border-bottom:1px solid #ccc;*/

}

.tool_tip_head img {

  display:inline-block;

  float:left;

  margin:5px 10px 0 0;

}

  .tool_tip_head p {

  font-weight:bold;

  text-align:left;

  margin:0;

}

  .tool_tip_head p span {

  font-weight:normal;

}



.tool_tip_desc {

  width:100%;

  height:auto;

  margin:0 auto;

}

.half_col_left, .half_col_right,.half_col_center {

  width:calc( 33% - 0px );

  float:left;

  margin:0;

  padding:5px 10px 0 10px;

  border-right:2px solid #ddd;

  text-align:center;

  height:auto;

}

.half_col_right {

  float:right;

  border-right:none;

}

.half_col_left p, .half_col_right p,.half_col_center p {

  font-size:12px;

  color:#666;

}

.half_col_left p span, .half_col_right p span,.half_col_center p span {

  font-size:13px;

  color:#000;

  font-weight:bold;

}



.tool_tip_sep {

  width:100%;

  height:1px;

  background:#ddd;

  float:none;

}



/*.admin-form label{ color:#fff !important;}*/

/*.admin-form { color: #FFFFFF!important;}*/



.map1 a{

cursor: pointer;

display: inline-block;

margin: 10px;

border-radius: 3px;

padding: 5px 15px;transition: .3s;

    margin-top: 4px;

}

.map1 a:hover{background-color: rgba(0, 0, 0, 0.35);transition: .3s; }

.map1 a img{ width:40px;}

/*快捷导航样式*/

.back-footer-green {

    background-color: #5cb85c;

    color: #fff;

    border-top: 0px solid #fff;

}

.back-footer-blue {

    background-color: #4CB1CF;

    color: #fff;

    border-top: 0px solid #fff;

}

.back-footer-red {

    background-color: #F0433D;

    color: #fff;

    border-top: 0px solid #fff;

}

.back-footer-brown {

    background-color: #f0ad4e;

    color: #fff;

    border-top: 0px solid #fff;

}

.bg-color-green {

    background-color: #fff;

    color: #5cb85c;

}

.bg-color-blue {

    background-color: #fff;

    color: #4CB1CF;

}

.bg-color-red {

    background-color: #fff;

    color: #F0433D;

}

.bg-color-brown {

    background-color: #fff;

    color: #f0ad4e;

}


.m-t{ margin-top:10px;}
.m-b-xs{ margin-bottom:20px;}

li{    list-style-type: none;}
.col-md-3  h6.text-system{
    line-height: 39px;
    margin-top: 0px;
    font-size: 20px;
    height: 53px;
    color: #428bca;
    text-align: center;
    }

table.table>tbody>tr:nth-child(odd) td {
    background-color: #f2f2f2;
}
.iconfont{font-size:30px !important;vertical-align: middle;}
.btn-default a{ color:#fff;}
.text-center{ text-align: center; }
.blue-panel .table > tbody > tr > td{    line-height: 20px;}