@charset "UTF-8";
/* ========================================================================
 * TABLE OF CONTENTS
 * ========================================================================
   01. ALERT
   02. CALLOUT
   03. BADGE
   04. BREADCRUMB
   05. BUTTON
   06. DROPDOWN
   07. FORM
   08. IMG BORDERED
   09. LABEL
   10. MEDIA IMAGE
   11. MISC
   12. MODALS
   13. PAGINATION
   14. PANEL
   15. PROGRESS BAR
   16. RATING STAR
   17. RESET
   18. RIBBONS
   19. TABLE
   20. TABS
   21. THUMBNAIL
   22. TOOLTIP
   23. TYPOGRAPHY
   24. WIDGETS
 * ======================================================================== */
/* ========================================================================
 * WIDGETS
 * ======================================================================== */
/* ========================================================================
 * TABLE OF CONTENT
 * ========================================================================
   OVERVIEW
   MINI STAT
   MINI STAT TYPE 3
   MINI STAT TYPE 4
   MINI STAT TYPE 5
   BLOG
   PROFILE
   CURRENT CITY
   FORECAST
   VISITOR CHART
   TO-DO
   RECENT ACTIVITY
   OVERVIEW SOCIAL
 * ======================================================================== */
.widget-wrapper {
    position: relative;
    border: none !important;
}

/* ========================================================================
 * OVERVIEW
 * ======================================================================== */
.widget-overview .overview-label {
    text-transform: uppercase;
    font-size: 11px;
    opacity: 0.75;
    display: block;
    line-height: normal;
    margin-bottom: 2px;
}

.widget-overview h1 {
    margin: 0;
    line-height: 36px;
    font-size: 38px;
}

.widget-overview .row {
    margin-bottom: 10px;
}

.widget-overview .row:last-child {
    margin-bottom: 0px;
}

.widget-overview h4 {
    margin-top: 2px;
    margin-bottom: 0px;
}

/* ========================================================================
 * MINI STAT
 * ======================================================================== */
.mini-stat {
    padding: 15px;
    margin-bottom: 20px;
}

.mini-stat-chart {
    width: auto;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.mini-stat-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: none repeat scroll 0% 0% #EEE;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    color: #FFF;
}

.mini-stat-info {
    font-size: 12px;
    padding-top: 2px;
}

.mini-stat-info span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 7px;
}

/* ========================================================================
 * MINI STAT TYPE 3
 * ======================================================================== */
.mini-stat-type-3 {
    position: relative;
    background-color: #FBFBFB;
    padding: 10px;
    margin-bottom: 20px;
}

.mini-stat-type-3 h3 {
    margin-top: 8px;
}

.mini-stat-type-3 .meta-stat {
    display: block;
    border-top: 1px solid #DDD;
    font-size: 10px;
    color: #A7A7A7;
    padding-top: 5px;
    margin: 0 40px;
}

/* ========================================================================
 * MINI STAT TYPE 4
 * ======================================================================== */
.mini-stat-type-4 {
    text-align: center;
    margin-bottom: 20px;
    background-color: #ffffff;
    padding: 20px;
}

.mini-stat-type-4 h1, .mini-stat-type-4 h3 {
    margin-top: 0;
    font-weight: 300;
}

.mini-stat-type-4 h1 {
    font-size: 100px;
}

/* ========================================================================
 * MINI STAT TYPE 5
 * ======================================================================== */
.mini-stat-type-5 {
    text-align: center;
    margin-bottom: 20px;
    background-color: #ffffff;
    padding: 20px;
}

.mini-stat-type-5.border-facebook {
    border-top: 5px solid #3b5998;
}

.mini-stat-type-5.border-twitter {
    border-top: 5px solid #00a0d1;
}

.mini-stat-type-5.border-youtube {
    border-top: 5px solid #c4302b;
}

.mini-stat-type-5 h1, .mini-stat-type-5 h3 {
    margin-top: 0;
    font-weight: 300;
}

.mini-stat-type-5 h3 {
    font-size: 18px;
}

.mini-stat-type-5 h3 .label {
    display: inline-block;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    padding-top: 2px;
}

.mini-stat-type-5 h1 {
    font-size: 35px;
    margin: 25px 0;
    position: relative;
}

.mini-stat-type-5 h1 .status, .mini-stat-type-5 h1 .number {
    display: inline-block;
}

.mini-stat-type-5 h1 .status {
    font-size: 15px;
    vertical-align: middle;
    margin-left: -55px;
}

.mini-stat-type-5 h1 .status .percent, .mini-stat-type-5 h1 .status i {
    display: block;
}

.mini-stat-type-5 p {
    margin: 0;
    font-size: 12px;
}

/* ========================================================================
 * MINI STAT TYPE 2
 * ======================================================================== */
.mini-stat-type-2 {
    position: relative;
    background-color: #FBFBFB;
    padding: 10px;
    margin-bottom: 20px;
}

.mini-stat-type-2 h3, .mini-stat-type-2 p {
    margin: 0;
}

.mini-stat-type-2.border-danger {
    border-top: 15px solid #E9573F;
}

.mini-stat-type-2.border-success {
    border-top: 15px solid #0e76a8;
}

.mini-stat-type-2.border-primary {
    border-top: 15px solid #0e76a8;
}

.mini-stat-type-2.border-lilac {
    border-top: 15px solid #906094;
}

.mini-stat-type-2 .text-muted {
    font-size: 10px;
}

.mini-stat-type-2 .overview-icon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    display: block;
    content: "";
    line-height: 50px;
    font-size: 30px;
    margin: 15px auto;
}

/* ========================================================================
 * BLOG
 * ======================================================================== */
.panel-blog {
    padding: 20px;
}

.panel-blog .panel-body {
    background-color: #ffffff !important;
}

#blog-list .blog-title {
    color: #333;
    margin: 5px 0px 0px 0px;
    font-weight: 400;
    font-size: 16px;
}

#blog-list .blog-title a {
    color: #333;
}

#blog-list .blog-subtitle {
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 15px;
    margin-top: 20px;
}

#blog-list .blog-meta {
    list-style: none;
    padding: 0px;
    margin: 5px 0px;
    display: block;
}

#blog-list .blog-meta:after {
    clear: both;
    display: block;
    content: '';
}

#blog-list .blog-meta li {
    float: left;
    padding: 0px 5px;
    border-right: 1px solid #DDD;
    line-height: normal;
    font-size: 11px;
    margin-bottom: 5px;
}

#blog-list .blog-meta li:first-child {
    padding-left: 0px;
}

#blog-list .blog-meta li:last-child {
    padding-right: 0;
    border-right: 0;
}

#blog-list .blog-author {
    margin: 20px 0px 30px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 20px 0px;
}

#blog-list .blog-item {
    background: #fcfcfc;
    margin-bottom: 20px;
    position: relative;
}

#blog-list .blog-item .carousel {
    margin-bottom: 10px;
    padding-right: 10px;
    width: 300px;
}

#blog-list .blog-item .carousel:hover .carousel-control {
    display: block;
}

#blog-list .blog-item .carousel-caption {
    bottom: 10px;
    right: 10px;
    left: auto;
    padding-bottom: 0px;
    padding-top: 0px;
}

#blog-list .blog-item .carousel-control {
    display: block;
    background-image: none;
}

#blog-list .blog-item .carousel-control span {
    position: absolute;
    top: 40%;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border: 1px solid white;
    border-radius: 50%;
    line-height: 27px;
}

#blog-list .blog-item .carousel-control.left span {
    right: 0px;
}

#blog-list .blog-item .carousel-control.right {
    right: 12px;
}

#blog-list .blog-item .carousel-control.right span {
    left: 0px;
}

#blog-list .blog-item .carousel-indicators {
    left: 15px;
    margin-left: 0px;
    bottom: 0px;
    width: auto;
}

#blog-list .blog-img {
    padding-right: 10px;
    width: 300px;
}

#blog-list .blog-details {
    padding-top: 4px;
}

#blog-list .blog-img, #blog-list .blog-details, #blog-list .quote, #blog-list .carousel {
    display: table-cell;
    vertical-align: top;
}

#blog-list .blog-summary {
    font-size: 13px;
}

#blog-list .blog-summary p {
    margin: 5px 0px;
}

#blog-list .blog-summary .btn {
    margin-top: 5px;
}

#blog-list .blog-quote .quote-primary a {
    color: #fff;
    background-color: #0e76a8;
}

#blog-list .blog-quote .quote-primary a:hover {
    background-color: #009dc8;
}

#blog-list .blog-quote .quote-success a {
    color: #fff;
    background-color: #0e76a8;
}

#blog-list .blog-quote .quote-success a:hover {
    background-color: #0e76a8;
}

#blog-list .blog-quote .quote-info a {
    color: #fff;
    background-color: #63D3E9;
}

#blog-list .blog-quote .quote-info a:hover {
    background-color: #4dcde6;
}

#blog-list .blog-quote .quote-warning a {
    color: #fff;
    background-color: #F6BB42;
}

#blog-list .blog-quote .quote-warning a:hover {
    background-color: #f5b22a;
}

#blog-list .blog-quote .quote-danger a {
    color: #fff;
    background-color: #E9573F;
}

#blog-list .blog-quote .quote-danger a:hover {
    background-color: #e64328;
}

#blog-list .blog-quote .quote-lilac a {
    color: #fff;
    background-color: #906094;
}

#blog-list .blog-quote .quote-lilac a:hover {
    background-color: #815685;
}

#blog-list .blog-quote .quote-inverse a {
    color: #fff;
    background-color: #2A2A2A;
}

#blog-list .blog-quote .quote-inverse a:hover {
    background-color: #1d1d1d;
}

#blog-list .blog-quote .quote-teal a {
    color: #fff;
    background-color: #0e76a8;
}

#blog-list .blog-quote .quote-teal a:hover {
    background-color: #31a88b;
}

#blog-list .blog-quote .quote {
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    width: 300px;
    padding-right: 10px;
}

#blog-list .blog-quote .quote a {
    padding: 22px;
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
}

#blog-list .blog-quote .quote a:hover {
    text-decoration: none;
}

#blog-list .blog-quote .quote-author {
    display: block;
    opacity: 0.5;
}

#blog-list .blog-quote .blog-meta {
    margin-top: 5px;
    margin-bottom: 5px;
}

#blog-list .blog-video {
    display: table-cell;
    position: relative;
    width: 290px;
    overflow: hidden;
    vertical-align: top;
    height: 235px;
}

#blog-list .blog-video iframe {
    position: absolute;
    width: 100%;
    height: 218px;
    border: none;
    top: 0;
    left: 0;
}

#blog-list .blog-video + .blog-details {
    padding-left: 10px;
}

#blog-list .blog-grid .media {
    border-bottom: 1px solid #DDD;
    padding: 15px;
    margin: 0px;
}

#blog-list .blog-grid .media:last-child {
    border-bottom: none;
    margin-bottom: 20px;
}

#blog-list .blog-grid .thumbnail {
    margin: 0px;
}

#blog-list .blog-grid a {
    font-size: 13px;
}

#blog-list .blog-grid b {
    font-size: 12px;
}

#blog-list .blog-grid img {
    width: 55px;
}

#blog-list .blog-list-slider .carousel-indicators {
    top: -33px;
    right: 10px;
    width: 17%;
    left: inherit;
}

.blog-title {
    color: #333;
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
}

.blog-title a {
    color: #333;
}

.blog-subtitle {
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 15px;
    margin-top: 20px;
}

.blog-meta {
    list-style: none;
    padding: 0px;
    margin: 10px 0px 10px;
    display: block;
}

.blog-meta:after {
    clear: both;
    display: block;
    content: '';
}

.blog-meta li {
    float: left;
    padding: 0px 5px;
    border-right: 1px solid #DDD;
    line-height: normal;
    font-size: 11px;
    margin-bottom: 5px;
}

.blog-meta li:first-child {
    padding-left: 0px;
}

.blog-meta li:last-child {
    padding-right: 0;
    border-right: 0;
}

.blog-img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.blog-author {
    margin: 20px 0px 30px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 20px 0px;
}

.blog-item {
    background: #fcfcfc;
    margin-bottom: 20px;
    position: relative;
}

.blog-item .carousel {
    margin-bottom: 10px;
}

.blog-item .carousel:hover .carousel-control {
    display: block;
}

.blog-item .carousel-caption {
    bottom: 10px;
    right: 10px;
    left: auto;
    padding-bottom: 0px;
    padding-top: 0px;
}

.blog-item .carousel-control {
    display: block;
    background-image: none;
}

.blog-item .carousel-control span {
    position: absolute;
    top: 40%;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border: 1px solid white;
    border-radius: 50%;
    line-height: 27px;
}

.blog-item .carousel-control.left span {
    right: 0px;
}

.blog-item .carousel-control.right span {
    left: 0px;
}

.blog-item .carousel-indicators {
    left: 15px;
    margin-left: 0px;
    bottom: 0px;
    width: auto;
}

.blog-details {
    padding: 10px;
}

.blog-summary {
    font-size: 13px;
}

.blog-summary p {
    margin: 10px 0;
}

.blog-summary .btn {
    margin-top: 10px;
}

.blog-quote .quote-primary a {
    color: #fff;
    background-color: #0e76a8;
}

.blog-quote .quote-primary a:hover {
    background-color: #009dc8;
}

.blog-quote .quote-success a {
    color: #fff;
    background-color: #0e76a8;
}

.blog-quote .quote-success a:hover {
    background-color: #0e76a8;
}

.blog-quote .quote-info a {
    color: #fff;
    background-color: #63D3E9;
}

.blog-quote .quote-info a:hover {
    background-color: #4dcde6;
}

.blog-quote .quote-warning a {
    color: #fff;
    background-color: #F6BB42;
}

.blog-quote .quote-warning a:hover {
    background-color: #f5b22a;
}

.blog-quote .quote-danger a {
    color: #fff;
    background-color: #E9573F;
}

.blog-quote .quote-danger a:hover {
    background-color: #e64328;
}

.blog-quote .quote-lilac a {
    color: #fff;
    background-color: #906094;
}

.blog-quote .quote-lilac a:hover {
    background-color: #815685;
}

.blog-quote .quote-inverse a {
    color: #fff;
    background-color: #2A2A2A;
}

.blog-quote .quote-inverse a:hover {
    background-color: #1d1d1d;
}

.blog-quote .quote-teal a {
    color: #fff;
    background-color: #0e76a8;
}

.blog-quote .quote-teal a:hover {
    background-color: #31a88b;
}

.blog-quote .quote {
    margin: 0;
    font-size: 15px;
    line-height: 24px;
}

.blog-quote .quote a {
    padding: 15px;
    color: white;
    display: block;
    text-align: center;
}

.blog-quote .quote a:hover {
    text-decoration: none;
}

.blog-quote .quote-author {
    display: block;
    opacity: 0.5;
    text-transform: capitalize;
}

.blog-quote .blog-meta {
    margin-top: 5px;
    margin-bottom: 5px;
}

.blog-video {
    overflow: hidden;
    height: 0;
    padding-top: 43px;
    padding-bottom: 50%;
    position: relative;
}

.blog-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0;
    left: 0;
}

.blog-list .media {
    border-bottom: 1px solid #DDD;
    padding: 15px;
    margin: 0px;
}

.blog-list .media:last-child {
    border-bottom: none;
    margin-bottom: 20px;
}

.blog-list .thumbnail {
    margin: 0px;
}

.blog-list a {
    font-size: 13px;
}

.blog-list b {
    font-size: 12px;
}

.blog-list img {
    width: 55px;
}

.blog-list-slider .carousel-indicators {
    top: -33px;
    right: 10px;
    width: 17%;
    left: inherit;
}

.blog-tags {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-tags li, .blog-tags a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 11px;
}

.blog-tags li {
    padding: 0px;
    margin-bottom: 10px;
}

.blog-tags a {
    margin-left: 20px;
    padding: 0 10px 0 12px;
    background: #0e76a8;
    color: #fff;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.blog-tags a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #0e76a8 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}

.blog-tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #00a5d2;
    -webkit-box-shadow: -1px -1px 2px #00a5d2;
    box-shadow: -1px -1px 2px #00a5d2;
}

.blog-tags a:hover {
    background: #555;
    color: white;
}

.blog-tags a:hover:before {
    border-color: transparent #555 transparent transparent;
}

.blog-twitter .blog-twitter-list {
    padding: 5px;
    position: relative;
    margin-bottom: 10px;
    border-right: solid 2px #DDD;
}

.blog-twitter .blog-twitter-list:hover {
    background-color: #e1e1e1;
    border-right: solid 2px #0e76a8;
}

.blog-twitter .blog-twitter-list a {
    color: #4d90fe;
}

.blog-twitter .blog-twitter-list p {
    margin-bottom: 0;
}

.blog-twitter .blog-twitter-list span {
    color: #555;
    display: block;
    font-size: 12px;
}

.blog-twitter .blog-twitter-list .blog-twitter-icon {
    color: #c8c8c8;
    right: 10px;
    bottom: 10px;
    font-size: 30px;
    position: absolute;
}

.blog-gallery li {
    padding-right: 3px;
    margin-bottom: 10px;
    opacity: 0.8;
}

.blog-gallery li:hover {
    opacity: 1;
}

.comment-count {
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 15px;
    margin-top: 0px;
}

.comment-list .media {
    border-bottom: 1px dotted #DDD;
    padding-top: 15px !important;
    padding-bottom: 15px;
}

.comment-list .media:last-child {
    border-bottom: none;
}

.comment-list .media .media {
    border-bottom: none;
    padding-bottom: 0px;
}

.comment-list .media-object {
    width: 60px;
    margin-right: 5px;
}

.comment-list h4 {
    margin: 0px;
    color: #333;
    font-size: 16px;
}

.comment-list .media-body .media {
    border-top: 1px dotted #DDD;
    padding-top: 15px;
}

.comment-list .media-body p:last-child {
    margin-bottom: 0px;
}

.comment-list .reply {
    padding: 3px 8px;
    line-height: normal;
    border-radius: 2px;
}

@media (max-width: 360px) {
    #blog-list .blog-item {
        height: inherit !important;
    }

    #blog-list .blog-img,
    #blog-list .blog-quote .quote,
    #blog-list .blog-item .carousel,
    #blog-list .blog-video {
        width: 100%;
        display: block;
        padding-right: 0px;
    }
}

/* ========================================================================
 * PROFILE
 * ======================================================================== */
.profile-cover {
    width: 100%;
}

.profile-cover .cover {
    position: relative;
    border: 10px solid #FFF;
}

.profile-cover .cover .inner-cover {
    overflow: hidden;
    height: auto;
}

.profile-cover .cover .inner-cover img {
    border: 1px solid transparent;
    text-align: center;
    width: 100%;
}

.profile-cover .cover .inner-cover .cover-menu-mobile {
    position: absolute;
    top: 10px;
    right: 10px;
}

.profile-cover .cover .inner-cover .cover-menu-mobile button i {
    font-size: 17px;
}

.profile-cover .cover ul.cover-menu {
    padding-left: 150px;
    position: absolute;
    overflow: hidden;
    left: 1px;
    float: left;
    bottom: 0px;
    width: 100%;
    margin: 0px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.24);
}

.profile-cover .cover ul.cover-menu li {
    display: block;
    float: left;
    margin-right: 0px;
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.profile-cover .cover ul.cover-menu li:hover {
    background-color: rgba(0, 0, 0, 0.44);
}

.profile-cover .cover ul.cover-menu li.active {
    background-color: rgba(0, 0, 0, 0.64);
}

.profile-cover .cover ul.cover-menu li a {
    color: #FFF;
    font-weight: bold;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}

.profile-cover .cover ul.cover-menu li a i {
    font-size: 18px;
}

.profile-cover .profile-body {
    margin: 0px auto 10px;
    position: relative;
}

.profile-cover .profile-timeline {
    padding: 15px;
}

/* ========================================================================
 * CURRENT CITY
 * ======================================================================== */
.weather-current-city {
    padding: 10px;
    color: #fff;
    margin-bottom: 20px;
}

.weather-current-city img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 125px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.current-city {
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 10px;
}

.current-temp {
    display: block;
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 2.8em;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    line-height: 1.1em;
}

.current-day {
    display: block;
    font-size: 1em;
    font-weight: 400;
    position: absolute;
}

.current-day-icon {
    display: block;
    float: right;
    font-size: 5.2em;
    font-weight: 700;
}

ul.days {
    list-style: none outside none;
    margin-top: 20px;
    padding: 0 10px;
    color: #fff;
}

ul.days li {
    text-align: center;
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px;
}

ul.days li:first-child {
    border-left: none;
}

ul.days li strong {
    position: relative;
    border-radius: 3px;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 25px;
    margin-bottom: 5px;
    display: block;
}

ul.days li span {
    display: block;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 1.9em;
    margin-bottom: 5px;
}

/* ========================================================================
 * FORECAST
 * ======================================================================== */
.weather-forecast {
    position: relative;
    color: #fff;
}

.weather-forecast img {
    width: 100%;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0px 0px;
}

.weather-forecast .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    color: #FFF;
    position: absolute;
    left: 30px;
    bottom: 15px;
}

.weather-forecast .country-select {
    position: absolute;
    top: 10px;
    right: 27px;
}

.weather-full-info {
    color: #CBCBCB;
    background-color: white;
    padding: 20px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
}

.weather-full-info .degree {
    font-size: 27px;
    font-weight: 600;
    display: inline-block;
    padding-left: 10px;
}

.weather-full-info .degree:after {
    content: "o";
    position: relative;
    top: -12px;
    font-size: 16px;
}

.weather-full-info ul {
    margin-bottom: 0px;
}

.weather-full-info ul li {
    list-style: none;
    border-left: 1px dotted #F1F2F7;
}

.weather-full-info ul li:first-child {
    border-left: none;
}

.weather-full-info ul li i {
    font-size: 25px;
}

.weather-full-info h2 {
    font-size: 14px;
    font-weight: 300;
    margin: 0px 0px 5px;
}

.weather-full-info .statistics {
    padding-top: 5px;
}

.weather-full-info .statistics:after {
    content: "o";
    position: relative;
    top: -5px;
    font-size: 10px;
}

.weather-full-info .today-status h1 {
    margin: 0px 0px 20px 0px;
    font-size: 19px;
}

.weather-full-info .today-status i {
    font-size: 30px;
    color: #299A0B;
}

@media (max-width: 600px) {
    .weather-full-info .today-status {
        text-align: center;
    }
}

@media (max-width: 360px) {
    .weather-full-info .today-status {
        margin-bottom: 10px;
    }

    .weather-full-info ul li {
        padding-bottom: 10px;
        padding-top: 10px;
        border-left: none !important;
    }
}

/* ========================================================================
 * VISITOR CHART
 * ======================================================================== */
.stat-stack.widget-visitor > .panel-body {
    background-color: #F5F5F5 !important;
}

.stat-stack.widget-visitor > .panel-body .text-strong {
    color: #636e7b;
}

.stat-stack.widget-visitor > .panel-body .text-muted {
    color: #777;
}

.stat-stack.widget-market > .panel-body {
    background-color: #FBFBFB !important;
}

.widget-visitor .stat-left .panel-footer {
    padding: 20px 10px 10px !important;
}

.widget-visitor .stat-left .panel-footer .border-right {
    border-right: 1px dotted #DDD;
}

.widget-visitor .stat-left .panel-footer .border-right:last-child {
    border-right: none;
}

.widget-visitor .stat-left .resize-chart {
    height: 250px;
}

.widget-visitor .stat-right .panel-footer {
    padding: 0px 20px 20px !important;
}

.widget-market .stat-left .panel-footer {
    padding: 20px 20px 10px !important;
}

.widget-market .stat-left .resize-chart {
    height: 310px;
}

.widget-market .stat-right .panel-footer {
    padding: 30px 20px 15px !important;
}

.widget-market .stat-right .resize-chart {
    width: 100%;
    height: 270px;
}

@media (max-width: 1024px) {
    .widget-market .stat-left .mini-stat .mini-stat-chart {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .widget-market .stat-left .mini-stat .mini-stat-info {
        text-align: center !important;
    }

    .widget-market .stat-left .panel-footer {
        padding: 20px 20px 10px !important;
    }
}

.stat-left {
    background-color: #F5F5F5;
}

.stat-left .panel-heading .panel-toolbar .btn-group .btn {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.stat-left .panel-heading .panel-toolbar .btn-group .btn.dropdown-toggle {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.stat-left .panel-footer h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.stat-left .mini-stat-info span {
    font-size: 18px;
}

.stat-left .mini-stat-info p {
    font-size: 11px;
}

.stat-left .resize-chart {
    width: 100%;
}

.stat-left .resize-chart > .legend > div, .stat-left .resize-chart > .legend > table {
    top: 0px !important;
    left: 40px !important;
}

.stat-left .resize-chart > .legend > div:first-child {
    background-color: transparent !important;
}

.stat-left .resize-chart > .legend .legendColorBox {
    padding-right: 5px;
}

.stat-left .resize-chart > .legend .legendColorBox > div {
    border: none !important;
}

.stat-left .resize-chart > .legend .legendLabel {
    color: #FFFFFF;
}

@media (max-width: 360px) {
    .stat-left .panel-footer .row {
        margin: 0px;
    }

    .stat-left .panel-footer [class*="col-"] {
        border-bottom: 1px dotted #DDD;
        border-right: none !important;
        padding: 10px;
    }

    .stat-left .panel-footer [class*="col-"]:first-child {
        padding-top: 0px;
    }

    .stat-left .panel-footer [class*="col-"]:last-child {
        padding-bottom: 0px;
        border-bottom: none;
    }
}

.stat-right .panel-body {
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 3px 3px 0px;
}

.stat-right .panel-body span {
    font-size: 12px;
}

.stat-right .progress {
    margin-bottom: 11px;
}

.stat-right .income-progress {
    padding: 0px 20px;
    background-color: #FBFBFB;
}

.stat-right .resize-chart {
    width: 100%;
    height: 100px;
}

.stat-right .panel-body {
    padding: 20px 20px 0px 20px !important;
}

.stat-right .panel-footer {
    padding: 0px 20px 10px !important;
    background-color: #FBFBFB;
    border-top: none;
}

.stat-right .panel-footer span {
    font-size: 11px;
}

.stat-right .flot-text {
    font-size: 11px;
    color: #999 !important;
}

/* ========================================================================
 * TO-DO
 * ======================================================================== */
.widget-todo .todo-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.widget-todo .todo-list li {
    border-bottom: 1px solid #DDD;
    padding: 8px 10px 2px;
}

.widget-todo .todo-list li input:checked + label {
    text-decoration: line-through;
    color: #999;
    font-size: 15px;
}

/* ========================================================================
 * RECENT ACTIVITY
 * ======================================================================== */
.recent-activity {
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 30px;
}

.recent-activity > h3 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 300;
}

.recent-activity-item {
    position: relative;
    margin: 0;
    padding: 0;
}

.recent-activity-item:before {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    background: #e6e6e8;
    top: 0px;
    bottom: -30px;
    margin-left: 8px;
}

.recent-activity-item.recent-activity-danger:before {
    background: #f6bbb1;
}

.recent-activity-item.recent-activity-danger .recent-activity-badge-userpic {
    border: 3px solid #f6bbb1;
}

.recent-activity-item.recent-activity-success:before {
    background: #cae3b0;
}

.recent-activity-item.recent-activity-success .recent-activity-badge-userpic {
    border: 3px solid #cae3b0;
}

.recent-activity-item.recent-activity-primary:before {
    background: #62ddff;
}

.recent-activity-item.recent-activity-primary .recent-activity-badge-userpic {
    border: 3px solid #62ddff;
}

.recent-activity-item.recent-activity-info:before {
    background: #d3f3f9;
}

.recent-activity-item.recent-activity-info .recent-activity-badge-userpic {
    border: 3px solid #d3f3f9;
}

.recent-activity-item.recent-activity-warning:before {
    background: #fce7bc;
}

.recent-activity-item.recent-activity-warning .recent-activity-badge-userpic {
    border: 3px solid #fce7bc;
}

.recent-activity-item.recent-activity-lilac:before {
    background: #c6abc9;
}

.recent-activity-item.recent-activity-lilac .recent-activity-badge-userpic {
    border: 3px solid #c6abc9;
}

.recent-activity-item.recent-activity-teals:before {
    background: #93dfcc;
}

.recent-activity-item.recent-activity-teals .recent-activity-badge-userpic {
    border: 3px solid #93dfcc;
}

.recent-activity-item.recent-activity-inverse:before {
    background: #6a6a6a;
}

.recent-activity-item.recent-activity-inverse .recent-activity-badge-userpic {
    border: 3px solid #6a6a6a;
}

.recent-activity-item.recent-activity-last:before {
    content: initial;
}

.recent-activity-badge {
    float: left;
    position: relative;
    padding-right: 20px;
    height: 20px;
    width: 20px;
}

.recent-activity-badge-userpic {
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    border: 3px #F3F3F4 solid;
    background-color: #F3F3F4;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50%;
    border-radius: 50% !important;
}

.recent-activity-body {
    position: relative;
    padding: 0;
    margin-top: 10px;
    margin-left: 30px;
}

.recent-activity-body:before, .recent-activity-body:after {
    content: " ";
    display: table;
}

.recent-activity-body:after {
    clear: both;
}

.recent-activity-body-head {
    margin-bottom: 10px;
}

.recent-activity-body-title {
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}

.recent-activity-body-content {
    font-size: 13px;
    margin-top: 10px;
}

.recent-activity-body-content p:last-child {
    margin-bottom: 0;
}

.text-muted {
    color: #777;
}

@media (max-width: 768px) {
    .recent-activity-body-head-caption {
        width: 100%;
    }
}

/* ========================================================================
 * OVERVIEW SOCIAL
 * ======================================================================== */
.widget-social-overview {
    position: relative;
}

.widget-social-overview .bg-facebook .ct-series-a .ct-line,
.widget-social-overview .bg-facebook .ct-series-a .ct-point {
    stroke: #FFFFFF;
}

.widget-social-overview .bg-facebook .ct-series-b .ct-line,
.widget-social-overview .bg-facebook .ct-series-b .ct-point {
    stroke: #87A1D0;
}

.widget-social-overview .bg-twitter .ct-series-a .ct-line,
.widget-social-overview .bg-twitter .ct-series-a .ct-point {
    stroke: #42C9F2;
}

.widget-social-overview .bg-youtube .ct-series-a .ct-area,
.widget-social-overview .bg-youtube .ct-series-a .ct-point {
    stroke: #FFFFFF;
    fill: #DABFBF;
}

.widget-social-overview .bg-youtube .ct-series-b .ct-area,
.widget-social-overview .bg-youtube .ct-series-b .ct-point {
    stroke: #F7403A;
    fill: #590502;
}

.widget-social-overview .overview-heading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px;
}

.widget-social-overview .overview-heading h3 {
    margin: 0;
    padding: 0;
}

.widget-social-overview .overview-heading .mark, .widget-social-overview .overview-heading .inline {
    display: inline-block;
}

.widget-social-overview .overview-heading .mark {
    height: 10px;
    width: 10px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.widget-social-overview .overview-heading ul li:last-child {
    padding-right: 0;
}

.widget-social-overview .panel-heading {
    padding-top: 50px !important;
    border-bottom: none !important;
}

.widget-social-overview .panel-body h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 300;
    color: #A5A5A5;
}

.widget-social-overview .panel-body p {
    text-align: left;
    font-weight: bold;
    font-size: 23px;
    margin: 0;
    padding: 0;
    color: #3f5fa3;
}

.widget-social-overview .panel-body p i {
    color: #3f5fa3;
    font-size: 20px;
    margin-right: 5px;
}

.widget-social-overview .panel-body .pull-right a {
    text-decoration: none;
}

.widget-social-overview .panel-body .pull-right a:hover i {
    color: #989898;
}

.widget-social-overview .panel-body .pull-right a i {
    font-size: 35px;
    font-weight: 300;
    color: #A5A5A5;
}

.widget-social-overview .ct-chart {
    width: 100%;
    height: 200px;
    margin-left: -10px;
}

.widget-social-overview .ct-grids line {
    stroke: white;
}

/* ========================================================================
 * ALERT
 * ======================================================================== */
.alert {
    position: relative;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: 0px;
    right: 4px;
}

.alert-default {
    background-color: white;
    border-color: white;
    color: #bbbbbb;
    padding: 10px;
}

.alert-default .alert-icon {
    background-color: #c8c8c8;
}

.alert-default .alert-link, .alert-default a {
    color: #a2a2a2 !important;
    font-weight: bold;
}

.alert-default .notification-sender a {
    color: #bbbbbb;
}

.alert-primary {
    background-color: #7be3ff;
    border-color: #7be3ff;
    color: #00617b;
    padding: 10px;
}

.alert-primary .alert-icon {
    background-color: #007595;
}

.alert-primary .alert-link, .alert-primary a {
    color: #003948 !important;
    font-weight: bold;
}

.alert-primary .notification-sender a {
    color: #00617b;
}

.alert-success {
    background-color: #d7e9c3;
    border-color: #d7e9c3;
    color: #587f2e;
    padding: 10px;
}

.alert-success .alert-icon {
    background-color: #659234;
}

.alert-success .alert-link, .alert-success a {
    color: #3e5a20 !important;
    font-weight: bold;
}

.alert-success .notification-sender a {
    color: #587f2e;
}

.alert-info {
    background-color: #e9f9fc;
    border-color: #e9f9fc;
    color: #1cadca;
    padding: 10px;
}

.alert-info .alert-icon {
    background-color: #20c0e0;
}

.alert-info .alert-link, .alert-info a {
    color: #16879d !important;
    font-weight: bold;
}

.alert-info .notification-sender a {
    color: #1cadca;
}

.alert-warning {
    background-color: #fdf0d4;
    border-color: #fdf0d4;
    color: #c88a0a;
    padding: 10px;
}

.alert-warning .alert-icon {
    background-color: #e19b0b;
}

.alert-warning .alert-link, .alert-warning a {
    color: #986807 !important;
    font-weight: bold;
}

.alert-warning .notification-sender a {
    color: #c88a0a;
}

.alert-danger {
    background-color: #f9cfc8;
    border-color: #f9cfc8;
    color: #ae2a14;
    padding: 10px;
}

.alert-danger .alert-icon {
    background-color: #c52f17;
}

.alert-danger .alert-link, .alert-danger a {
    color: #801f0f !important;
    font-weight: bold;
}

.alert-danger .notification-sender a {
    color: #ae2a14;
}

.alert-lilac {
    background-color: #d1bad3;
    border-color: #d1bad3;
    color: #543856;
    padding: 10px;
}

.alert-lilac .alert-icon {
    background-color: #634266;
}

.alert-lilac .alert-link, .alert-lilac a {
    color: #362437 !important;
    font-weight: bold;
}

.alert-lilac .notification-sender a {
    color: #543856;
}

.alert-teals {
    background-color: #a7e5d6;
    border-color: #a7e5d6;
    color: #206d5a;
    padding: 10px;
}

.alert-teals .alert-icon {
    background-color: #26816a;
}

.alert-teals .alert-link, .alert-teals a {
    color: #144639 !important;
    font-weight: bold;
}

.alert-teals .notification-sender a {
    color: #206d5a;
}

.alert-inverse {
    background-color: #777777;
    border-color: #777777;
    color: black;
    padding: 10px;
}

.alert-inverse .alert-icon {
    background-color: #040404;
}

.alert-inverse .alert-link, .alert-inverse a {
    color: black !important;
    font-weight: bold;
}

.alert-inverse .notification-sender a {
    color: black;
}

.alert-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100%;
}

.alert-icon i {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #FFF;
}

.notification-info {
    margin-left: 56px;
    margin-top: -40px;
    min-height: 40px;
}

.notification-info p {
    margin: 0px;
    line-height: 13px;
}

.notification-meta {
    margin-bottom: 3px;
    padding-left: 0px;
    list-style: none outside none;
}

.notification-sender {
    color: #414147;
}

.notification-time {
    font-style: italic;
    color: #999;
}

/* ========================================================================
 * CALLOUT
 * ======================================================================= */
.callout {
    position: relative;
    min-height: 60px;
    margin: 0px;
    padding: 5px 30px 5px 60px;
    border-left: 5px solid #EEE;
    font-size: 0.9em;
    word-wrap: break-word;
}

.callout h4 {
    margin-top: 0;
}

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

.callout code, .callout .highlight {
    background-color: transparent;
}

.callout-info {
    background-color: #e9f9fc;
    border-color: #63D3E9;
}

.callout-info:before {
    position: absolute;
    left: 10px;
    top: 10px !important;
    display: block;
    background: #63D3E9;
    color: #fff;
    width: 40px;
    text-align: center;
    height: 40px;
    font-size: 1.5em;
    font-family: 'FontAwesome';
    content: "";
    line-height: 39px;
}

.callout-info h4 {
    color: #36c6e3;
}

.callout-info a {
    color: #4dcde6;
    font-weight: bold;
}

.callout-info a:hover {
    color: #36c6e3;
}

.callout-warning {
    background-color: #fdf0d4;
    border-color: #F6BB42;
}

.callout-warning:before {
    position: absolute;
    left: 10px;
    top: 10px !important;
    display: block;
    background: #F6BB42;
    color: #fff;
    width: 40px;
    text-align: center;
    height: 40px;
    font-size: 1.5em;
    font-family: 'FontAwesome';
    content: "";
    line-height: 39px;
}

.callout-warning h4 {
    color: #f4a911;
}

.callout-warning a {
    color: #f5b22a;
    font-weight: bold;
}

.callout-warning a:hover {
    color: #f4a911;
}

.callout-danger {
    background-color: #f9cfc8;
    border-color: #E9573F;
}

.callout-danger:before {
    position: absolute;
    left: 10px;
    top: 10px !important;
    display: block;
    background: #E9573F;
    color: #fff;
    width: 40px;
    text-align: center;
    height: 40px;
    font-size: 1.5em;
    font-family: 'FontAwesome';
    content: "";
    line-height: 39px;
}

.callout-danger h4 {
    color: #dc3519;
}

.callout-danger a {
    color: #e64328;
    font-weight: bold;
}

.callout-danger a:hover {
    color: #dc3519;
}

/* ========================================================================
 * BADGE
 * ======================================================================== */
.badge {
    padding: 4px 7px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.badge-default {
    color: #999 !important;
}

.badge-default {
    background-color: #EEEEEE;
}

.badge-default.badge-stroke {
    background-color: transparent;
    border: 1px solid #EEEEEE;
    color: #EEEEEE;
}

.badge-primary {
    background-color: #0e76a8;
}

.badge-primary.badge-stroke {
    background-color: transparent;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.badge-success {
    background-color: #0e76a8;
}

.badge-success.badge-stroke {
    background-color: transparent;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.badge-info {
    background-color: #63D3E9;
}

.badge-info.badge-stroke {
    background-color: transparent;
    border: 1px solid #63D3E9;
    color: #63D3E9;
}

.badge-warning {
    background-color: #F6BB42;
}

.badge-warning.badge-stroke {
    background-color: transparent;
    border: 1px solid #F6BB42;
    color: #F6BB42;
}

.badge-danger {
    background-color: #E9573F;
}

.badge-danger.badge-stroke {
    background-color: transparent;
    border: 1px solid #E9573F;
    color: #E9573F;
}

.badge-lilac {
    background-color: #906094;
}

.badge-lilac.badge-stroke {
    background-color: transparent;
    border: 1px solid #906094;
    color: #906094;
}

.badge-teals {
    background-color: #0e76a8;
}

.badge-teals.badge-stroke {
    background-color: transparent;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.badge-inverse {
    background-color: #2A2A2A;
}

.badge-inverse.badge-stroke {
    background-color: transparent;
    border: 1px solid #2A2A2A;
    color: #2A2A2A;
}

.badge-circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 10px;
    height: 15px;
    width: 15px;
    display: block;
}

/* ========================================================================
 * BREADCRUMB
 * ======================================================================== */
.breadcrumb {
    background-color: #F5F5F5;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* ========================================================================
 * BUTTON
 * ======================================================================== */
.btn {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
    background-color: transparent;
    font-weight: 300;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.btn:after {
    content: ' ';
    position: absolute;
    z-index: -1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.btn:before {
    speak: none;
    text-transform: none;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.btn-default {
    color: #999 !important;
    border-color: #CCC !important;
}

.btn-default {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
    color: white;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default[disabled], .btn-default.disabled {
    background-color: #e1e1e1;
    border-color: transparent;
    color: white;
}

.btn-default.dropdown-toggle.btn-default {
    background-color: #EEEEEE;
    border-color: #e1e1e1;
    color: white;
}

.btn-default.btn-alt {
    background-color: #e1e1e1;
    border: 1px solid #EEEEEE;
}

.btn-default.btn-alt:hover {
    background-color: #d5d5d5;
}

.btn-default.btn-stroke {
    border: 1px double #EEEEEE;
    background-color: transparent;
    color: #EEEEEE;
}

.btn-default.btn-stroke:hover {
    background-color: #e1e1e1;
    border-color: transparent;
    color: white;
}

.btn-default.btn-solid {
    border: 1px solid #EEEEEE;
}

.btn-default.btn-dashed {
    border: 1px dashed #EEEEEE;
}

.btn-default.btn-dotted {
    border: 1px dotted #EEEEEE;
}

.btn-default.btn-double {
    border: 4px double #EEEEEE;
}

.btn-default.btn-inset {
    border: 4px inset #EEEEEE;
}

.btn-default.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-default.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #d5d5d5;
    z-index: -1;
}

.btn-default.btn-slidedown:hover, .btn-default.btn-slidedown:active {
    color: white;
}

.btn-default.btn-slidedown:hover:after, .btn-default.btn-slidedown:active:after {
    height: 100%;
}

.btn-default.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d5d5d5;
    z-index: -1;
}

.btn-default.btn-slideright:hover, .btn-default.btn-slideright:active {
    color: white;
}

.btn-default.btn-slideright:hover:after, .btn-default.btn-slideright:active:after {
    width: 100%;
}

.btn-default.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #d5d5d5;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-default.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-default.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-default.btn-rotate {
    overflow: hidden;
}

.btn-default.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #d5d5d5;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-default.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-default.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-default.btn-open {
    overflow: hidden;
}

.btn-default.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #d5d5d5;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-default.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-default.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-default.btn-push {
    background: #EEEEEE;
    box-shadow: 0 6px #d5d5d5;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-default.btn-push:hover {
    box-shadow: 0 4px #d5d5d5;
    top: 2px;
}

.btn-default.btn-push:active {
    box-shadow: 0 0 #d5d5d5;
    top: 6px;
}

.btn-default.btn-pushright {
    background: #EEEEEE;
    box-shadow: 6px 0 #d5d5d5;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-default.btn-pushright:hover {
    box-shadow: 4px 0 #d5d5d5;
    left: 2px;
}

.btn-default.btn-pushright:active {
    box-shadow: 0 0 #d5d5d5;
    left: 6px;
}

.btn-primary {
    background-color: green;
    border-color: green;
    color: white;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary[disabled], .btn-primary.disabled {
    background-color: #009dc8;
    border-color: transparent;
    color: white;
}

.btn-primary.dropdown-toggle.btn-primary {
    background-color: #0e76a8;
    border-color: #009dc8;
    color: white;
}

.btn-primary.btn-alt {
    background-color: #009dc8;
    border: 1px solid #0e76a8;
}

.btn-primary.btn-alt:hover {
    background-color: #0089ae;
}

.btn-primary.btn-stroke {
    border: 1px double #0e76a8;
    background-color: transparent;
    color: #0e76a8;
}

.btn-primary.btn-stroke:hover {
    background-color: #009dc8;
    border-color: transparent;
    color: white;
}

.btn-primary.btn-solid {
    border: 1px solid #0e76a8;
}

.btn-primary.btn-dashed {
    border: 1px dashed #0e76a8;
}

.btn-primary.btn-dotted {
    border: 1px dotted #0e76a8;
}

.btn-primary.btn-double {
    border: 4px double #0e76a8;
}

.btn-primary.btn-inset {
    border: 4px inset #0e76a8;
}

.btn-primary.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-primary.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #0089ae;
    z-index: -1;
}

.btn-primary.btn-slidedown:hover, .btn-primary.btn-slidedown:active {
    color: white;
}

.btn-primary.btn-slidedown:hover:after, .btn-primary.btn-slidedown:active:after {
    height: 100%;
}

.btn-primary.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0089ae;
    z-index: -1;
}

.btn-primary.btn-slideright:hover, .btn-primary.btn-slideright:active {
    color: white;
}

.btn-primary.btn-slideright:hover:after, .btn-primary.btn-slideright:active:after {
    width: 100%;
}

.btn-primary.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #0089ae;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-primary.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-primary.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-primary.btn-rotate {
    overflow: hidden;
}

.btn-primary.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #0089ae;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-primary.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-primary.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-primary.btn-open {
    overflow: hidden;
}

.btn-primary.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #0089ae;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-primary.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-primary.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-primary.btn-push {
    background: #0e76a8;
    box-shadow: 0 6px #0089ae;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-primary.btn-push:hover {
    box-shadow: 0 4px #0089ae;
    top: 2px;
}

.btn-primary.btn-push:active {
    box-shadow: 0 0 #0089ae;
    top: 6px;
}

.btn-primary.btn-pushright {
    background: #0e76a8;
    box-shadow: 6px 0 #0089ae;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-primary.btn-pushright:hover {
    box-shadow: 4px 0 #0089ae;
    left: 2px;
}

.btn-primary.btn-pushright:active {
    box-shadow: 0 0 #0089ae;
    left: 6px;
}

.btn-success {
    background-color: #0e76a8;
    border-color: #0e76a8;
    color: white;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success[disabled], .btn-success.disabled {
    background-color: #0e76a8;
    border-color: transparent;
    color: white;
}

.btn-success.dropdown-toggle.btn-success {
    background-color: #0e76a8;
    border-color: #0e76a8;
    color: white;
}

.btn-success.btn-alt {
    background-color: #0e76a8;
    border: 1px solid #0e76a8;
}

.btn-success.btn-alt:hover {
    background-color: #72a53b;
}

.btn-success.btn-stroke {
    border: 1px double #0e76a8;
    background-color: transparent;
    color: #0e76a8;
}

.btn-success.btn-stroke:hover {
    background-color: #0e76a8;
    border-color: transparent;
    color: white;
}

.btn-success.btn-solid {
    border: 1px solid #0e76a8;
}

.btn-success.btn-dashed {
    border: 1px dashed #0e76a8;
}

.btn-success.btn-dotted {
    border: 1px dotted #0e76a8;
}

.btn-success.btn-double {
    border: 4px double #0e76a8;
}

.btn-success.btn-inset {
    border: 4px inset #0e76a8;
}

.btn-success.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-success.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #72a53b;
    z-index: -1;
}

.btn-success.btn-slidedown:hover, .btn-success.btn-slidedown:active {
    color: white;
}

.btn-success.btn-slidedown:hover:after, .btn-success.btn-slidedown:active:after {
    height: 100%;
}

.btn-success.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #72a53b;
    z-index: -1;
}

.btn-success.btn-slideright:hover, .btn-success.btn-slideright:active {
    color: white;
}

.btn-success.btn-slideright:hover:after, .btn-success.btn-slideright:active:after {
    width: 100%;
}

.btn-success.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #72a53b;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-success.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-success.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-success.btn-rotate {
    overflow: hidden;
}

.btn-success.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #72a53b;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-success.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-success.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-success.btn-open {
    overflow: hidden;
}

.btn-success.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #72a53b;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-success.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-success.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-success.btn-push {
    background: #0e76a8;
    box-shadow: 0 6px #72a53b;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-success.btn-push:hover {
    box-shadow: 0 4px #72a53b;
    top: 2px;
}

.btn-success.btn-push:active {
    box-shadow: 0 0 #72a53b;
    top: 6px;
}

.btn-success.btn-pushright {
    background: #0e76a8;
    box-shadow: 6px 0 #72a53b;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-success.btn-pushright:hover {
    box-shadow: 4px 0 #72a53b;
    left: 2px;
}

.btn-success.btn-pushright:active {
    box-shadow: 0 0 #72a53b;
    left: 6px;
}

.btn-info {
    background-color: #63D3E9;
    border-color: #63D3E9;
    color: white;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info[disabled], .btn-info.disabled {
    background-color: #4dcde6;
    border-color: transparent;
    color: white;
}

.btn-info.dropdown-toggle.btn-info {
    background-color: #63D3E9;
    border-color: #4dcde6;
    color: white;
}

.btn-info.btn-alt {
    background-color: #4dcde6;
    border: 1px solid #63D3E9;
}

.btn-info.btn-alt:hover {
    background-color: #36c6e3;
}

.btn-info.btn-stroke {
    border: 1px double #63D3E9;
    background-color: transparent;
    color: #63D3E9;
}

.btn-info.btn-stroke:hover {
    background-color: #4dcde6;
    border-color: transparent;
    color: white;
}

.btn-info.btn-solid {
    border: 1px solid #63D3E9;
}

.btn-info.btn-dashed {
    border: 1px dashed #63D3E9;
}

.btn-info.btn-dotted {
    border: 1px dotted #63D3E9;
}

.btn-info.btn-double {
    border: 4px double #63D3E9;
}

.btn-info.btn-inset {
    border: 4px inset #63D3E9;
}

.btn-info.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-info.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #36c6e3;
    z-index: -1;
}

.btn-info.btn-slidedown:hover, .btn-info.btn-slidedown:active {
    color: white;
}

.btn-info.btn-slidedown:hover:after, .btn-info.btn-slidedown:active:after {
    height: 100%;
}

.btn-info.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #36c6e3;
    z-index: -1;
}

.btn-info.btn-slideright:hover, .btn-info.btn-slideright:active {
    color: white;
}

.btn-info.btn-slideright:hover:after, .btn-info.btn-slideright:active:after {
    width: 100%;
}

.btn-info.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #36c6e3;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-info.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-info.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-info.btn-rotate {
    overflow: hidden;
}

.btn-info.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #36c6e3;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-info.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-info.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-info.btn-open {
    overflow: hidden;
}

.btn-info.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #36c6e3;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-info.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-info.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-info.btn-push {
    background: #63D3E9;
    box-shadow: 0 6px #36c6e3;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-info.btn-push:hover {
    box-shadow: 0 4px #36c6e3;
    top: 2px;
}

.btn-info.btn-push:active {
    box-shadow: 0 0 #36c6e3;
    top: 6px;
}

.btn-info.btn-pushright {
    background: #63D3E9;
    box-shadow: 6px 0 #36c6e3;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-info.btn-pushright:hover {
    box-shadow: 4px 0 #36c6e3;
    left: 2px;
}

.btn-info.btn-pushright:active {
    box-shadow: 0 0 #36c6e3;
    left: 6px;
}

.btn-warning {
    background-color: #F6BB42;
    border-color: #F6BB42;
    color: white;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning[disabled], .btn-warning.disabled {
    background-color: #f5b22a;
    border-color: transparent;
    color: white;
}

.btn-warning.dropdown-toggle.btn-warning {
    background-color: #F6BB42;
    border-color: #f5b22a;
    color: white;
}

.btn-warning.btn-alt {
    background-color: #f5b22a;
    border: 1px solid #F6BB42;
}

.btn-warning.btn-alt:hover {
    background-color: #f4a911;
}

.btn-warning.btn-stroke {
    border: 1px double #F6BB42;
    background-color: transparent;
    color: #F6BB42;
}

.btn-warning.btn-stroke:hover {
    background-color: #f5b22a;
    border-color: transparent;
    color: white;
}

.btn-warning.btn-solid {
    border: 1px solid #F6BB42;
}

.btn-warning.btn-dashed {
    border: 1px dashed #F6BB42;
}

.btn-warning.btn-dotted {
    border: 1px dotted #F6BB42;
}

.btn-warning.btn-double {
    border: 4px double #F6BB42;
}

.btn-warning.btn-inset {
    border: 4px inset #F6BB42;
}

.btn-warning.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-warning.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #f4a911;
    z-index: -1;
}

.btn-warning.btn-slidedown:hover, .btn-warning.btn-slidedown:active {
    color: white;
}

.btn-warning.btn-slidedown:hover:after, .btn-warning.btn-slidedown:active:after {
    height: 100%;
}

.btn-warning.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f4a911;
    z-index: -1;
}

.btn-warning.btn-slideright:hover, .btn-warning.btn-slideright:active {
    color: white;
}

.btn-warning.btn-slideright:hover:after, .btn-warning.btn-slideright:active:after {
    width: 100%;
}

.btn-warning.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #f4a911;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-warning.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-warning.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-warning.btn-rotate {
    overflow: hidden;
}

.btn-warning.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #f4a911;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-warning.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-warning.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-warning.btn-open {
    overflow: hidden;
}

.btn-warning.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #f4a911;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-warning.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-warning.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-warning.btn-push {
    background: #F6BB42;
    box-shadow: 0 6px #f4a911;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-warning.btn-push:hover {
    box-shadow: 0 4px #f4a911;
    top: 2px;
}

.btn-warning.btn-push:active {
    box-shadow: 0 0 #f4a911;
    top: 6px;
}

.btn-warning.btn-pushright {
    background: #F6BB42;
    box-shadow: 6px 0 #f4a911;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-warning.btn-pushright:hover {
    box-shadow: 4px 0 #f4a911;
    left: 2px;
}

.btn-warning.btn-pushright:active {
    box-shadow: 0 0 #f4a911;
    left: 6px;
}

.btn-danger {
    background-color: #E9573F;
    border-color: #E9573F;
    color: white;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger[disabled], .btn-danger.disabled {
    background-color: #e64328;
    border-color: transparent;
    color: white;
}

.btn-danger.dropdown-toggle.btn-danger {
    background-color: #E9573F;
    border-color: #e64328;
    color: white;
}

.btn-danger.btn-alt {
    background-color: #e64328;
    border: 1px solid #E9573F;
}

.btn-danger.btn-alt:hover {
    background-color: #dc3519;
}

.btn-danger.btn-stroke {
    border: 1px double #E9573F;
    background-color: transparent;
    color: #E9573F;
}

.btn-danger.btn-stroke:hover {
    background-color: #e64328;
    border-color: transparent;
    color: white;
}

.btn-danger.btn-solid {
    border: 1px solid #E9573F;
}

.btn-danger.btn-dashed {
    border: 1px dashed #E9573F;
}

.btn-danger.btn-dotted {
    border: 1px dotted #E9573F;
}

.btn-danger.btn-double {
    border: 4px double #E9573F;
}

.btn-danger.btn-inset {
    border: 4px inset #E9573F;
}

.btn-danger.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-danger.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #dc3519;
    z-index: -1;
}

.btn-danger.btn-slidedown:hover, .btn-danger.btn-slidedown:active {
    color: white;
}

.btn-danger.btn-slidedown:hover:after, .btn-danger.btn-slidedown:active:after {
    height: 100%;
}

.btn-danger.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #dc3519;
    z-index: -1;
}

.btn-danger.btn-slideright:hover, .btn-danger.btn-slideright:active {
    color: white;
}

.btn-danger.btn-slideright:hover:after, .btn-danger.btn-slideright:active:after {
    width: 100%;
}

.btn-danger.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #dc3519;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-danger.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-danger.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-danger.btn-rotate {
    overflow: hidden;
}

.btn-danger.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #dc3519;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-danger.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-danger.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-danger.btn-open {
    overflow: hidden;
}

.btn-danger.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #dc3519;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-danger.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-danger.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-danger.btn-push {
    background: #E9573F;
    box-shadow: 0 6px #dc3519;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-danger.btn-push:hover {
    box-shadow: 0 4px #dc3519;
    top: 2px;
}

.btn-danger.btn-push:active {
    box-shadow: 0 0 #dc3519;
    top: 6px;
}

.btn-danger.btn-pushright {
    background: #E9573F;
    box-shadow: 6px 0 #dc3519;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-danger.btn-pushright:hover {
    box-shadow: 4px 0 #dc3519;
    left: 2px;
}

.btn-danger.btn-pushright:active {
    box-shadow: 0 0 #dc3519;
    left: 6px;
}

.btn-lilac {
    background-color: #906094;
    border-color: #906094;
    color: white;
}

.btn-lilac:hover, .btn-lilac:focus, .btn-lilac:active, .btn-lilac.active, .btn-lilac[disabled], .btn-lilac.disabled {
    background-color: #815685;
    border-color: transparent;
    color: white;
}

.btn-lilac.dropdown-toggle.btn-lilac {
    background-color: #906094;
    border-color: #815685;
    color: white;
}

.btn-lilac.btn-alt {
    background-color: #815685;
    border: 1px solid #906094;
}

.btn-lilac.btn-alt:hover {
    background-color: #724c75;
}

.btn-lilac.btn-stroke {
    border: 1px double #906094;
    background-color: transparent;
    color: #906094;
}

.btn-lilac.btn-stroke:hover {
    background-color: #815685;
    border-color: transparent;
    color: white;
}

.btn-lilac.btn-solid {
    border: 1px solid #906094;
}

.btn-lilac.btn-dashed {
    border: 1px dashed #906094;
}

.btn-lilac.btn-dotted {
    border: 1px dotted #906094;
}

.btn-lilac.btn-double {
    border: 4px double #906094;
}

.btn-lilac.btn-inset {
    border: 4px inset #906094;
}

.btn-lilac.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-lilac.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #724c75;
    z-index: -1;
}

.btn-lilac.btn-slidedown:hover, .btn-lilac.btn-slidedown:active {
    color: white;
}

.btn-lilac.btn-slidedown:hover:after, .btn-lilac.btn-slidedown:active:after {
    height: 100%;
}

.btn-lilac.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #724c75;
    z-index: -1;
}

.btn-lilac.btn-slideright:hover, .btn-lilac.btn-slideright:active {
    color: white;
}

.btn-lilac.btn-slideright:hover:after, .btn-lilac.btn-slideright:active:after {
    width: 100%;
}

.btn-lilac.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #724c75;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-lilac.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-lilac.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-lilac.btn-rotate {
    overflow: hidden;
}

.btn-lilac.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #724c75;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-lilac.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-lilac.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-lilac.btn-open {
    overflow: hidden;
}

.btn-lilac.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #724c75;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-lilac.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-lilac.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-lilac.btn-push {
    background: #906094;
    box-shadow: 0 6px #724c75;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-lilac.btn-push:hover {
    box-shadow: 0 4px #724c75;
    top: 2px;
}

.btn-lilac.btn-push:active {
    box-shadow: 0 0 #724c75;
    top: 6px;
}

.btn-lilac.btn-pushright {
    background: #906094;
    box-shadow: 6px 0 #724c75;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-lilac.btn-pushright:hover {
    box-shadow: 4px 0 #724c75;
    left: 2px;
}

.btn-lilac.btn-pushright:active {
    box-shadow: 0 0 #724c75;
    left: 6px;
}

.btn-inverse {
    background-color: #2A2A2A;
    border-color: #2A2A2A;
    color: white;
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse[disabled], .btn-inverse.disabled {
    background-color: #1d1d1d;
    border-color: transparent;
    color: white;
}

.btn-inverse.dropdown-toggle.btn-inverse {
    background-color: #2A2A2A;
    border-color: #1d1d1d;
    color: white;
}

.btn-inverse.btn-alt {
    background-color: #1d1d1d;
    border: 1px solid #2A2A2A;
}

.btn-inverse.btn-alt:hover {
    background-color: #111111;
}

.btn-inverse.btn-stroke {
    border: 1px double #2A2A2A;
    background-color: transparent;
    color: #2A2A2A;
}

.btn-inverse.btn-stroke:hover {
    background-color: #1d1d1d;
    border-color: transparent;
    color: white;
}

.btn-inverse.btn-solid {
    border: 1px solid #2A2A2A;
}

.btn-inverse.btn-dashed {
    border: 1px dashed #2A2A2A;
}

.btn-inverse.btn-dotted {
    border: 1px dotted #2A2A2A;
}

.btn-inverse.btn-double {
    border: 4px double #2A2A2A;
}

.btn-inverse.btn-inset {
    border: 4px inset #2A2A2A;
}

.btn-inverse.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-inverse.btn-slidedown:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #111111;
    z-index: -1;
}

.btn-inverse.btn-slidedown:hover, .btn-inverse.btn-slidedown:active {
    color: white;
}

.btn-inverse.btn-slidedown:hover:after, .btn-inverse.btn-slidedown:active:after {
    height: 100%;
}

.btn-inverse.btn-slideright:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #111111;
    z-index: -1;
}

.btn-inverse.btn-slideright:hover, .btn-inverse.btn-slideright:active {
    color: white;
}

.btn-inverse.btn-slideright:hover:after, .btn-inverse.btn-slideright:active:after {
    width: 100%;
}

.btn-inverse.btn-expand:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background-color: #111111;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-inverse.btn-expand:hover:after {
    width: 90%;
    opacity: 1;
}

.btn-inverse.btn-expand:active:after {
    width: 101%;
    opacity: 1;
}

.btn-inverse.btn-rotate {
    overflow: hidden;
}

.btn-inverse.btn-rotate:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #111111;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-inverse.btn-rotate:hover:after {
    height: 260%;
    opacity: 1;
}

.btn-inverse.btn-rotate:active:after {
    height: 400%;
    opacity: 1;
}

.btn-inverse.btn-open {
    overflow: hidden;
}

.btn-inverse.btn-open:after {
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: #111111;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-inverse.btn-open:hover:after {
    height: 75%;
    opacity: 1;
}

.btn-inverse.btn-open:active:after {
    height: 130%;
    opacity: 1;
}

.btn-inverse.btn-push {
    background: #2A2A2A;
    box-shadow: 0 6px #111111;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-inverse.btn-push:hover {
    box-shadow: 0 4px #111111;
    top: 2px;
}

.btn-inverse.btn-push:active {
    box-shadow: 0 0 #111111;
    top: 6px;
}

.btn-inverse.btn-pushright {
    background: #2A2A2A;
    box-shadow: 6px 0 #111111;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.btn-inverse.btn-pushright:hover {
    box-shadow: 4px 0 #111111;
    left: 2px;
}

.btn-inverse.btn-pushright:active {
    box-shadow: 0 0 #111111;
    left: 6px;
}

.btn-teal {
    color: #FFF;
    background-color: #0e76a8;
    border-color: #31a88b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-teal:hover, .btn-teal:focus, .btn-teal:active {
    color: #FFF !important;
    background-color: #31a88b;
}

.btn-teal.btn-stroke {
    border: 1px double #0e76a8;
    background-color: transparent;
    color: #0e76a8;
}

.btn-teal.btn-stroke:hover {
    color: #FFF !important;
    background-color: #31a88b;
}

.btn-teal.btn-solid {
    border: 1px solid #0e76a8;
}

.btn-teal.btn-dashed {
    border: 1px dashed #0e76a8;
}

.btn-teal.btn-dotted {
    border: 1px dotted #0e76a8;
}

.btn-teal.btn-double {
    border: 4px double #0e76a8;
}

.btn-teal.btn-inset {
    border: 4px inset #0e76a8;
}

.btn-teal.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-bitbucket {
    color: #FFF;
    background-color: #205081;
    border-color: #205081;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active {
    color: #FFF !important;
    background-color: #1b436d;
}

.btn-bitbucket.btn-stroke {
    border: 1px double #205081;
    background-color: transparent;
    color: #205081;
}

.btn-bitbucket.btn-stroke:hover {
    color: #FFF !important;
    background-color: #1b436d;
}

.btn-bitbucket.btn-solid {
    border: 1px solid #205081;
}

.btn-bitbucket.btn-dashed {
    border: 1px dashed #205081;
}

.btn-bitbucket.btn-dotted {
    border: 1px dotted #205081;
}

.btn-bitbucket.btn-double {
    border: 4px double #205081;
}

.btn-bitbucket.btn-inset {
    border: 4px inset #205081;
}

.btn-bitbucket.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-behance {
    color: #FFF;
    background-color: #053eff;
    border-color: #053eff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-behance:hover, .btn-behance:focus, .btn-behance:active {
    color: #FFF !important;
    background-color: #0035eb;
}

.btn-behance.btn-stroke {
    border: 1px double #053eff;
    background-color: transparent;
    color: #053eff;
}

.btn-behance.btn-stroke:hover {
    color: #FFF !important;
    background-color: #0035eb;
}

.btn-behance.btn-solid {
    border: 1px solid #053eff;
}

.btn-behance.btn-dashed {
    border: 1px dashed #053eff;
}

.btn-behance.btn-dotted {
    border: 1px dotted #053eff;
}

.btn-behance.btn-double {
    border: 4px double #053eff;
}

.btn-behance.btn-inset {
    border: 4px inset #053eff;
}

.btn-behance.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-delicious {
    color: #FFF;
    background-color: #205cc0;
    border-color: #205cc0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-delicious:hover, .btn-delicious:focus, .btn-delicious:active {
    color: #FFF !important;
    background-color: #1c52aa;
}

.btn-delicious.btn-stroke {
    border: 1px double #205cc0;
    background-color: transparent;
    color: #205cc0;
}

.btn-delicious.btn-stroke:hover {
    color: #FFF !important;
    background-color: #1c52aa;
}

.btn-delicious.btn-solid {
    border: 1px solid #205cc0;
}

.btn-delicious.btn-dashed {
    border: 1px dashed #205cc0;
}

.btn-delicious.btn-dotted {
    border: 1px dotted #205cc0;
}

.btn-delicious.btn-double {
    border: 4px double #205cc0;
}

.btn-delicious.btn-inset {
    border: 4px inset #205cc0;
}

.btn-delicious.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-dribbble {
    color: #FFF;
    background-color: #ea4c89;
    border-color: #ea4c89;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active {
    color: #FFF !important;
    background-color: #e7357a;
}

.btn-dribbble.btn-stroke {
    border: 1px double #ea4c89;
    background-color: transparent;
    color: #ea4c89;
}

.btn-dribbble.btn-stroke:hover {
    color: #FFF !important;
    background-color: #e7357a;
}

.btn-dribbble.btn-solid {
    border: 1px solid #ea4c89;
}

.btn-dribbble.btn-dashed {
    border: 1px dashed #ea4c89;
}

.btn-dribbble.btn-dotted {
    border: 1px dotted #ea4c89;
}

.btn-dribbble.btn-double {
    border: 4px double #ea4c89;
}

.btn-dribbble.btn-inset {
    border: 4px inset #ea4c89;
}

.btn-dribbble.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-facebook {
    color: #FFF;
    background-color: #3b5998;
    border-color: #3b5998;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
    color: #FFF !important;
    background-color: #344e86;
}

.btn-facebook.btn-stroke {
    border: 1px double #3b5998;
    background-color: transparent;
    color: #3b5998;
}

.btn-facebook.btn-stroke:hover {
    color: #FFF !important;
    background-color: #344e86;
}

.btn-facebook.btn-solid {
    border: 1px solid #3b5998;
}

.btn-facebook.btn-dashed {
    border: 1px dashed #3b5998;
}

.btn-facebook.btn-dotted {
    border: 1px dotted #3b5998;
}

.btn-facebook.btn-double {
    border: 4px double #3b5998;
}

.btn-facebook.btn-inset {
    border: 4px inset #3b5998;
}

.btn-facebook.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-flickr {
    color: #FFF;
    background-color: #ff0084;
    border-color: #ff0084;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active {
    color: #FFF !important;
    background-color: #e60077;
}

.btn-flickr.btn-stroke {
    border: 1px double #ff0084;
    background-color: transparent;
    color: #ff0084;
}

.btn-flickr.btn-stroke:hover {
    color: #FFF !important;
    background-color: #e60077;
}

.btn-flickr.btn-solid {
    border: 1px solid #ff0084;
}

.btn-flickr.btn-dashed {
    border: 1px dashed #ff0084;
}

.btn-flickr.btn-dotted {
    border: 1px dotted #ff0084;
}

.btn-flickr.btn-double {
    border: 4px double #ff0084;
}

.btn-flickr.btn-inset {
    border: 4px inset #ff0084;
}

.btn-flickr.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-foursquare {
    color: #FFF;
    background-color: #25a0ca;
    border-color: #25a0ca;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active {
    color: #FFF !important;
    background-color: #218fb4;
}

.btn-foursquare.btn-stroke {
    border: 1px double #25a0ca;
    background-color: transparent;
    color: #25a0ca;
}

.btn-foursquare.btn-stroke:hover {
    color: #FFF !important;
    background-color: #218fb4;
}

.btn-foursquare.btn-solid {
    border: 1px solid #25a0ca;
}

.btn-foursquare.btn-dashed {
    border: 1px dashed #25a0ca;
}

.btn-foursquare.btn-dotted {
    border: 1px dotted #25a0ca;
}

.btn-foursquare.btn-double {
    border: 4px double #25a0ca;
}

.btn-foursquare.btn-inset {
    border: 4px inset #25a0ca;
}

.btn-foursquare.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-googleplus {
    color: #FFF;
    background-color: #db4a39;
    border-color: #db4a39;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus:active {
    color: #FFF !important;
    background-color: #d43927;
}

.btn-googleplus.btn-stroke {
    border: 1px double #db4a39;
    background-color: transparent;
    color: #db4a39;
}

.btn-googleplus.btn-stroke:hover {
    color: #FFF !important;
    background-color: #d43927;
}

.btn-googleplus.btn-solid {
    border: 1px solid #db4a39;
}

.btn-googleplus.btn-dashed {
    border: 1px dashed #db4a39;
}

.btn-googleplus.btn-dotted {
    border: 1px dotted #db4a39;
}

.btn-googleplus.btn-double {
    border: 4px double #db4a39;
}

.btn-googleplus.btn-inset {
    border: 4px inset #db4a39;
}

.btn-googleplus.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-instagram {
    color: #FFF;
    background-color: #3f729b;
    border-color: #3f729b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
    color: #FFF !important;
    background-color: #386589;
}

.btn-instagram.btn-stroke {
    border: 1px double #3f729b;
    background-color: transparent;
    color: #3f729b;
}

.btn-instagram.btn-stroke:hover {
    color: #FFF !important;
    background-color: #386589;
}

.btn-instagram.btn-solid {
    border: 1px solid #3f729b;
}

.btn-instagram.btn-dashed {
    border: 1px dashed #3f729b;
}

.btn-instagram.btn-dotted {
    border: 1px dotted #3f729b;
}

.btn-instagram.btn-double {
    border: 4px double #3f729b;
}

.btn-instagram.btn-inset {
    border: 4px inset #3f729b;
}

.btn-instagram.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-linkedin {
    color: #FFF;
    background-color: #0e76a8;
    border-color: #0e76a8;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
    color: #FFF !important;
    background-color: #0c6590;
}

.btn-linkedin.btn-stroke {
    border: 1px double #0e76a8;
    background-color: transparent;
    color: #0e76a8;
}

.btn-linkedin.btn-stroke:hover {
    color: #FFF !important;
    background-color: #0c6590;
}

.btn-linkedin.btn-solid {
    border: 1px solid #0e76a8;
}

.btn-linkedin.btn-dashed {
    border: 1px dashed #0e76a8;
}

.btn-linkedin.btn-dotted {
    border: 1px dotted #0e76a8;
}

.btn-linkedin.btn-double {
    border: 4px double #0e76a8;
}

.btn-linkedin.btn-inset {
    border: 4px inset #0e76a8;
}

.btn-linkedin.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-path {
    color: #FFF;
    background-color: #e41f11;
    border-color: #e41f11;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-path:hover, .btn-path:focus, .btn-path:active {
    color: #FFF !important;
    background-color: #cc1c0f;
}

.btn-path.btn-stroke {
    border: 1px double #e41f11;
    background-color: transparent;
    color: #e41f11;
}

.btn-path.btn-stroke:hover {
    color: #FFF !important;
    background-color: #cc1c0f;
}

.btn-path.btn-solid {
    border: 1px solid #e41f11;
}

.btn-path.btn-dashed {
    border: 1px dashed #e41f11;
}

.btn-path.btn-dotted {
    border: 1px dotted #e41f11;
}

.btn-path.btn-double {
    border: 4px double #e41f11;
}

.btn-path.btn-inset {
    border: 4px inset #e41f11;
}

.btn-path.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-pinterest {
    color: #FFF;
    background-color: #c8232c;
    border-color: #c8232c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
    color: #FFF !important;
    background-color: #b21f27;
}

.btn-pinterest.btn-stroke {
    border: 1px double #c8232c;
    background-color: transparent;
    color: #c8232c;
}

.btn-pinterest.btn-stroke:hover {
    color: #FFF !important;
    background-color: #b21f27;
}

.btn-pinterest.btn-solid {
    border: 1px solid #c8232c;
}

.btn-pinterest.btn-dashed {
    border: 1px dashed #c8232c;
}

.btn-pinterest.btn-dotted {
    border: 1px dotted #c8232c;
}

.btn-pinterest.btn-double {
    border: 4px double #c8232c;
}

.btn-pinterest.btn-inset {
    border: 4px inset #c8232c;
}

.btn-pinterest.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-rss {
    color: #FFF;
    background-color: #ee802f;
    border-color: #ee802f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-rss:hover, .btn-rss:focus, .btn-rss:active {
    color: #FFF !important;
    background-color: #ec7217;
}

.btn-rss.btn-stroke {
    border: 1px double #ee802f;
    background-color: transparent;
    color: #ee802f;
}

.btn-rss.btn-stroke:hover {
    color: #FFF !important;
    background-color: #ec7217;
}

.btn-rss.btn-solid {
    border: 1px solid #ee802f;
}

.btn-rss.btn-dashed {
    border: 1px dashed #ee802f;
}

.btn-rss.btn-dotted {
    border: 1px dotted #ee802f;
}

.btn-rss.btn-double {
    border: 4px double #ee802f;
}

.btn-rss.btn-inset {
    border: 4px inset #ee802f;
}

.btn-rss.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-skype {
    color: #FFF;
    background-color: #00aff0;
    border-color: #00aff0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-skype:hover, .btn-skype:focus, .btn-skype:active {
    color: #FFF !important;
    background-color: #009cd7;
}

.btn-skype.btn-stroke {
    border: 1px double #00aff0;
    background-color: transparent;
    color: #00aff0;
}

.btn-skype.btn-stroke:hover {
    color: #FFF !important;
    background-color: #009cd7;
}

.btn-skype.btn-solid {
    border: 1px solid #00aff0;
}

.btn-skype.btn-dashed {
    border: 1px dashed #00aff0;
}

.btn-skype.btn-dotted {
    border: 1px dotted #00aff0;
}

.btn-skype.btn-double {
    border: 4px double #00aff0;
}

.btn-skype.btn-inset {
    border: 4px inset #00aff0;
}

.btn-skype.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-soundcloud {
    color: #FFF;
    background-color: #ff7700;
    border-color: #ff7700;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active {
    color: #FFF !important;
    background-color: #e66b00;
}

.btn-soundcloud.btn-stroke {
    border: 1px double #ff7700;
    background-color: transparent;
    color: #ff7700;
}

.btn-soundcloud.btn-stroke:hover {
    color: #FFF !important;
    background-color: #e66b00;
}

.btn-soundcloud.btn-solid {
    border: 1px solid #ff7700;
}

.btn-soundcloud.btn-dashed {
    border: 1px dashed #ff7700;
}

.btn-soundcloud.btn-dotted {
    border: 1px dotted #ff7700;
}

.btn-soundcloud.btn-double {
    border: 4px double #ff7700;
}

.btn-soundcloud.btn-inset {
    border: 4px inset #ff7700;
}

.btn-soundcloud.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-tumblr {
    color: #FFF;
    background-color: #34526f;
    border-color: #34526f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active {
    color: #FFF !important;
    background-color: #2c455e;
}

.btn-tumblr.btn-stroke {
    border: 1px double #34526f;
    background-color: transparent;
    color: #34526f;
}

.btn-tumblr.btn-stroke:hover {
    color: #FFF !important;
    background-color: #2c455e;
}

.btn-tumblr.btn-solid {
    border: 1px solid #34526f;
}

.btn-tumblr.btn-dashed {
    border: 1px dashed #34526f;
}

.btn-tumblr.btn-dotted {
    border: 1px dotted #34526f;
}

.btn-tumblr.btn-double {
    border: 4px double #34526f;
}

.btn-tumblr.btn-inset {
    border: 4px inset #34526f;
}

.btn-tumblr.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-twitter {
    color: #FFF;
    background-color: #00a0d1;
    border-color: #00a0d1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
    color: #FFF !important;
    background-color: #008cb8;
}

.btn-twitter.btn-stroke {
    border: 1px double #00a0d1;
    background-color: transparent;
    color: #00a0d1;
}

.btn-twitter.btn-stroke:hover {
    color: #FFF !important;
    background-color: #008cb8;
}

.btn-twitter.btn-solid {
    border: 1px solid #00a0d1;
}

.btn-twitter.btn-dashed {
    border: 1px dashed #00a0d1;
}

.btn-twitter.btn-dotted {
    border: 1px dotted #00a0d1;
}

.btn-twitter.btn-double {
    border: 4px double #00a0d1;
}

.btn-twitter.btn-inset {
    border: 4px inset #00a0d1;
}

.btn-twitter.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-vimeo {
    color: #FFF;
    background-color: #86c9ef;
    border-color: #86c9ef;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active {
    color: #FFF !important;
    background-color: #6fbfec;
}

.btn-vimeo.btn-stroke {
    border: 1px double #86c9ef;
    background-color: transparent;
    color: #86c9ef;
}

.btn-vimeo.btn-stroke:hover {
    color: #FFF !important;
    background-color: #6fbfec;
}

.btn-vimeo.btn-solid {
    border: 1px solid #86c9ef;
}

.btn-vimeo.btn-dashed {
    border: 1px dashed #86c9ef;
}

.btn-vimeo.btn-dotted {
    border: 1px dotted #86c9ef;
}

.btn-vimeo.btn-double {
    border: 4px double #86c9ef;
}

.btn-vimeo.btn-inset {
    border: 4px inset #86c9ef;
}

.btn-vimeo.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-wordpress {
    color: #FFF;
    background-color: #21759b;
    border-color: #21759b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-wordpress:hover, .btn-wordpress:focus, .btn-wordpress:active {
    color: #FFF !important;
    background-color: #1d6586;
}

.btn-wordpress.btn-stroke {
    border: 1px double #21759b;
    background-color: transparent;
    color: #21759b;
}

.btn-wordpress.btn-stroke:hover {
    color: #FFF !important;
    background-color: #1d6586;
}

.btn-wordpress.btn-solid {
    border: 1px solid #21759b;
}

.btn-wordpress.btn-dashed {
    border: 1px dashed #21759b;
}

.btn-wordpress.btn-dotted {
    border: 1px dotted #21759b;
}

.btn-wordpress.btn-double {
    border: 4px double #21759b;
}

.btn-wordpress.btn-inset {
    border: 4px inset #21759b;
}

.btn-wordpress.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-yahoo {
    color: #FFF;
    background-color: #720e9e;
    border-color: #720e9e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo:active {
    color: #FFF !important;
    background-color: #610c87;
}

.btn-yahoo.btn-stroke {
    border: 1px double #720e9e;
    background-color: transparent;
    color: #720e9e;
}

.btn-yahoo.btn-stroke:hover {
    color: #FFF !important;
    background-color: #610c87;
}

.btn-yahoo.btn-solid {
    border: 1px solid #720e9e;
}

.btn-yahoo.btn-dashed {
    border: 1px dashed #720e9e;
}

.btn-yahoo.btn-dotted {
    border: 1px dotted #720e9e;
}

.btn-yahoo.btn-double {
    border: 4px double #720e9e;
}

.btn-yahoo.btn-inset {
    border: 4px inset #720e9e;
}

.btn-yahoo.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-youtube {
    color: #FFF;
    background-color: #c4302b;
    border-color: #c4302b;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
    color: #FFF !important;
    background-color: #af2b26;
}

.btn-youtube.btn-stroke {
    border: 1px double #c4302b;
    background-color: transparent;
    color: #c4302b;
}

.btn-youtube.btn-stroke:hover {
    color: #FFF !important;
    background-color: #af2b26;
}

.btn-youtube.btn-solid {
    border: 1px solid #c4302b;
}

.btn-youtube.btn-dashed {
    border: 1px dashed #c4302b;
}

.btn-youtube.btn-dotted {
    border: 1px dotted #c4302b;
}

.btn-youtube.btn-double {
    border: 4px double #c4302b;
}

.btn-youtube.btn-inset {
    border: 4px inset #c4302b;
}

.btn-youtube.btn-circle {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
}

.btn-icon-stacked {
    text-align: left;
    padding: 10px 10px 10px 45px;
    position: relative;
}

.btn-icon-stacked:focus, .btn-icon-stacked:active {
    color: white;
}

.btn-icon-stacked i {
    display: block;
    position: absolute;
    left: 15px;
    top: 15px;
}

.btn-icon-stacked span {
    display: block;
    font-size: 13px;
    line-height: normal;
}

.btn-compose-email {
    padding: 10px 0px;
    margin-bottom: 20px;
}

.btn-group-vertical > .btn.rounded:first-child:not(:last-child) {
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0px 0px;
}

.btn-group-vertical > .btn.rounded:last-child:not(:first-child) {
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* ========================================================================
 * DROPDOWN
 * ======================================================================== */
.dropdown-menu {
    padding: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-size: 12px;
    border: 1px solid #DDD;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu .dropdown-header {
    background-color: #FBFBFB;
    border-top: none;
    border-bottom: 1px solid #DDD;
}

.dropdown-menu .divider {
    margin: 0px;
}

/* ========================================================================
 * FORM
 * ======================================================================== */
/* ========================================================================
 * TABLE OF CONTENTS
 * ========================================================================
   01. FORM
   02. FORM HORIZONTAL
   03. FORM BODY
   04. FORM BORDERED
   05. FORM STRIPED
   06. FORM BODY
   07. FORM FOOTER
   08. CONTEXTUAL CLASSES CHECKBOX
   09. CHECKBOX
   10. RADIO
   11. VALIDATION STATES
   12. STATIC CONTROL
   13. INPUT WITH ICONS
   14. INPUT WITH SPINNERS
   15. FORM MISC
   16. IE SUPPORT
 * ======================================================================== */
form .form-group {
    position: relative;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

form .form-group .fileinput {
    width: 100%;
}

form .form-group .error {
    display: none;
    font-size: 12px;
    font-style: italic;
    color: #E9573F;
}

form .form-group .error + .help-block {
    display: none;
}

form .form-group.no-padding .form-control-feedback {
    right: 4px !important;
}

form .form-group .control-label {
    padding-top: 3px;
    font-weight: 300;
}

form .form-group.has-feedback.has-feedback-sm button.form-control-feedback {
    width: 22px;
    height: 22px;
    font-size: 12px;
    top: 4px;
    right: 4px;
}

form .form-group.has-feedback button.form-control-feedback {
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    line-height: 6px;
    position: absolute;
    pointer-events: auto !important;
}

form .form-group.has-feedback button.form-control-feedback:before {
    position: absolute;
    left: 6px;
    top: 8px;
}

form .form-group.has-primary .control-label {
    color: #0e76a8;
}

form .form-group.has-primary .form-control {
    border-color: #0e76a8;
}

form .form-group.has-primary .form-control:focus {
    border-color: #0089ae !important;
}

form .form-group.has-primary .form-control-feedback {
    color: #0e76a8;
}

form .form-group.has-primary .help-inline {
    color: #0e76a8;
}

form .form-group.has-info .control-label {
    color: #63D3E9;
}

form .form-group.has-info .form-control {
    border-color: #63D3E9;
}

form .form-group.has-info .form-control:focus {
    border-color: #36c6e3 !important;
}

form .form-group.has-info .form-control-feedback {
    color: #63D3E9;
}

form .form-group.has-info .help-inline {
    color: #63D3E9;
}

form .form-group.has-success .control-label {
    color: #0e76a8;
}

form .form-group.has-success .form-control {
    border-color: #0e76a8;
}

form .form-group.has-success .form-control:focus {
    border-color: #72a53b !important;
}

form .form-group.has-success .form-control-feedback {
    color: #0e76a8;
}

form .form-group.has-success .help-inline {
    color: #0e76a8;
}

form .form-group.has-warning .control-label {
    color: #F6BB42;
}

form .form-group.has-warning .form-control {
    border-color: #F6BB42;
}

form .form-group.has-warning .form-control:focus {
    border-color: #f4a911 !important;
}

form .form-group.has-warning .form-control-feedback {
    color: #F6BB42;
}

form .form-group.has-warning .help-inline {
    color: #F6BB42;
}

form .form-group.has-error .control-label {
    color: #E9573F;
}

form .form-group.has-error .form-control {
    border-color: #E9573F;
}

form .form-group.has-error .form-control:focus {
    border-color: #dc3519 !important;
}

form .form-group.has-error .form-control-feedback {
    color: #E9573F;
}

form .form-group.has-error .help-inline {
    color: #E9573F;
}

form .form-group.form-group-inline input, form .form-group.form-group-inline .help-inline {
    display: inline-block;
}

form .form-group.form-group-inline input {
    width: 75%;
    margin-right: 5px;
}

form .form-group.form-group-divider {
    background-color: #EEEEEE;
    padding: 0px;
    margin-bottom: 0px;
}

form .form-group.form-group-divider .form-inner {
    border-left: 5px solid #71a117;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

form .form-group.form-group-divider .form-inner .label-circle {
    display: inline !important;
}

form .form-group.form-footer {
    background-color: #EEEEEE;
    margin-bottom: 0px;
}

form .help-block, form .help-inline {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0px;
}

/* ========================================================================
 * FORM HORIZONTAL
 * ======================================================================== */
.form-horizontal .form-group .checkbox {
    padding-top: 2px;
}

.form-horizontal .form-group .checkbox-inline {
    padding-top: 1px;
}

.form-horizontal .form-group .radio {
    padding-top: 4px;
}

.form-horizontal .form-group .radio-inline {
    padding-top: 0px;
}

/* ========================================================================
 * FORM BORDERED
 * ======================================================================== */
.form-bordered .form-body {
    padding: 0px;
}

.form-bordered .form-group {
    padding: 15px 0px;
    margin-bottom: 0px;
    border-top: 1px solid #DDD;
}

.form-bordered .form-group:first-child {
    border-top: none;
}

.form-bordered .form-group .chosen-container:last-child {
    margin-bottom: 0px !important;
}

/* ========================================================================
 * FORM STRIPED
 * ======================================================================== */
.form-striped .form-body {
    padding: 0px;
}

.form-striped .form-group {
    padding: 15px 0px;
    margin-bottom: 0px;
    border-top: 1px solid #DDD;
}

.form-striped .form-group:first-child {
    border-top: none;
}

.form-striped .form-group:nth-child(2n+1) {
    background-color: #f1f1f1;
}

.form-striped .form-group .chosen-container:last-child {
    margin-bottom: 0px !important;
}

/* ========================================================================
 * FORM BODY
 * ======================================================================== */
.form-body {
    padding: 10px;
}

/* ========================================================================
 * FORM FOOTER
 * ======================================================================== */
.form-footer {
    padding: 15px 10px 10px 10px;
    border-top: 2px solid #DDD;
}

.form-footer [class*="col-"] .btn {
    margin-left: 5px;
}

/* ========================================================================
 * CHECKBOX
 * ======================================================================== */
.ckbox input[type=checkbox] {
    opacity: 0;
}

.ckbox input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    top: 0;
    left: 0px;
    display: inline-block;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    font-weight: 700;
}

.ckbox.rounded input[type=checkbox]:checked + label::after, .ckbox.rounded input[type=checkbox]:checked + label::before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ckbox.rounded label:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ckbox.circle input[type=checkbox]:checked + label::after, .ckbox.circle input[type=checkbox]:checked + label::before {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ckbox.circle label:before {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ckbox.ckbox-default input[type=checkbox]:checked + label::after {
    color: gray;
}

/* ========================================================================
 * RADIO
 * ======================================================================== */
.rdio input[type=radio] {
    opacity: 0;
}

.rdio input[type=radio]:checked + label::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
}

.rdio.rounded input[type=radio]:checked + label::after, .rdio.rounded input[type=radio]:checked + label::before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.rdio.rounded label:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.rdio.circle input[type=radio]:checked + label::after, .rdio.circle input[type=radio]:checked + label::before {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.rdio.circle label:before {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.rdio.rdio-default input[type=radio]:checked + label::after {
    color: gray;
}

.text-center .ckbox, .text-center .rdio {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 0px;
}

.ckbox, .rdio {
    position: relative;
    margin-top: 3px;
}

.ckbox label, .rdio label {
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 7px !important;
}

.ckbox label:before, .rdio label:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    display: inline-block;
    border: 1px solid #BBB;
    background: #FFF;
}

.ckbox-teal input[type=checkbox]:checked + label::after {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

/* ========================================================================
 * CONTEXTUAL CLASSES CHECKBOX
 * ======================================================================== */
.ckbox-default input[type=checkbox]:checked + label::after {
    border-color: #EEEEEE;
    background-color: #EEEEEE;
}

.ckbox-default input[type=checkbox][disabled]:checked + label::after {
    border-color: #EEEEEE;
    opacity: .5;
}

.ckbox-primary input[type=checkbox]:checked + label::after {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

.ckbox-primary input[type=checkbox][disabled]:checked + label::after {
    border-color: #0e76a8;
    opacity: .5;
}

.ckbox-success input[type=checkbox]:checked + label::after {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

.ckbox-success input[type=checkbox][disabled]:checked + label::after {
    border-color: #0e76a8;
    opacity: .5;
}

.ckbox-info input[type=checkbox]:checked + label::after {
    border-color: #63D3E9;
    background-color: #63D3E9;
}

.ckbox-info input[type=checkbox][disabled]:checked + label::after {
    border-color: #63D3E9;
    opacity: .5;
}

.ckbox-warning input[type=checkbox]:checked + label::after {
    border-color: #F6BB42;
    background-color: #F6BB42;
}

.ckbox-warning input[type=checkbox][disabled]:checked + label::after {
    border-color: #F6BB42;
    opacity: .5;
}

.ckbox-danger input[type=checkbox]:checked + label::after {
    border-color: #E9573F;
    background-color: #E9573F;
}

.ckbox-danger input[type=checkbox][disabled]:checked + label::after {
    border-color: #E9573F;
    opacity: .5;
}

.ckbox-lilac input[type=checkbox]:checked + label::after {
    border-color: #906094;
    background-color: #906094;
}

.ckbox-lilac input[type=checkbox][disabled]:checked + label::after {
    border-color: #906094;
    opacity: .5;
}

.ckbox-inverse input[type=checkbox]:checked + label::after {
    border-color: #2A2A2A;
    background-color: #2A2A2A;
}

.ckbox-inverse input[type=checkbox][disabled]:checked + label::after {
    border-color: #2A2A2A;
    opacity: .5;
}

.rdio-default input[type=radio]:checked + label::after {
    border-color: #EEEEEE;
    background-color: #EEEEEE;
}

.rdio-default input[type=radio][disabled]:checked + label::after {
    border-color: #EEEEEE;
    opacity: .5;
}

.rdio-primary input[type=radio]:checked + label::after {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

.rdio-primary input[type=radio][disabled]:checked + label::after {
    border-color: #0e76a8;
    opacity: .5;
}

.rdio-success input[type=radio]:checked + label::after {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

.rdio-success input[type=radio][disabled]:checked + label::after {
    border-color: #0e76a8;
    opacity: .5;
}

.rdio-info input[type=radio]:checked + label::after {
    border-color: #63D3E9;
    background-color: #63D3E9;
}

.rdio-info input[type=radio][disabled]:checked + label::after {
    border-color: #63D3E9;
    opacity: .5;
}

.rdio-warning input[type=radio]:checked + label::after {
    border-color: #F6BB42;
    background-color: #F6BB42;
}

.rdio-warning input[type=radio][disabled]:checked + label::after {
    border-color: #F6BB42;
    opacity: .5;
}

.rdio-danger input[type=radio]:checked + label::after {
    border-color: #E9573F;
    background-color: #E9573F;
}

.rdio-danger input[type=radio][disabled]:checked + label::after {
    border-color: #E9573F;
    opacity: .5;
}

.rdio-lilac input[type=radio]:checked + label::after {
    border-color: #906094;
    background-color: #906094;
}

.rdio-lilac input[type=radio][disabled]:checked + label::after {
    border-color: #906094;
    opacity: .5;
}

.rdio-inverse input[type=radio]:checked + label::after {
    border-color: #2A2A2A;
    background-color: #2A2A2A;
}

.rdio-inverse input[type=radio][disabled]:checked + label::after {
    border-color: #2A2A2A;
    opacity: .5;
}

.rdio-teal input[type=radio]:checked + label::after {
    border-color: #0e76a8;
    background-color: #0e76a8;
}

/* ========================================================================
 * VALIDATION STATE
 * ======================================================================== */
.has-feedback label ~ .form-control-feedback {
    top: 28px;
}

/* ========================================================================
 * STATIC CONTROL
 * ======================================================================== */
.form-control-static {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* ========================================================================
 * INPUT WITH ICONS
 * ======================================================================== */
.input-icon > i {
    color: #DDD;
    display: block;
    position: absolute;
    margin: 10px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.input-icon > .form-control {
    padding-left: 33px;
}

.input-icon.right > i {
    right: 8px;
    float: right;
}

.input-icon.right[class*="col-"] > i {
    right: 16px;
}

.input-icon.right > .form-control {
    padding-right: 33px;
    padding-left: 12px;
}

/* ========================================================================
 * INPUT WITH SPINNERS
 * ======================================================================== */
input.spinner[type="text"],
input.spinner[type="password"],
input.spinner[type="datetime"],
input.spinner[type="datetime-local"],
input.spinner[type="date"],
input.spinner[type="month"],
input.spinner[type="time"],
input.spinner[type="week"],
input.spinner[type="number"],
input.spinner[type="email"],
input.spinner[type="url"],
input.spinner[type="search"],
input.spinner[type="tel"],
input.spinner[type="color"] {
    background-image: url("../../global/img/loader/general/1.gif") !important;
    background-repeat: no-repeat;
    background-position: right 6px bottom 6px;
    background-size: 20px Auto;
}

input.spinner[type="text"].flat,
input.spinner[type="password"].flat,
input.spinner[type="datetime"].flat,
input.spinner[type="datetime-local"].flat,
input.spinner[type="date"].flat,
input.spinner[type="month"].flat,
input.spinner[type="time"].flat,
input.spinner[type="week"].flat,
input.spinner[type="number"].flat,
input.spinner[type="email"].flat,
input.spinner[type="url"].flat,
input.spinner[type="search"].flat,
input.spinner[type="tel"].flat,
input.spinner[type="color"].flat {
    background-image: url("../../global/img/loader/flat/1.gif") !important;
}

/* ========================================================================
 * FORM MISC
 * ======================================================================== */
.input-group-addon {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    min-width: 39px;
}

.input-group-addon .ckbox, .input-group-addon .rdio {
    position: absolute;
    top: 4px;
    left: 10px;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.input-sm, .form-group-sm .form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 640px) {
    .form-inner-all [class*="col-"]:last-child .form-control {
        margin-top: 15px;
    }
}

/* ========================================================================
 * IE SUPPORT
 * ======================================================================== */
/* ========================================================================
 * IMG BORDERED
 * ======================================================================== */
.img-bordered-default {
    border: 2px solid #EEEEEE;
}

.img-bordered-primary {
    border: 2px solid #0e76a8;
}

.img-bordered-success {
    border: 2px solid #0e76a8;
}

.img-bordered-info {
    border: 2px solid #63D3E9;
}

.img-bordered-warning {
    border: 2px solid #F6BB42;
}

.img-bordered-danger {
    border: 2px solid #E9573F;
}

.img-bordered-lilac {
    border: 2px solid #906094;
}

.img-bordered-teals {
    border: 2px solid #0e76a8;
}

.img-bordered-inverse {
    border: 2px solid #2A2A2A;
}

/* ========================================================================
 * LABEL
 * ======================================================================== */
.label {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.label-default {
    color: #999 !important;
}

.label-default {
    background-color: #EEEEEE;
}

.label-default.label-stroke {
    background-color: transparent;
    border: 1px solid #EEEEEE;
    color: #EEEEEE;
}

.label-primary {
    background-color: #0e76a8;
}

.label-primary.label-stroke {
    background-color: transparent;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.label-success {
    background-color: #0e76a8;
}

.label-success.label-stroke {
    background-color: transparent;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.label-info {
    background-color: #63D3E9;
}

.label-info.label-stroke {
    background-color: transparent;
    border: 1px solid #63D3E9;
    color: #63D3E9;
}

.label-warning {
    background-color: #F6BB42;
}

.label-warning.label-stroke {
    background-color: transparent;
    border: 1px solid #F6BB42;
    color: #F6BB42;
}

.label-danger {
    background-color: #E9573F;
}

.label-danger.label-stroke {
    background-color: transparent;
    border: 1px solid #E9573F;
    color: #E9573F;
}

.label-lilac {
    background-color: #906094;
}

.label-lilac.label-stroke {
    background-color: transparent;
    border: 1px solid #906094;
    color: #906094;
}

.label-teals {
    background-color: #0e76a8;
}

.label-teals.label-stroke {
    background-color: transparent;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.label-inverse {
    background-color: #2A2A2A;
}

.label-inverse.label-stroke {
    background-color: transparent;
    border: 1px solid #2A2A2A;
    color: #2A2A2A;
}

.label-circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 10px;
    height: 15px;
    width: 15px;
    display: block;
}

/* ========================================================================
 * LIST GROUP
 * ======================================================================== */
.media-list > .media .media-body .media-meta.device {
    position: absolute;
    top: 5px;
    right: 15px;
}

.media-list > .media .media-body .media-meta.time {
    float: right;
    margin-top: 3px;
}

/* ========================================================================
 * MEDIA IMAGE
 * ======================================================================== */
.media {
    position: relative;
}

.media > .pull-left.has-notif i {
    border: 2px solid #2A2A2A;
}

.media > .pull-left.has-notif i.online {
    background-color: #0e76a8;
    animation: opacity-badge 0.6s infinite;
    -webkit-animation: opacity-badge 0.6s infinite;
}

@keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1.2);
    }
}

@-webkit-keyframes opacity-badge {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1.2);
    }
}

.media > .pull-left.has-notif i.offline {
    background-color: #959595;
}

.media > .pull-left.has-notif i.away {
    background-color: #F6BB42;
}

.media > .pull-left.has-notif i.busy {
    background-color: #E9573F;
}

.media > .pull-left.has-notif i {
    position: absolute;
    left: 14px;
    top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.media > .pull-left.avatar i {
    left: 4px;
    top: 1px;
}

.media-list {
    background-color: white;
}

.media-list > a {
    text-decoration: none;
    border-bottom: 1px solid #DDD;
}

.media-list > a:hover {
    background-color: #EEEEEE;
}

.media-list > a:last-child {
    border-bottom: none;
}

.media-list > .media {
    display: block;
    padding: 8px 15px;
    margin: 0;
    line-height: 21px;
}

.media-list > .media > .pull-left {
    display: table-cell;
    margin-top: 4px;
}

.media-list > .media .media-object {
    width: 50px;
    height: 50px;
    text-align: center;
}

.media-list > .media .media-object img {
    width: 30px;
    height: 30px;
}

.media-list > .media > .media-body {
    display: table-cell;
}

.media-list > .media > .media-body > .media-heading {
    text-transform: capitalize;
    display: block;
    font-weight: 600;
    color: #444;
    margin-bottom: 0;
}

.media-list > .media > .media-body > .media-text {
    display: block;
    color: #777;
    margin: 0;
    font-size: 13px;
    min-width: 210px;
}

.media-list > .media > .media-body > .media-meta {
    font-size: 11px !important;
    margin: 0;
    color: #8f8f8f;
}

.media-list.small > .media {
    padding: 7px 15px;
}

.media-list.small > .media .media-object {
    width: 38px;
    height: 38px;
}

.media-details {
    padding: 20px;
}

.media-details .category {
    font-size: 11px;
}

.media-details .details {
    margin-top: 20px;
}

.media-details .details h4 {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}

.media-details .table {
    box-shadow: none;
}

.media-details .media-title {
    font-size: 17px;
}

/* ========================================================================
 * MODALS
 * ======================================================================== */
.modal .modal-dialog .modal-content {
    border: 1px solid #DDD;
}

.modal .modal-dialog .modal-content .panel-group {
    margin-bottom: 0px;
}

.modal .modal-dialog .modal-content .panel {
    box-shadow: none;
    margin-bottom: 0px;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 10px;
    background-color: #F5F5F5;
    margin-top: 0px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
}

.modal.modal-center {
    padding-top: 10%;
}

.modal-primary .modal-header {
    background-color: #0e76a8;
    color: white;
    border-bottom: 1px solid #0e76a8;
    position: relative;
}

.modal-primary .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #0e76a8;
    border-left: 1px solid #0e76a8;
    border-right: 1px solid #0e76a8;
}

.modal-primary .modal-content {
    border: 1px solid #0e76a8;
}

.modal-success .modal-header {
    background-color: #0e76a8;
    color: white;
    border-bottom: 1px solid #0e76a8;
    position: relative;
}

.modal-success .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #0e76a8;
    border-left: 1px solid #0e76a8;
    border-right: 1px solid #0e76a8;
}

.modal-success .modal-content {
    border: 1px solid #0e76a8;
}

.modal-info .modal-header {
    background-color: #63D3E9;
    color: white;
    border-bottom: 1px solid #63D3E9;
    position: relative;
}

.modal-info .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #63D3E9;
    border-left: 1px solid #63D3E9;
    border-right: 1px solid #63D3E9;
}

.modal-info .modal-content {
    border: 1px solid #63D3E9;
}

.modal-warning .modal-header {
    background-color: #F6BB42;
    color: white;
    border-bottom: 1px solid #F6BB42;
    position: relative;
}

.modal-warning .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #F6BB42;
    border-left: 1px solid #F6BB42;
    border-right: 1px solid #F6BB42;
}

.modal-warning .modal-content {
    border: 1px solid #F6BB42;
}

.modal-danger .modal-header {
    background-color: #E9573F;
    color: white;
    border-bottom: 1px solid #E9573F;
    position: relative;
}

.modal-danger .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #E9573F;
    border-left: 1px solid #E9573F;
    border-right: 1px solid #E9573F;
}

.modal-danger .modal-content {
    border: 1px solid #E9573F;
}

.modal-lilac .modal-header {
    background-color: #906094;
    color: white;
    border-bottom: 1px solid #906094;
    position: relative;
}

.modal-lilac .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #906094;
    border-left: 1px solid #906094;
    border-right: 1px solid #906094;
}

.modal-lilac .modal-content {
    border: 1px solid #906094;
}

.modal-teal .modal-header {
    background-color: #0e76a8;
    color: white;
    border-bottom: 1px solid #0e76a8;
    position: relative;
}

.modal-teal .modal-header:before {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    border-top: 1px solid #0e76a8;
    border-left: 1px solid #0e76a8;
    border-right: 1px solid #0e76a8;
}

.modal-teal .modal-content {
    border: 1px solid #0e76a8;
}

.modal-photo-viewer {
    margin-top: 0px;
    margin-bottom: 0px;
    top: 50%;
    left: 50%;
    width: auto;
    position: absolute;
}

.modal-photo-viewer .modal-content {
    position: relative;
    width: 900px;
    height: auto;
    margin-left: -50%;
    margin-top: -200px;
}

.modal-photo-viewer .row {
    margin-left: 0px;
    margin-right: 0px;
}

.modal-photo-viewer .modal-photo-left, .modal-photo-viewer .modal-photo-right {
    padding: 0px;
}

.modal-photo-viewer .modal-photo-right .media-details {
    padding: 10px;
}

.modal-photo-viewer .modal-photo-right .media-details .media-title {
    margin-top: 13px;
}

.modal-photo-viewer .modal-photo {
    top: 50%;
    position: relative;
}

.modal-photo-viewer .photo {
    max-height: 539px;
    margin: auto;
}

@media (max-width: 800px) {
    .modal-photo-viewer .modal-content {
        width: 80%;
        margin-left: -42%;
    }

    .modal-photo-viewer .modal-photo-left {
        -moz-border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px 0px 0px;
    }
}

@media (max-width: 480px) {
    .modal-photo-viewer .modal-content {
        width: 50%;
        margin-left: -27%;
    }
}

/* ========================================================================
 * PAGINATION
 * ======================================================================== */
.pagination {
    vertical-align: middle;
}

/* ========================================================================
 * PANEL
 * ======================================================================== */
/* ========================================================================
 * TABLE OF CONTENT
 * ========================================================================
   01. PANEL
   02. PANEL HEADING
   03. PANEL SUB HEADING
   04. PANEL BODY
   05. PANEL FOOTER
   06. CONTEXTUAL CLASSES PANEL
   07. PANEL SCROLLABLE
   08. PANEL TAB
   09. PANEL TAB DOUBLE
   10. PANEL TAB VERTICAL
   11. PANEL GROUP
 * ======================================================================== */
.panel {
    border: none;
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel.panel-fullsize {
    position: fixed;
    width: 96%;
    top: 25px;
    left: 25px;
    z-index: 9999;
}

.panel.panel-fullsize .chartjs {
    max-width: inherit !important;
    height: 470px !important;
}

.panel .panel-heading {
    padding: 5px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #DDD;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.panel .panel-heading .has-feedback .form-control {
    padding-right: 0;
}

.panel .panel-heading > .pull-right {
    margin-top: 5px;
    margin-right: 5px;
}

.panel .panel-heading > .pull-right > i {
    padding: 5px;
}

.panel .panel-heading > .pull-right > .progress {
    min-width: 120px;
}

.panel .panel-heading .panel-title {
    padding: 10px;
    font-size: 17px;
}

.panel .panel-heading .panel-title > i {
    margin-right: 5px;
}

.panel .panel-heading > .panel-title {
    vertical-align: middle;
}

.panel .panel-heading .nav > li > a {
    padding: 10px;
}

.panel .panel-search {
    padding: 15px;
    position: relative;
    color: #333;
    display: none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.panel .panel-search i {
    position: absolute;
    right: 25px;
    top: 25px;
    color: #A2A2A2;
}

.panel .panel-sub-heading {
    display: block;
    background-color: #FBFBFB;
    border-bottom: 1px solid #CFD9DB;
}

.panel .panel-sub-heading h4 {
    margin: 0px;
}

.panel .panel-sub-heading p {
    margin: 0px;
    font-size: 13px;
    color: #999;
}

.panel .panel-body {
    position: relative;
    background-color: #FBFBFB;
    padding: 10px;
}

.panel .panel-body .table-responsive {
    margin-top: -1px;
}

.panel .panel-body.out {
    display: none;
}

.panel .panel-body .sample-wrapper p {
    font-size: 13px;
    color: #999;
}

.panel .panel-body .page-header:first-child {
    margin-top: 10px;
}

.panel .panel-body .list-group .list-group-item {
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #DDD;
    border-left: none;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}

.panel .panel-body .list-group .list-group-item:last-child {
    border-bottom: none !important;
}

.panel .panel-body table {
    margin-bottom: 0px;
}

.panel .panel-body table thead tr th {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.panel .panel-footer {
    padding: 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.panel.panel-default .panel-heading .option .btn:hover {
    background-color: #e1e1e1;
}

.panel.rounded .ribbon-wrapper + .panel-body {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.panel.no-overflow .panel-body, .panel.no-overflow .panel-footer, .panel.no-overflow .form-footer {
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
}

.panel-primary > .panel-heading {
    background-color: #0e76a8;
    border: 1px solid #00addc;
    color: white;
}

.panel-primary > .panel-heading .option .btn:hover {
    background-color: #009dc8;
    color: white;
}

.panel-primary > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-primary .panel-body {
    background-color: #0e76a8;
    color: white;
}

.panel-bg-primary .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-success > .panel-heading {
    background-color: #0e76a8;
    border: 1px solid #8ac04e;
    color: white;
}

.panel-success > .panel-heading .option .btn:hover {
    background-color: #0e76a8;
    color: white;
}

.panel-success > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-success .panel-body {
    background-color: #0e76a8;
    color: white;
}

.panel-bg-success .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-info > .panel-heading {
    background-color: #63D3E9;
    border: 1px solid #5fd2e8;
    color: white;
}

.panel-info > .panel-heading .option .btn:hover {
    background-color: #4dcde6;
    color: white;
}

.panel-info > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-info .panel-body {
    background-color: #63D3E9;
    color: white;
}

.panel-bg-info .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-warning > .panel-heading {
    background-color: #F6BB42;
    border: 1px solid #f6b93d;
    color: white;
}

.panel-warning > .panel-heading .option .btn:hover {
    background-color: #f5b22a;
    color: white;
}

.panel-warning > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-warning .panel-body {
    background-color: #F6BB42;
    color: white;
}

.panel-bg-warning .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-danger > .panel-heading {
    background-color: #E9573F;
    border: 1px solid #e8533a;
    color: white;
}

.panel-danger > .panel-heading .option .btn:hover {
    background-color: #e64328;
    color: white;
}

.panel-danger > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-danger .panel-body {
    background-color: #E9573F;
    color: white;
}

.panel-bg-danger .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-inverse > .panel-heading {
    background-color: #2A2A2A;
    border: 1px solid #272727;
    color: white;
}

.panel-inverse > .panel-heading .option .btn:hover {
    background-color: #1d1d1d;
    color: white;
}

.panel-inverse > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-inverse .panel-body {
    background-color: #2A2A2A;
    color: white;
}

.panel-bg-inverse .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-lilac > .panel-heading {
    background-color: #906094;
    border: 1px solid #8d5e91;
    color: white;
}

.panel-lilac > .panel-heading .option .btn:hover {
    background-color: #815685;
    color: white;
}

.panel-lilac > .panel-heading .option .btn i {
    color: white;
}

.panel-bg-lilac .panel-body {
    background-color: #906094;
    color: white;
}

.panel-bg-lilac .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-teal .panel-heading {
    background-color: #0e76a8;
    border: 1px solid #36b898;
    color: white;
}

.panel-teal .panel-heading .option .btn:hover {
    background-color: #31a88b;
    color: white;
}

.panel-teal .panel-heading .option .btn i {
    color: white;
}

.panel-bg-teal .panel-body {
    background-color: #0e76a8;
    color: white;
}

.panel-bg-teal .panel-body .text-muted {
    color: #f2f2f2;
}

.panel-scrollable .panel-body {
    height: 300px;
}

.panel-tab {
    background-color: #FBFBFB;
}

.panel-tab .panel-heading ul {
    position: relative;
    overflow: visible;
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    border: none;
    margin-bottom: -6px;
}

.panel-tab .panel-heading ul li {
    line-height: 25px;
}

.panel-tab .panel-heading ul li.active {
    color: #444;
}

.panel-tab .panel-heading ul li.active a {
    color: #444;
    background: #F7F7F7;
}

.panel-tab .panel-heading ul li.active a:hover {
    background: #F7F7F7;
}

.panel-tab .panel-heading ul li.active a i {
    color: #299A0B;
}

.panel-tab .panel-heading ul li a {
    width: auto;
    margin: 0px;
    display: block;
    padding: 10px 15px;
    position: relative;
    overflow: hidden;
    color: #999;
    text-decoration: none;
    border: none;
    border-right: 1px solid #DDD;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.panel-tab .panel-heading ul li a:hover, .panel-tab .panel-heading ul li a:focus {
    border: none;
    border-right: 1px solid #DDD;
}

.panel-tab .panel-heading ul li a:hover {
    background-color: transparent;
}

.panel-tab .panel-heading ul li a:hover i {
    color: #299A0B;
}

.panel-tab .panel-heading ul li a > i, .panel-tab .panel-heading ul li a > span {
    margin: 0px auto;
    text-align: center;
}

.panel-tab .panel-heading ul li a > div {
    text-align: center;
}

.panel-tab .panel-heading ul li a i {
    width: 100%;
    height: 30px;
    line-height: 20px;
    font-size: 25px;
    color: #CCC;
}

.panel-tab .panel-heading ul li a span {
    display: block;
    line-height: 15px;
}

.panel-tab .panel-sub-heading {
    background: #F7F7F7;
}

.panel-tab .panel-body {
    background: #F7F7F7;
}

.panel-tab .panel-body .tab-content {
    background: #F7F7F7;
    padding: 0px;
    margin: 0px;
    box-shadow: none;
}

.panel-tab .panel-body .tab-content .tab-pane > h4 {
    margin-top: 0px;
}

.panel-tab .panel-body .tab-content .tab-pane > p {
    margin: 0px;
}

.panel-tab .nav-pills > li + li {
    margin-left: 0px;
}

@media (max-width: 360px) {
    .panel-tab .panel-heading .pull-right {
        float: inherit !important;
        display: block;
        width: 100%;
    }

    .panel-tab .panel-heading ul li {
        width: 100%;
    }
}

.panel-tab-double .panel-heading ul li {
    min-width: 100px;
}

.panel-tab-double .panel-heading ul li a {
    padding: 15px 15px 15px 15px;
}

.panel-tab-double .panel-heading ul li a > i, .panel-tab-double .panel-heading ul li a > div {
    float: left;
}

.panel-tab-double .panel-heading ul li a > div {
    text-align: left;
}

.panel-tab-double .panel-heading ul li a > div span:last-child {
    margin-top: 3px;
}

.panel-tab-double .panel-heading ul li a i {
    margin-top: 5px;
    margin-right: 5px;
    width: 35px;
    height: 35px;
}

@media (max-width: 640px) {
    .panel-tab.panel-tab-double .panel-heading ul li {
        width: 100%;
    }
}

.panel-tab-vertical {
    padding-bottom: 5px;
}

.panel-tab-vertical .panel-heading {
    border-bottom: none;
}

.panel-tab-vertical .panel-heading ul {
    display: block;
    height: auto;
}

.panel-tab-vertical .panel-heading ul li {
    float: none;
    display: block;
    border-right: none;
    border-bottom: 1px solid #EFEFEF;
}

.panel-tab-vertical .panel-heading ul li a {
    min-height: 40px;
}

.panel-tab-vertical .panel-heading ul li:first-child a {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.panel-tab-vertical .panel-heading ul li:last-child a {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.panel-tab-vertical .panel-body {
    box-shadow: none;
}

.panel-group .panel {
    border-top: 1px solid #DDD;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.panel-group .panel:first-child {
    border-top: none;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.panel-group .panel:last-child {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-group .panel .panel-heading {
    padding: 0px;
}

.panel-group .panel .panel-heading .panel-title {
    padding: 0px;
}

.panel-group .panel .panel-heading .panel-title a {
    padding: 14px 15px;
    display: block;
    text-decoration: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.panel-group .panel .panel-heading .panel-title a:hover {
    background-color: #F3F3F3;
}

.panel-fullsize-backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.27);
}

/* ========================================================================
 * PROGRESS BAR
 * ======================================================================== */
.progress {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.progress.progress-lg {
    height: 25px;
}

.progress.progress-sm {
    height: 15px;
}

.progress.progress-xs {
    height: 10px;
}

.progress.progress-xxs {
    height: 5px;
}

.progress-bar-primary {
    background-color: #0e76a8;
}

.progress-bar-success {
    background-color: #0e76a8;
}

.progress-bar-info {
    background-color: #63D3E9;
}

.progress-bar-warning {
    background-color: #F6BB42;
}

.progress-bar-danger {
    background-color: #E9573F;
}

.progress-bar-lilac {
    background-color: #906094;
}

.progress-bar-inverse {
    background-color: #2A2A2A;
}

.progress-bar-teal {
    background-color: #0e76a8;
}

/* ========================================================================
 * IE SUPPORT
 * ======================================================================== */
.ie8 .progress-striped .hidden-ie, .ie9 .progress-striped .hidden-ie {
    display: none !important;
}

/* ========================================================================
 * RATING STAR
 * ======================================================================== */
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 13px;
}

.rating.rating-2x {
    font-size: 26px;
}

.rating.rating-3x {
    font-size: 39px;
}

.rating.rating-4x {
    font-size: 52px;
}

.rating.rating-5x {
    font-size: 65px;
}

.rating .star {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    cursor: pointer;
}

.rating .star:hover:before {
    content: "\f005";
}

.rating .star:before {
    content: "\f006";
    padding-right: 0;
}

.rating .star.active:before {
    content: "\f005";
}

.rating .star.active ~ .star:before {
    content: "\f005";
}

.rating-primary .star:hover:before {
    color: #0e76a8 !important;
}

.rating-primary .star.active:before {
    color: #0e76a8 !important;
}

.rating-primary .star.active ~ .star:before {
    color: #0e76a8 !important;
}

.rating-success .star:hover:before {
    color: #0e76a8 !important;
}

.rating-success .star.active:before {
    color: #0e76a8 !important;
}

.rating-success .star.active ~ .star:before {
    color: #0e76a8 !important;
}

.rating-info .star:hover:before {
    color: #63D3E9 !important;
}

.rating-info .star.active:before {
    color: #63D3E9 !important;
}

.rating-info .star.active ~ .star:before {
    color: #63D3E9 !important;
}

.rating-warning .star:hover:before {
    color: #F6BB42 !important;
}

.rating-warning .star.active:before {
    color: #F6BB42 !important;
}

.rating-warning .star.active ~ .star:before {
    color: #F6BB42 !important;
}

.rating-danger .star:hover:before {
    color: #E9573F !important;
}

.rating-danger .star.active:before {
    color: #E9573F !important;
}

.rating-danger .star.active ~ .star:before {
    color: #E9573F !important;
}

.rating-lilac .star:hover:before {
    color: #906094 !important;
}

.rating-lilac .star.active:before {
    color: #906094 !important;
}

.rating-lilac .star.active ~ .star:before {
    color: #906094 !important;
}

.rating-teals .star:hover:before {
    color: #0e76a8 !important;
}

.rating-teals .star.active:before {
    color: #0e76a8 !important;
}

.rating-teals .star.active ~ .star:before {
    color: #0e76a8 !important;
}

.rating-inverse .star:hover:before {
    color: #2A2A2A !important;
}

.rating-inverse .star.active:before {
    color: #2A2A2A !important;
}

.rating-inverse .star.active ~ .star:before {
    color: #2A2A2A !important;
}

/* ========================================================================
 * RIBBONS
 * ======================================================================== */
.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    right: -2px;
    z-index: 250;
}

.ribbon-wrapper.top-left {
    left: -2px;
}

.ribbon-wrapper.top-left .ribbon {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -30px;
}

.ribbon-wrapper.bottom-right {
    right: -2px;
    bottom: -2px;
    top: inherit;
}

.ribbon-wrapper.bottom-right .ribbon {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -6px;
    top: 40px;
}

.ribbon-wrapper.bottom-left {
    left: -3px;
    bottom: -3px;
    top: inherit;
}

.ribbon-wrapper.bottom-left .ribbon {
    left: -28px;
    top: 40px;
}

.ribbon-wrapper .ribbon {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    background-color: #797979;
}

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

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

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

.ribbon-wrapper .ribbon.ribbon-shadow {
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.ribbon-wrapper .ribbon.transparent {
    background-color: RGBA(121, 121, 121, 0.34) !important;
    border: none !important;
}

.ribbon-default {
    background-color: #EEEEEE !important;
}

.ribbon-default:before, .ribbon-default:after {
    border-top: 2px solid #EEEEEE !important;
}

.ribbon-default.transparent {
    background-color: fade(#EEEEEE, 40%) !important;
}

.ribbon-default.transparent:before, .ribbon-default.transparent:after {
    border-top: 2px solid fade(#EEEEEE, 40%) !important;
}

.ribbon-default.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#EEEEEE, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#EEEEEE, 50%) !important;
    box-shadow: 0 0 3px fade(#EEEEEE, 50%) !important;
}

.ribbon-primary {
    background-color: #0e76a8 !important;
}

.ribbon-primary:before, .ribbon-primary:after {
    border-top: 2px solid #0e76a8 !important;
}

.ribbon-primary.transparent {
    background-color: fade(#0e76a8, 40%) !important;
}

.ribbon-primary.transparent:before, .ribbon-primary.transparent:after {
    border-top: 2px solid fade(#0e76a8, 40%) !important;
}

.ribbon-primary.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
    box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
}

.ribbon-success {
    background-color: #0e76a8 !important;
}

.ribbon-success:before, .ribbon-success:after {
    border-top: 2px solid #0e76a8 !important;
}

.ribbon-success.transparent {
    background-color: fade(#0e76a8, 40%) !important;
}

.ribbon-success.transparent:before, .ribbon-success.transparent:after {
    border-top: 2px solid fade(#0e76a8, 40%) !important;
}

.ribbon-success.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
    box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
}

.ribbon-info {
    background-color: #63D3E9 !important;
}

.ribbon-info:before, .ribbon-info:after {
    border-top: 2px solid #63D3E9 !important;
}

.ribbon-info.transparent {
    background-color: fade(#63D3E9, 40%) !important;
}

.ribbon-info.transparent:before, .ribbon-info.transparent:after {
    border-top: 2px solid fade(#63D3E9, 40%) !important;
}

.ribbon-info.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#63D3E9, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#63D3E9, 50%) !important;
    box-shadow: 0 0 3px fade(#63D3E9, 50%) !important;
}

.ribbon-warning {
    background-color: #F6BB42 !important;
}

.ribbon-warning:before, .ribbon-warning:after {
    border-top: 2px solid #F6BB42 !important;
}

.ribbon-warning.transparent {
    background-color: fade(#F6BB42, 40%) !important;
}

.ribbon-warning.transparent:before, .ribbon-warning.transparent:after {
    border-top: 2px solid fade(#F6BB42, 40%) !important;
}

.ribbon-warning.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#F6BB42, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#F6BB42, 50%) !important;
    box-shadow: 0 0 3px fade(#F6BB42, 50%) !important;
}

.ribbon-danger {
    background-color: #E9573F !important;
}

.ribbon-danger:before, .ribbon-danger:after {
    border-top: 2px solid #E9573F !important;
}

.ribbon-danger.transparent {
    background-color: fade(#E9573F, 40%) !important;
}

.ribbon-danger.transparent:before, .ribbon-danger.transparent:after {
    border-top: 2px solid fade(#E9573F, 40%) !important;
}

.ribbon-danger.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#E9573F, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#E9573F, 50%) !important;
    box-shadow: 0 0 3px fade(#E9573F, 50%) !important;
}

.ribbon-lilac {
    background-color: #906094 !important;
}

.ribbon-lilac:before, .ribbon-lilac:after {
    border-top: 2px solid #906094 !important;
}

.ribbon-lilac.transparent {
    background-color: fade(#906094, 40%) !important;
}

.ribbon-lilac.transparent:before, .ribbon-lilac.transparent:after {
    border-top: 2px solid fade(#906094, 40%) !important;
}

.ribbon-lilac.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#906094, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#906094, 50%) !important;
    box-shadow: 0 0 3px fade(#906094, 50%) !important;
}

.ribbon-teals {
    background-color: #0e76a8 !important;
}

.ribbon-teals:before, .ribbon-teals:after {
    border-top: 2px solid #0e76a8 !important;
}

.ribbon-teals.transparent {
    background-color: fade(#0e76a8, 40%) !important;
}

.ribbon-teals.transparent:before, .ribbon-teals.transparent:after {
    border-top: 2px solid fade(#0e76a8, 40%) !important;
}

.ribbon-teals.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
    box-shadow: 0 0 3px fade(#0e76a8, 50%) !important;
}

.ribbon-inverse {
    background-color: #2A2A2A !important;
}

.ribbon-inverse:before, .ribbon-inverse:after {
    border-top: 2px solid #2A2A2A !important;
}

.ribbon-inverse.transparent {
    background-color: fade(#2A2A2A, 40%) !important;
}

.ribbon-inverse.transparent:before, .ribbon-inverse.transparent:after {
    border-top: 2px solid fade(#2A2A2A, 40%) !important;
}

.ribbon-inverse.ribbon-shadow {
    -moz-box-shadow: 0 0 3px fade(#2A2A2A, 50%) !important;
    -webkit-box-shadow: 0 0 3px fade(#2A2A2A, 50%) !important;
    box-shadow: 0 0 3px fade(#2A2A2A, 50%) !important;
}

/* ========================================================================
 * TABLE
 * ======================================================================== */
.table {
    margin-bottom: 0px;
}

.table thead tr th {
    background-color: #EEEEEE;
    border-color: #e1e1e1 #e1e1e1 gainsboro;
    vertical-align: middle;
    border-width: 1px 1px 7px;
    border-style: solid;
    font-weight: 400;
    font-size: 13px;
}

.table thead tr th:first-child {
    border-left: none;
}

.table thead tr th:last-child {
    border-right: none;
}

.table thead .sorting:after {
    margin-left: 5px;
    content: "\f0dc";
    font-family: 'FontAwesome';
}

.table thead .sorting_asc:after {
    margin-left: 5px;
    content: "\f0dd";
    font-family: 'FontAwesome';
}

.table thead .sorting_desc:after {
    margin-left: 5px;
    content: "\f0de";
    font-family: 'FontAwesome';
}

.table thead .sorting_asc_disabled:after {
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.3);
    content: "\f0dd";
    font-family: 'FontAwesome';
}

.table thead .sorting_desc_disabled:after {
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.3);
    content: "\f0de";
    font-family: 'FontAwesome';
}

.table tbody tr.border-danger td {
    background: inherit !important;
}

.table tbody tr.border-danger td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-danger td:first-child:before {
    border-left: 3px solid #E9573F;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr.border-success td {
    background: inherit !important;
}

.table tbody tr.border-success td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-success td:first-child:before {
    border-left: 3px solid #0e76a8;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr.border-primary td {
    background: inherit !important;
}

.table tbody tr.border-primary td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-primary td:first-child:before {
    border-left: 3px solid #0e76a8;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr.border-info td {
    background: inherit !important;
}

.table tbody tr.border-info td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-info td:first-child:before {
    border-left: 3px solid #63D3E9;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr.border-warning td {
    background: inherit !important;
}

.table tbody tr.border-warning td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-warning td:first-child:before {
    border-left: 3px solid #F6BB42;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr.border-inverse td {
    background: inherit !important;
}

.table tbody tr.border-inverse td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-inverse td:first-child:before {
    border-left: 3px solid #2A2A2A;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr.border-lilac td {
    background: inherit !important;
}

.table tbody tr.border-lilac td:first-child {
    position: relative;
    padding-left: 10px;
}

.table tbody tr.border-lilac td:first-child:before {
    border-left: 3px solid #906094;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
}

.table tbody tr:first-child td:first-child:before {
    top: 2px !important;
}

.table tbody tr td {
    background-color: #FBFBFB;
}

.table tbody tr td > a {
    margin-right: 5px;
}

.table tbody tr td > a i {
    color: #636E7B;
}

.table tbody tr td .btn.btn-success i, .table tbody tr td .btn.btn-danger i, .table tbody tr td .btn.btn-primary i, .table tbody tr td .btn.btn-info i, .table tbody tr td .btn.btn-warning i {
    color: white;
}

.table tfoot tr th {
    vertical-align: middle;
    background-color: #EEEEEE;
    border-width: 7px 1px 1px;
    border-style: solid;
    border-color: gainsboro #e1e1e1 #e1e1e1;
    font-weight: 400;
    font-size: 13px;
    border-bottom: none;
}

.table tfoot tr th:first-child {
    border-left: none;
}

.table tfoot tr th:last-child {
    border-right: none;
}

.table.table-striped tbody tr:nth-child(odd) td, .table.table-striped tbody tr:nth-child(odd) th {
    background-color: #f6f6f6;
}

table.table-bordered tbody tr td:first-child:before {
    left: -2px !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background: none;
}

.table-primary thead tr th {
    background-color: #0e76a8 !important;
    border-color: #00c5fb #00c5fb #0095bd !important;
    color: #fff;
}

.table-primary tbody tr td.sorting_1 {
    background: #24d0ff !important;
    color: white;
    border-bottom: 1px solid #48d8ff !important;
}

.table-primary tfoot tr th {
    background-color: #0e76a8 !important;
    border-color: #0095bd #00c5fb #00c5fb !important;
    color: #fff;
}

.table-primary.table-bordered {
    border: 1px solid #0e76a8;
}

.table-primary.table-bordered thead tr th:first-child, .table-primary.table-bordered thead tr th:last-child, .table-primary.table-bordered tfoot tr th:first-child, .table-primary.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-primary.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #48d8ff !important;
}

.table-primary table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-primary table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-success thead tr th {
    background-color: #0e76a8 !important;
    border-color: #98c865 #98c865 #7ab03f !important;
    color: #fff;
}

.table-success tbody tr td.sorting_1 {
    background: #acd283 !important;
    color: white;
    border-bottom: 1px solid #bedc9d !important;
}

.table-success tfoot tr th {
    background-color: #0e76a8 !important;
    border-color: #7ab03f #98c865 #98c865 !important;
    color: #fff;
}

.table-success.table-bordered {
    border: 1px solid #0e76a8;
}

.table-success.table-bordered thead tr th:first-child, .table-success.table-bordered thead tr th:last-child, .table-success.table-bordered tfoot tr th:first-child, .table-success.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-success.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #bedc9d !important;
}

.table-success table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-success table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-info thead tr th {
    background-color: #63D3E9 !important;
    border-color: #79d9ec #79d9ec #44cae5 !important;
    color: #fff;
}

.table-info tbody tr td.sorting_1 {
    background: #9de3f1 !important;
    color: white;
    border-bottom: 1px solid #bcecf6 !important;
}

.table-info tfoot tr th {
    background-color: #63D3E9 !important;
    border-color: #44cae5 #79d9ec #79d9ec !important;
    color: #fff;
}

.table-info.table-bordered {
    border: 1px solid #63D3E9;
}

.table-info.table-bordered thead tr th:first-child, .table-info.table-bordered thead tr th:last-child, .table-info.table-bordered tfoot tr th:first-child, .table-info.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-info.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #bcecf6 !important;
}

.table-info table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-info table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-warning thead tr th {
    background-color: #F6BB42 !important;
    border-color: #f7c45a #f7c45a #f4af20 !important;
    color: #fff;
}

.table-warning tbody tr td.sorting_1 {
    background: #f9d281 !important;
    color: white;
    border-bottom: 1px solid #fbdea3 !important;
}

.table-warning tfoot tr th {
    background-color: #F6BB42 !important;
    border-color: #f4af20 #f7c45a #f7c45a !important;
    color: #fff;
}

.table-warning.table-bordered {
    border: 1px solid #F6BB42;
}

.table-warning.table-bordered thead tr th:first-child, .table-warning.table-bordered thead tr th:last-child, .table-warning.table-bordered tfoot tr th:first-child, .table-warning.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-warning.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #fbdea3 !important;
}

.table-warning table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-warning table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-danger thead tr th {
    background-color: #E9573F !important;
    border-color: #ec6b56 #ec6b56 #e53b1f !important;
    color: #fff;
}

.table-danger tbody tr td.sorting_1 {
    background: #f08b7a !important;
    color: white;
    border-bottom: 1px solid #f3a79b !important;
}

.table-danger tfoot tr th {
    background-color: #E9573F !important;
    border-color: #e53b1f #ec6b56 #ec6b56 !important;
    color: #fff;
}

.table-danger.table-bordered {
    border: 1px solid #E9573F;
}

.table-danger.table-bordered thead tr th:first-child, .table-danger.table-bordered thead tr th:last-child, .table-danger.table-bordered tfoot tr th:first-child, .table-danger.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-danger.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #f3a79b !important;
}

.table-danger table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-danger table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-lilac thead tr th {
    background-color: #906094 !important;
    border-color: #9c6da0 #9c6da0 #7b527e !important;
    color: #fff;
}

.table-lilac tbody tr td.sorting_1 {
    background: #ad86b0 !important;
    color: white;
    border-bottom: 1px solid #bc9cbe !important;
}

.table-lilac tfoot tr th {
    background-color: #906094 !important;
    border-color: #7b527e #9c6da0 #9c6da0 !important;
    color: #fff;
}

.table-lilac.table-bordered {
    border: 1px solid #906094;
}

.table-lilac.table-bordered thead tr th:first-child, .table-lilac.table-bordered thead tr th:last-child, .table-lilac.table-bordered tfoot tr th:first-child, .table-lilac.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-lilac.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #bc9cbe !important;
}

.table-lilac table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-lilac table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-inverse thead tr th {
    background-color: #2A2A2A !important;
    border-color: #373737 #373737 #181818 !important;
    color: #fff;
}

.table-inverse tbody tr td.sorting_1 {
    background: #4b4b4b !important;
    color: white;
    border-bottom: 1px solid #5d5d5d !important;
}

.table-inverse tfoot tr th {
    background-color: #2A2A2A !important;
    border-color: #181818 #373737 #373737 !important;
    color: #fff;
}

.table-inverse.table-bordered {
    border: 1px solid #2A2A2A;
}

.table-inverse.table-bordered thead tr th:first-child, .table-inverse.table-bordered thead tr th:last-child, .table-inverse.table-bordered tfoot tr th:first-child, .table-inverse.table-bordered tfoot tr th:last-child {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px !important;
}

.table-inverse.table-bordered tbody tr td.sorting_1 {
    border-right: 1px solid #5d5d5d !important;
}

.table-inverse table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
    color: white;
}

.table-inverse table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    color: white;
}

.table-teal thead tr th {
    background-color: #0e76a8 !important;
    border-color: #44c8a8 #44c8a8 #2fa084 !important;
    color: #fff;
}

.table-teal tfoot tr th {
    background-color: #0e76a8 !important;
    border-color: #2fa084 #31a88b #31a88b !important;
}

.table-responsive.rounded {
    overflow: auto !important;
}

.table-middle tr th, .table-middle tr td {
    vertical-align: middle !important;
}

.table-no-border tr td {
    border-top: none !important;
}

/* ========================================================================
 * TABS
 * ======================================================================== */
.nav-tabs .nav-border {
    position: relative;
}

.nav-tabs .nav-border:first-child.active:after {
    left: 0;
}

.nav-tabs .nav-border.active:after {
    content: "";
    display: block;
    position: absolute;
}

.nav-tabs .nav-border-top-danger.active:after {
    border: 2px solid #E9573F;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-primary.active:after {
    border: 2px solid #0e76a8;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-success.active:after {
    border: 2px solid #0e76a8;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-info.active:after {
    border: 2px solid #63D3E9;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-warning.active:after {
    border: 2px solid #F6BB42;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-lilac.active:after {
    border: 2px solid #906094;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-inverse.active:after {
    border: 2px solid #2A2A2A;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-top-teal.active:after {
    border: 2px solid #0e76a8;
    top: 0;
    left: -1px;
    right: 0;
}

.nav-tabs .nav-border-left-danger.active:after {
    border: 2px solid #E9573F;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-primary.active:after {
    border: 2px solid #0e76a8;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-success.active:after {
    border: 2px solid #0e76a8;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-info.active:after {
    border: 2px solid #63D3E9;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-warning.active:after {
    border: 2px solid #F6BB42;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-lilac.active:after {
    border: 2px solid #906094;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-inverse.active:after {
    border: 2px solid #2A2A2A;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs .nav-border-left-teal.active:after {
    border: 2px solid #0e76a8;
    top: 0;
    bottom: 0;
    left: 0;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li > a {
    padding: 15px;
    background-color: #EEEEEE;
    color: #aeaeae;
    border: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.nav-tabs.nav-justified > li:last-child > a {
    border-top-right-radius: 3px;
}

.nav-tabs.nav-justified > .active > a {
    color: #333;
    background-color: #FBFBFB;
    border: 0;
    border-color: #FFF;
    border-bottom-color: #FCFCFC;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 0;
    border-color: #FFF;
    border-bottom-color: #FCFCFC;
    background-color: #FBFBFB;
}

.tab-content {
    background-color: #FBFBFB;
    padding: 15px;
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

@media (max-width: 800px) {
    .panel .nav-tabs li a {
        border-right: none !important;
    }
}

/* ========================================================================
 * THUMBNAIL
 * ======================================================================== */
.thumbnail h3 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.thumbnail .caption p {
    color: #888888;
}

.thumbnail .thumbnail-action {
    background: #EEEEEE;
    padding: 10px;
}

.thumbnail.thumbnail-flat {
    padding: 0;
    border: none;
}

.thumbnail.thumbnail-flat .subtitle {
    color: #959595;
}

.thumbnail.thumbnail-flat p {
    color: #888888;
}

.thumbnail.thumbnail-flat .desc {
    margin-top: 15px;
}

.thumbnail.thumbnail-flat .caption {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

/* ========================================================================
 * TOOLTIP
 * ======================================================================== */
.tooltip {
    z-index: 1000;
}

/* ========================================================================
 * TYPOGRAPHY
 * ======================================================================== */
.text-thin {
    font-weight: 300 !important;
}

.text-xlarge {
    font-size: 50px !important;
    line-height: 50px !important;
}

.text-xs {
    font-size: 10px !important;
}

.text-sm {
    font-size: 12px !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-strong {
    font-weight: bold !important;
}

.text-white {
    color: white !important;
}

.text-block {
    display: block !important;
}

.text-default {
    color: #EEEEEE !important;
}

.text-primary {
    color: #0e76a8 !important;
}

.text-success {
    color: #0e76a8 !important;
}

.text-info {
    color: #63D3E9 !important;
}

.text-warning {
    color: #F6BB42 !important;
}

.text-danger {
    color: #E9573F !important;
}

.text-lilac {
    color: #906094 !important;
}

.text-inverse {
    color: #2A2A2A !important;
}

.text-teal {
    color: #0e76a8 !important;
}

/* ========================================================================
 * POPOVER
 * ======================================================================== */
.popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.popover.top > .arrow:after {
    border-top-color: #FFFFFF;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #F7F7F7;
}

.popover.left > .arrow:after {
    border-left-color: #F7F7F7;
}

.popover.right > .arrow:after {
    border-right-color: #F7F7F7;
}

.popover .popover-title {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* ========================================================================
 * MISC
 * ======================================================================== */
/* ========================================================================
 * TABLE OF CONTENTS
 * ========================================================================
   01. FUNCTION BACKGROUND COLOR
   02. CONTEXTUAL CLASSES BACKGROUND
   03. FUNCTION BACKGROUND GRADIENT
   04. CONTEXTUAL CLASSES BACKGROUND GRADIENT
   05. FUNCTION FOREGROUND COLOR
   06. CONTEXTUAL CLASSES FOREGROUND
   07. BORDER
   08. MARGIN
   09. POSITION
   10. LINE HEIGHT
   11. LOADING ANIMATION
   12. LOADING INDICATOR
   13. CHOOSE THEMES
   14. BOOTSTRAP OVERRIDE
   15. FULLSCREEN MODE
   16. CHARTS
   16. BACK TOP
 * ======================================================================== */
.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;

}

.no-border {
    border: none !important;
}

.no-border:active, .no-border:focus {
    border: none !important;
}

.no-overflow {
    overflow: visible !important;
}

.no-box-shadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.no-border-radius {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
}

.no-border-radius-right {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.transparent {
    background: transparent !important;
}

.rounded {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
}

.rounded:after, .rounded:before {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
}

.circle {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50%;
    border-radius: 50% !important;
}

.circle:after, .circle:before {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50%;
    border-radius: 50% !important;
}

.shadow {
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.rounded-bottom {
    -moz-border-radius: 0px 0px 3px 3px !important;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px !important;
}

.inner-all {
    padding: 10px;
}

.inner-all > button, .inner-all > a, .inner-all .label, .inner-all .badge {
    margin-bottom: 5px;
}

.inner-all > .label, .inner-all .badge {
    display: inline-block;
}

.border-bottom {
    border-bottom: 1px solid #DDD;
}

.block {
    display: block !important;
}

.hide {
    display: none !important;
}

.display-hide {
    display: none;
}

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

.half {
    width: 50% !important;
}

.inline {
    display: inline !important;
    width: auto !important;
}

.divider {
    height: 20px;
    display: block;
}

.pull-in {
    margin-left: -15px;
    margin-right: -15px;
}

.full-width {
    width: 100% !important;
}

.line {
    height: 2px;
    margin: 10px 0px;
    font-size: 0px;
    overflow: hidden;
    background-color: transparent;
    border-width: 1px 0px 0px;
    border-top: 1px solid #DDD;
}

.corner-left {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    padding: 5px;
}

.asterisk {
    color: #E9573F !important;
}

.section-sample {
    display: block;
    margin-bottom: 25px;
}

.section-sample a, .section-sample button {
    margin-bottom: 5px;
}

.upgrade-browser {
    background-color: #777;
    color: #FFFFFF;
    position: fixed;
    z-index: 99999;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 15px 0px;
    font-size: 15px;
}

.upgrade-browser a {
    text-decoration: underline;
    color: #FFFFFF;
}

.upgrade-browser a:hover, .upgrade-browser a:active, .upgrade-browser a:visited {
    color: #FFFFFF !important;
}

.sample-rating .rating {
    margin-bottom: 30px;
}

.text-vertically-center {
    height: 200px;
    line-height: 200px;
    text-align: center;
    font-size: 20px;
}

.text-vertically-center span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.show-grid .row {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FBFBFB;
    border-right: 1px solid #DDD;
}

.show-grid [class^="col-"]:last-child {
    border-right: none;
}

.show-grid .show-grid [class^="col-"] {
    background-color: #f2f2f2;
}

.bg-teal {
    background-color: #0e76a8 !important;
    color: white;
}

.bg-teal a, .bg-teal i, .bg-teal span, .bg-teal small, .bg-teal p {
    color: white;
}

.bg-teal .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-teal .morris-hover-row-label {
    background-color: #2b957a;
}

.no-bg {
    background-color: transparent !important;
}

.bg-dark {
    background-color: #373737;
}

.bg-light {
    background-color: #F3F3F4;
}

.bg-light #wrapper {
    background-color: #F3F3F4;
}

.bg-default {
    background-color: #EEEEEE !important;
    border: 1px solid #EEEEEE;
    color: white;
}

.bg-default a, .bg-default i, .bg-default span, .bg-default small, .bg-default p {
    color: white;
}

.bg-default .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-default .morris-hover-row-label {
    background-color: #d5d5d5;
}

.bg-primary {
    background-color: #0e76a8 !important;
    border: 1px solid #0e76a8;
    color: white;
}

.bg-primary a, .bg-primary i, .bg-primary span, .bg-primary small, .bg-primary p {
    color: white;
}

.bg-primary .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-primary .morris-hover-row-label {
    background-color: #0089ae;
}

.bg-success {
    background-color: #0e76a8 !important;
    border: 1px solid #0e76a8;
    color: white;
}

.bg-success a, .bg-success i, .bg-success span, .bg-success small, .bg-success p {
    color: white;
}

.bg-success .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-success .morris-hover-row-label {
    background-color: #72a53b;
}

.bg-info {
    background-color: #63D3E9 !important;
    border: 1px solid #63D3E9;
    color: white;
}

.bg-info a, .bg-info i, .bg-info span, .bg-info small, .bg-info p {
    color: white;
}

.bg-info .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-info .morris-hover-row-label {
    background-color: #36c6e3;
}

.bg-warning {
    background-color: #F6BB42 !important;
    border: 1px solid #F6BB42;
    color: white;
}

.bg-warning a, .bg-warning i, .bg-warning span, .bg-warning small, .bg-warning p {
    color: white;
}

.bg-warning .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-warning .morris-hover-row-label {
    background-color: #f4a911;
}

.bg-danger {
    background-color: #E9573F !important;
    border: 1px solid #E9573F;
    color: white;
}

.bg-danger a, .bg-danger i, .bg-danger span, .bg-danger small, .bg-danger p {
    color: white;
}

.bg-danger .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-danger .morris-hover-row-label {
    background-color: #dc3519;
}

.bg-lilac {
    background-color: #906094 !important;
    border: 1px solid #906094;
    color: white;
}

.bg-lilac a, .bg-lilac i, .bg-lilac span, .bg-lilac small, .bg-lilac p {
    color: white;
}

.bg-lilac .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-lilac .morris-hover-row-label {
    background-color: #724c75;
}

.bg-inverse {
    background-color: #2A2A2A !important;
    border: 1px solid #2A2A2A;
    color: white;
}

.bg-inverse a, .bg-inverse i, .bg-inverse span, .bg-inverse small, .bg-inverse p {
    color: white;
}

.bg-inverse .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-inverse .morris-hover-row-label {
    background-color: #111111;
}

.bg-overlay {
    background-color: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(0, 0, 0, 0.35);
    color: white;
}

.bg-overlay a, .bg-overlay i, .bg-overlay span, .bg-overlay small, .bg-overlay p {
    color: white;
}

.bg-overlay .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-overlay .morris-hover-row-label {
    background-color: rgba(0, 0, 0, 0.35);
}

.bg-facebook {
    background-color: #3b5998 !important;
    border: 1px solid #3b5998;
    color: white;
}

.bg-facebook a, .bg-facebook i, .bg-facebook span, .bg-facebook small, .bg-facebook p {
    color: white;
}

.bg-facebook .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-facebook .morris-hover-row-label {
    background-color: #2d4373;
}

.bg-twitter {
    background-color: #00a0d1 !important;
    border: 1px solid #00a0d1;
    color: white;
}

.bg-twitter a, .bg-twitter i, .bg-twitter span, .bg-twitter small, .bg-twitter p {
    color: white;
}

.bg-twitter .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-twitter .morris-hover-row-label {
    background-color: #00799e;
}

.bg-googleplus {
    background-color: #db4a39 !important;
    border: 1px solid #db4a39;
    color: white;
}

.bg-googleplus a, .bg-googleplus i, .bg-googleplus span, .bg-googleplus small, .bg-googleplus p {
    color: white;
}

.bg-googleplus .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-googleplus .morris-hover-row-label {
    background-color: #be3323;
}

.bg-bitbucket {
    background-color: #205081 !important;
    border: 1px solid #205081;
    color: white;
}

.bg-bitbucket a, .bg-bitbucket i, .bg-bitbucket span, .bg-bitbucket small, .bg-bitbucket p {
    color: white;
}

.bg-bitbucket .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-bitbucket .morris-hover-row-label {
    background-color: #163758;
}

.bg-youtube {
    background-color: #c4302b !important;
    border: 1px solid #c4302b;
    color: white;
}

.bg-youtube a, .bg-youtube i, .bg-youtube span, .bg-youtube small, .bg-youtube p {
    color: white;
}

.bg-youtube .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-youtube .morris-hover-row-label {
    background-color: #9a2622;
}

.bg-dribbble {
    background-color: #ea4c89 !important;
    border: 1px solid #ea4c89;
    color: white;
}

.bg-dribbble a, .bg-dribbble i, .bg-dribbble span, .bg-dribbble small, .bg-dribbble p {
    color: white;
}

.bg-dribbble .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-dribbble .morris-hover-row-label {
    background-color: #e51e6b;
}

.bg-soundcloud {
    background-color: #ff7700 !important;
    border: 1px solid #ff7700;
    color: white;
}

.bg-soundcloud a, .bg-soundcloud i, .bg-soundcloud span, .bg-soundcloud small, .bg-soundcloud p {
    color: white;
}

.bg-soundcloud .flot-tick-label.tickLabel {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg-soundcloud .morris-hover-row-label {
    background-color: #cc5f00;
}

.fg-default {
    color: #EEEEEE !important;
}

.fg-primary {
    color: #0e76a8 !important;
}

.fg-success {
    color: #0e76a8 !important;
}

.fg-info {
    color: #63D3E9 !important;
}

.fg-warning {
    color: #F6BB42 !important;
}

.fg-danger {
    color: #E9573F !important;
}

.fg-lilac {
    color: #906094 !important;
}

.fg-teals {
    color: #0e76a8 !important;
}

.fg-inverse {
    color: #2A2A2A !important;
}

.fg-facebook {
    color: #3b5998 !important;
}

.fg-twitter {
    color: #00a0d1 !important;
}

.fg-googleplus {
    color: #db4a39 !important;
}

.fg-bitbucket {
    color: #205081 !important;
}

.no-border-top {
    border-top: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}

.border {
    border: 1px solid #DDD;
}

.border-top {
    border-top: 1px solid #DDD;
}

.border-right {
    border-right: 1px solid #DDD;
}

.border-right.dotted {
    border-right: 1px dotted #DDD;
}

.border-top-danger {
    border-top: 3px solid #E9573F;
}

.border-top-primary {
    border-top: 3px solid #0e76a8;
}

.border-top-info {
    border-top: 3px solid #63D3E9;
}

.border-top-success {
    border-top: 3px solid #0e76a8;
}

.border-top-warning {
    border-top: 3px solid #F6BB42;
}

.br-3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.br-t-3 {
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0px 0px;
}

.br-l-3 {
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0px 0px 3px;
}

.br-r-3 {
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 3px 3px 0px;
}

.br-b-3 {
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 3px 3px;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 10px !important;
}

.p-20 {
    padding: 10px !important;
}

.p-25 {
    padding: 10px !important;
}

.p-30 {
    padding: 10px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.m-5 {
    margin: 5px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.no-top {
    top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.no-right {
    right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.lh-5 {
    line-height: 5px !important;
}

.lh-10 {
    line-height: 10px !important;
}

.lh-15 {
    line-height: 15px !important;
}

.lh-20 {
    line-height: 20px !important;
}

.lh-25 {
    line-height: 25px !important;
}

.lh-30 {
    line-height: 30px !important;
}

/* ========================================================================
 * LOADING ANIMATION
 * ======================================================================== */
#loading {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999999;
}

#loading .loading-inner {
    position: absolute;
    top: 40%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

#loading .loading-inner img {
    margin-right: auto;
    margin-left: auto;
}

/* ========================================================================
 * LOADING INDICATOR
 * ======================================================================== */
.indicator {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 2px;
    cursor: progress;
}

.indicator.inline {
    display: block !important;
    position: relative;
    z-index: 9;
    height: 34px;
    background-color: transparent;
    border-radius: 0;
}

.indicator .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    background-image: url("../../global/img/loader/general/1.gif");
    background-repeat: no-repeat;
}

/* ========================================================================
 * CHOOSE THEMES
 * ======================================================================== */
.themes {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 0px;
}

.themes li {
    height: auto;
    border: none;
    padding: 0;
    position: relative;
    float: left;
    margin-bottom: 5px;
}

.themes li a {
    opacity: 0.7;
    line-height: 32px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: block;
    color: #676767;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    padding: 5px !important;
    width: 17px;
    height: 17px !important;
    margin-right: 5px;
}

.themes li a:hover {
    opacity: 1;
}

/* ========================================================================
 * BOOTSTRAP OVERRIDE
 * ======================================================================= */
.row {
    margin-left: -10px;
    margin-right: -10px;
}

.row-merge {
    margin: 0px;
}

.row-merge > [class*="col-"] {
    padding: 0px;
}

.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,
.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,
.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,
.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 {
    padding-left: 10px;
    padding-right: 10px;
}

.table-responsive {
    border: none;
}

.table tr td img {
    margin-right: 5px;
}

.img-responsive {
    width: 100%;
}

.bs-example-modal .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block;
    overflow: visible;
}

.bs-example-modal .modal-dialog {
    left: auto;
    margin: 0px auto 10px;
    width: auto;
}

.bs-example-modal .modal-content {
    box-shadow: none;
}

.modal-content {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.list-group-item:first-child, .list-group-item:last-child {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.navbar {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px;
}

.thumbnail {
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.well {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

@media (max-width: 768px) {
    .navbar {
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px;
        border-radius: 0px !important;
    }
}

@media (max-width: 360px) {
    .col-xs-override, .col-xs-6 {
        width: 100% !important;
    }
}

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

/* ========================================================================
 * FULLSCREEN MODE
 * ======================================================================= */
#fullscreen-mode {
    bottom: 0px;
    right: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999999;
}

#fullscreen-mode .panel {
    height: inherit;
}

#fullscreen-mode .panel .panel-body {
    height: inherit;
    overflow-y: scroll;
}

/* ========================================================================
 * CHARTS
 * ======================================================================== */
.chart {
    width: 100%;
    height: 300px;
    padding: 0px;
    position: relative;
}

/* ========================================================================
 * BACK TOP
 * ======================================================================== */
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    color: #EEE;
    text-align: center;
    z-index: 1000;
    background-color: rgba(89, 95, 102, 0.7);
    display: block;
    opacity: 1;
    width: 40px;
    height: 40px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: all 0.5s ease-in-out 0s;
}

#back-top i {
    font-size: 20px;
    line-height: 35px;
}

.accordion.spaced.panel-group .panel + .panel {
    margin-top: 3px
}

.accordion.panel-group {
    border: 1px solid #d8d8d8;
    border-top-width: 0
}

.accordion.panel-group .panel {
    border-radius: 0;
    border: 0;
    background-color: #fff;
    box-shadow: none
}

.accordion.panel-group .panel:last-child {
    border-bottom-width: 1px
}

.accordion.panel-group .panel .collapse {
    background-color: #fff
}

.accordion.panel-group .panel + .panel {
    margin-top: 0
}

.accordion.panel-group .panel-heading {
    padding: 0
}

.accordion.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top-color: #d5d5d5 !important
}

.accordion.panel-group .panel-heading .accordion-toggle {
    color: #555;
    background-color: #fff;
    position: relative;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    padding: 10px;
    display: block
}

.accordion.panel-group .panel-heading .accordion-toggle:after {
    -webkit-transition: all .218s;
    -moz-transition: all .218s;
    -o-transition: all .218s;
    transition: all .218s;
    position: absolute;
    right: 20px;
    top: 8px;
    font-family: 'FontAwesome';
    font-size: 17px;
    font-weight: bold;
    content: "";
    color: #bebebe
}

.accordion.panel-group .panel-heading .accordion-toggle.collapsed:after {
    content: ""
}

.accordion.panel-group .panel-heading .accordion-toggle.collapsed {
    color: #737373;
    font-weight: normal;
    background-color: #fff;
    -webkit-transition: border .218s;
    -moz-transition: border .218s;
    -o-transition: border .218s;
    transition: border .218s;
    border-bottom: 1px solid #f5f5f5
}

.accordion.panel-group .panel-heading .accordion-toggle:hover {
    color: #262626;
    text-decoration: none
}

.accordion.panel-group .panel-heading .accordion-toggle:hover > [class*="icon-"]:first-child {
    text-decoration: none
}

.accordion.panel-group .panel-heading .accordion-toggle:hover:after {
    color: #262626
}

.accordion.panel-group .panel-heading .accordion-toggle:focus, .accordion.panel-group .panel-heading .accordion-toggle:active {
    outline: 0;
    text-decoration: none
}

.accordion.panel-group .panel-heading .accordion-toggle > [class*="fa-"]:first-child {
    width: 16px
}

.accordion.panel-group .panel-body {
    background-color: #eee;
    border-left: 2px solid #eee;
    color: #262626 !important
}

.accordion.panel-group.no-padding {
    padding: 0
}

.navbar {
    border: 1px solid transparent;
    height: 52px;
    margin-bottom: 20px;
    position: relative;
}