/*
* Author: Łukasz Holeczek
* Template: Perfectum Dashboard Bootstrap Theme
* Version: 1.0.5
* Bootstrap version: 2.3.1
* Copyright 2012 creativeLabs
* www: http://clabs.co
* mail: lukasz@clabs.co
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/perfectum-dashboard-admin-template-WB0PHMG9K
*/

/* Import Section
=================================================================== */
@import url("jquery-ui-1.8.21.custom.css"); /* jQuery User Interface Framework Styles */
@import url("fullcalendar.css"); /* Calendars Styles */
@import url("chosen.css"); /* Select Boxes Styles */
@import url("uniform.default.css"); /* Uniform Styles */
@import url("jquery.cleditor.css"); /* Text Editor Styles. */
@import url("jquery.noty.css"); /* Noty Notifications Style */
@import url("noty_theme_default.css"); /* Noty Notifications Style */
@import url("elfinder.min.css"); /* File Manager Style */
@import url("elfinder.theme.css"); /* File Manager Style */
@import url("jquery.iphone.toggle.css"); /* Styles for iPhone */
@import url("uploadify.css"); /* Uploadify Styles */
@import url("jquery.gritter.css"); /* Growl Like Notifications Styles */
@import url("font-awesome.css"); /* Font Awesome Styles */
@import url("font-awesome-ie7.css"); /* Font Awesome Styles */

/* Basic
=================================================================== */
/*! Lightning Design System 2.9.3 */
@charset "UTF-8";
/* stylelint-disable declaration-no-important */
@font-face {
    font-family: 'Salesforce Sans';
    src: url("../fonts/webfonts/SalesforceSans-Light.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Light.woff") format("woff");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url("../fonts/webfonts/SalesforceSans-LightItalic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url("../fonts/webfonts/SalesforceSans-Regular.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url("../fonts/webfonts/SalesforceSans-Italic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url("../fonts/webfonts/SalesforceSans-Bold.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-Bold.woff") format("woff");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url("../fonts/webfonts/SalesforceSans-BoldItalic.woff2") format("woff2"), url("../fonts/webfonts/SalesforceSans-BoldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

/*Colors using CSS Variables*/
:root {
    --fox-pop-blue: #004c97;
    --fox-grey: #e5e5e5;
    --fox-dark-blue: #00263e;
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
    font-family: "Salesforce Sans", Arial, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    background: #b0c4df;
    color: #004c97; /*var(--fox-pop-blue);*/
    -webkit-tap-highlight-color: transparent;
}

body {
    font-size: 0.85rem;
    background: #004c97; /*var(--fox-pop-blue);*/
    font-family: "Salesforce Sans", Arial, sans-serif;
    margin: 0;
    border: none;
}

    body.spinner-open {
        overflow: hidden
    }

input, button, select, textarea {
    font-family: "Salesforce Sans", Arial, sans-serif;
}

/*Spinner*/
.slds-spinner_container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9050;
    background-color: rgba(35, 34, 34, 0.75);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease, visibility 0s;
    transition-delay: 0s, 0.3s;
}

    /* Follow production class names (not starting with slds-) */
    /* stylelint-disable selector-class-pattern */
    .slds-spinner_container.is-hidden {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s ease, visibility 0s;
        transition-delay: 0s, 0s;
    }

    .slds-spinner_container.hide {
        display: none;
    }

/* stylelint-enable selector-class-pattern */
/**
 * @name base
 * @selector .slds-spinner
 * @restrict div
 * @support dev-ready
 * @variant
 */
.slds-spinner {
    position: absolute;
    top: 50%;
    /*! @noflip */
    left: 50%;
    z-index: 9051;
    transform: translate(-50%, -50%) rotate(90deg);
}

/**
 * @summary Returns the spinner back into the document flow
 * @selector .slds-spinner_inline
 * @restrict .slds-spinner
 * @modifier
 */
.slds-spinner_inline {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
}

.slds-spinner,
.slds-spinner__dot-a,
.slds-spinner__dot-b {
    transform-origin: 50% 50%;
}

/**
 * This creates two of the circles
 *
 * @selector .slds-spinner__dot-a
 * @restrict .slds-spinner div
 * @required
 */
/**
 * This creates two of the circles
 *
 * @selector .slds-spinner__dot-b
 * @restrict .slds-spinner div
 * @required
 */
.slds-spinner__dot-a,
.slds-spinner__dot-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    .slds-spinner:before,
    .slds-spinner:after,
    .slds-spinner__dot-a:before,
    .slds-spinner__dot-b:before,
    .slds-spinner__dot-a:after,
    .slds-spinner__dot-b:after {
        position: absolute;
        content: '';
        background: #b0adab;
        border-radius: 50%;
        animation-duration: 1000ms;
        animation-iteration-count: infinite;
    }

.slds-spinner__dot-a {
    transform: rotate(60deg) translateY(0);
}

.slds-spinner__dot-b {
    transform: rotate(120deg) translateY(0);
}

.slds-spinner:before {
    animation-delay: -83.33333ms;
}

.slds-spinner__dot-a:before {
    animation-delay: 83.33333ms;
}

.slds-spinner__dot-b:before {
    animation-delay: 250ms;
}

.slds-spinner:after {
    animation-delay: 416.66667ms;
}

.slds-spinner__dot-a:after {
    animation-delay: 583.33333ms;
}

.slds-spinner__dot-b:after {
    animation-delay: 750ms;
}

/**
 * @summary Set a delay of 300ms on spinner
 * @selector .slds-spinner_delayed
 * @restrict .slds-spinner
 * @modifier
 * @group timing
 */
.slds-spinner_delayed:before {
    animation-delay: 216.66667ms;
}

.slds-spinner_delayed .slds-spinner__dot-a:before {
    animation-delay: 383.33333ms;
}

.slds-spinner_delayed .slds-spinner__dot-b:before {
    animation-delay: 550ms;
}

.slds-spinner_delayed:after {
    animation-delay: 716.66667ms;
}

.slds-spinner_delayed .slds-spinner__dot-a:after {
    animation-delay: 883.33333ms;
}

.slds-spinner_delayed .slds-spinner__dot-b:after {
    animation-delay: 1050ms;
}

/**
 * This creates the blue brand spinner
 *
 * @selector .slds-spinner_brand
 * @restrict .slds-spinner
 * @modifier
 * @group color
 */
.slds-spinner_brand.slds-spinner:before, .slds-spinner_brand.slds-spinner:after,
.slds-spinner_brand .slds-spinner__dot-a:before,
.slds-spinner_brand .slds-spinner__dot-b:before,
.slds-spinner_brand .slds-spinner__dot-a:after,
.slds-spinner_brand .slds-spinner__dot-b:after,
.slds-spinner--brand.slds-spinner:before,
.slds-spinner--brand.slds-spinner:after,
.slds-spinner--brand .slds-spinner__dot-a:before,
.slds-spinner--brand .slds-spinner__dot-b:before,
.slds-spinner--brand .slds-spinner__dot-a:after,
.slds-spinner--brand .slds-spinner__dot-b:after {
    background-color: white;
}

/**
 * This creates the inverse spinner
 *
 * @selector .slds-spinner_inverse
 * @restrict .slds-spinner
 * @modifier
 */
.slds-spinner_inverse.slds-spinner:before, .slds-spinner_inverse.slds-spinner:after,
.slds-spinner_inverse .slds-spinner__dot-a:before,
.slds-spinner_inverse .slds-spinner__dot-b:before,
.slds-spinner_inverse .slds-spinner__dot-a:after,
.slds-spinner_inverse .slds-spinner__dot-b:after,
.slds-spinner--inverse.slds-spinner:before,
.slds-spinner--inverse.slds-spinner:after,
.slds-spinner--inverse .slds-spinner__dot-a:before,
.slds-spinner--inverse .slds-spinner__dot-b:before,
.slds-spinner--inverse .slds-spinner__dot-a:after,
.slds-spinner--inverse .slds-spinner__dot-b:after {
    background-color: white;
}

/**
 * This is the extra extra small spinner
 *
 * @selector .slds-spinner_xx-small
 * @restrict .slds-spinner
 * @modifier
 * @group size
 */
.slds-spinner_xx-small,
.slds-spinner--xx-small {
    width: 0.5rem;
}

    .slds-spinner_xx-small.slds-spinner_inline,
    .slds-spinner--xx-small.slds-spinner_inline {
        height: 0.5rem;
    }

    .slds-spinner_xx-small.slds-spinner:before, .slds-spinner_xx-small.slds-spinner:after,
    .slds-spinner_xx-small .slds-spinner__dot-a:before,
    .slds-spinner_xx-small .slds-spinner__dot-b:before,
    .slds-spinner_xx-small .slds-spinner__dot-a:after,
    .slds-spinner_xx-small .slds-spinner__dot-b:after,
    .slds-spinner--xx-small.slds-spinner:before,
    .slds-spinner--xx-small.slds-spinner:after,
    .slds-spinner--xx-small .slds-spinner__dot-a:before,
    .slds-spinner--xx-small .slds-spinner__dot-b:before,
    .slds-spinner--xx-small .slds-spinner__dot-a:after,
    .slds-spinner--xx-small .slds-spinner__dot-b:after {
        width: 0.125rem;
        height: 0.125rem;
    }

    .slds-spinner_xx-small.slds-spinner:before,
    .slds-spinner_xx-small .slds-spinner__dot-a:before,
    .slds-spinner_xx-small .slds-spinner__dot-b:before,
    .slds-spinner--xx-small.slds-spinner:before,
    .slds-spinner--xx-small .slds-spinner__dot-a:before,
    .slds-spinner--xx-small .slds-spinner__dot-b:before {
        top: -0.0625rem;
        left: -0.0625rem;
        animation-name: dotsBounceBefore-extraExtraSmall;
    }

    .slds-spinner_xx-small.slds-spinner:after,
    .slds-spinner_xx-small .slds-spinner__dot-a:after,
    .slds-spinner_xx-small .slds-spinner__dot-b:after,
    .slds-spinner--xx-small.slds-spinner:after,
    .slds-spinner--xx-small .slds-spinner__dot-a:after,
    .slds-spinner--xx-small .slds-spinner__dot-b:after {
        top: -0.0625rem;
        right: -0.0625rem;
        animation-name: dotsBounceAfter-extraExtraSmall;
    }

@keyframes dotsBounceBefore-extraExtraSmall {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
        transform: translateX(-0.125rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-extraExtraSmall {
    60% {
        animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
        transform: translateX(0.125rem);
    }

    100% {
        transform: translateX(0);
    }
}

/**
 * This is the extra small spinner
 *
 * @selector .slds-spinner_x-small
 * @restrict .slds-spinner
 * @modifier
 * @group size
 */
.slds-spinner_x-small,
.slds-spinner--x-small {
    width: 1rem;
}

    .slds-spinner_x-small.slds-spinner_inline,
    .slds-spinner--x-small.slds-spinner_inline {
        height: 1rem;
    }

    .slds-spinner_x-small.slds-spinner:before, .slds-spinner_x-small.slds-spinner:after,
    .slds-spinner_x-small .slds-spinner__dot-a:before,
    .slds-spinner_x-small .slds-spinner__dot-b:before,
    .slds-spinner_x-small .slds-spinner__dot-a:after,
    .slds-spinner_x-small .slds-spinner__dot-b:after,
    .slds-spinner--x-small.slds-spinner:before,
    .slds-spinner--x-small.slds-spinner:after,
    .slds-spinner--x-small .slds-spinner__dot-a:before,
    .slds-spinner--x-small .slds-spinner__dot-b:before,
    .slds-spinner--x-small .slds-spinner__dot-a:after,
    .slds-spinner--x-small .slds-spinner__dot-b:after {
        width: 0.25rem;
        height: 0.25rem;
    }

    .slds-spinner_x-small.slds-spinner:before,
    .slds-spinner_x-small .slds-spinner__dot-a:before,
    .slds-spinner_x-small .slds-spinner__dot-b:before,
    .slds-spinner--x-small.slds-spinner:before,
    .slds-spinner--x-small .slds-spinner__dot-a:before,
    .slds-spinner--x-small .slds-spinner__dot-b:before {
        top: -0.125rem;
        left: -0.125rem;
        animation-name: dotsBounceBefore-extraSmall;
    }

    .slds-spinner_x-small.slds-spinner:after,
    .slds-spinner_x-small .slds-spinner__dot-a:after,
    .slds-spinner_x-small .slds-spinner__dot-b:after,
    .slds-spinner--x-small.slds-spinner:after,
    .slds-spinner--x-small .slds-spinner__dot-a:after,
    .slds-spinner--x-small .slds-spinner__dot-b:after {
        top: -0.125rem;
        right: -0.125rem;
        animation-name: dotsBounceAfter-extraSmall;
    }

@keyframes dotsBounceBefore-extraSmall {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.25rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-extraSmall {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.25rem);
    }

    100% {
        transform: translateX(0);
    }
}

/**
 * This is the small spinner
 *
 * @selector .slds-spinner_small
 * @restrict .slds-spinner
 * @modifier
 * @group size
 */
.slds-spinner_small,
.slds-spinner--small {
    width: 1.25rem;
}

    .slds-spinner_small.slds-spinner_inline,
    .slds-spinner--small.slds-spinner_inline {
        height: 1.25rem;
    }

    .slds-spinner_small.slds-spinner:before, .slds-spinner_small.slds-spinner:after,
    .slds-spinner_small .slds-spinner__dot-a:before,
    .slds-spinner_small .slds-spinner__dot-b:before,
    .slds-spinner_small .slds-spinner__dot-a:after,
    .slds-spinner_small .slds-spinner__dot-b:after,
    .slds-spinner--small.slds-spinner:before,
    .slds-spinner--small.slds-spinner:after,
    .slds-spinner--small .slds-spinner__dot-a:before,
    .slds-spinner--small .slds-spinner__dot-b:before,
    .slds-spinner--small .slds-spinner__dot-a:after,
    .slds-spinner--small .slds-spinner__dot-b:after {
        width: 0.25rem;
        height: 0.25rem;
    }

    .slds-spinner_small.slds-spinner:before,
    .slds-spinner_small .slds-spinner__dot-a:before,
    .slds-spinner_small .slds-spinner__dot-b:before,
    .slds-spinner--small.slds-spinner:before,
    .slds-spinner--small .slds-spinner__dot-a:before,
    .slds-spinner--small .slds-spinner__dot-b:before {
        top: -0.125rem;
        left: -0.125rem;
        animation-name: dotsBounceBefore-small;
    }

    .slds-spinner_small.slds-spinner:after,
    .slds-spinner_small .slds-spinner__dot-a:after,
    .slds-spinner_small .slds-spinner__dot-b:after,
    .slds-spinner--small.slds-spinner:after,
    .slds-spinner--small .slds-spinner__dot-a:after,
    .slds-spinner--small .slds-spinner__dot-b:after {
        top: -0.125rem;
        right: -0.125rem;
        animation-name: dotsBounceAfter-small;
    }

@keyframes dotsBounceBefore-small {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.375rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-small {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.375rem);
    }

    100% {
        transform: translateX(0);
    }
}

/**
 * This is the medium spinner
 *
 * @selector .slds-spinner_medium
 * @restrict .slds-spinner
 * @modifier
 * @group size
 */
.slds-spinner_medium,
.slds-spinner--medium {
    width: 2rem;
}

    .slds-spinner_medium.slds-spinner_inline,
    .slds-spinner--medium.slds-spinner_inline {
        height: 2rem;
    }

    .slds-spinner_medium.slds-spinner:before, .slds-spinner_medium.slds-spinner:after,
    .slds-spinner_medium .slds-spinner__dot-a:before,
    .slds-spinner_medium .slds-spinner__dot-b:before,
    .slds-spinner_medium .slds-spinner__dot-a:after,
    .slds-spinner_medium .slds-spinner__dot-b:after,
    .slds-spinner--medium.slds-spinner:before,
    .slds-spinner--medium.slds-spinner:after,
    .slds-spinner--medium .slds-spinner__dot-a:before,
    .slds-spinner--medium .slds-spinner__dot-b:before,
    .slds-spinner--medium .slds-spinner__dot-a:after,
    .slds-spinner--medium .slds-spinner__dot-b:after {
        width: 0.5rem;
        height: 0.5rem;
    }

    .slds-spinner_medium.slds-spinner:before,
    .slds-spinner_medium .slds-spinner__dot-a:before,
    .slds-spinner_medium .slds-spinner__dot-b:before,
    .slds-spinner--medium.slds-spinner:before,
    .slds-spinner--medium .slds-spinner__dot-a:before,
    .slds-spinner--medium .slds-spinner__dot-b:before {
        animation-name: dotsBounceBefore-medium;
        top: -0.25rem;
        left: -0.25rem;
    }

    .slds-spinner_medium.slds-spinner:after,
    .slds-spinner_medium .slds-spinner__dot-a:after,
    .slds-spinner_medium .slds-spinner__dot-b:after,
    .slds-spinner--medium.slds-spinner:after,
    .slds-spinner--medium .slds-spinner__dot-a:after,
    .slds-spinner--medium .slds-spinner__dot-b:after {
        animation-name: dotsBounceAfter-medium;
        top: -0.25rem;
        right: -0.25rem;
    }

@keyframes dotsBounceBefore-medium {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.5rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-medium {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.5rem);
    }

    100% {
        transform: translateX(0);
    }
}

/**
 * This is the large spinner
 *
 * @selector .slds-spinner_large
 * @restrict .slds-spinner
 * @modifier
 * @group size
 */
.slds-spinner_large,
.slds-spinner--large {
    width: 2.75rem;
}

    .slds-spinner_large.slds-spinner_inline,
    .slds-spinner--large.slds-spinner_inline {
        height: 2.75rem;
    }

    .slds-spinner_large.slds-spinner:before, .slds-spinner_large.slds-spinner:after,
    .slds-spinner_large .slds-spinner__dot-a:before,
    .slds-spinner_large .slds-spinner__dot-b:before,
    .slds-spinner_large .slds-spinner__dot-a:after,
    .slds-spinner_large .slds-spinner__dot-b:after,
    .slds-spinner--large.slds-spinner:before,
    .slds-spinner--large.slds-spinner:after,
    .slds-spinner--large .slds-spinner__dot-a:before,
    .slds-spinner--large .slds-spinner__dot-b:before,
    .slds-spinner--large .slds-spinner__dot-a:after,
    .slds-spinner--large .slds-spinner__dot-b:after {
        width: 0.625rem;
        height: 0.625rem;
    }

    .slds-spinner_large.slds-spinner:before,
    .slds-spinner_large .slds-spinner__dot-a:before,
    .slds-spinner_large .slds-spinner__dot-b:before,
    .slds-spinner--large.slds-spinner:before,
    .slds-spinner--large .slds-spinner__dot-a:before,
    .slds-spinner--large .slds-spinner__dot-b:before {
        animation-name: dotsBounceBefore-medium;
        top: -0.3125rem;
        left: -0.3125rem;
    }

    .slds-spinner_large.slds-spinner:after,
    .slds-spinner_large .slds-spinner__dot-a:after,
    .slds-spinner_large .slds-spinner__dot-b:after,
    .slds-spinner--large.slds-spinner:after,
    .slds-spinner--large .slds-spinner__dot-a:after,
    .slds-spinner--large .slds-spinner__dot-b:after {
        animation-name: dotsBounceAfter-medium;
        top: -0.3125rem;
        right: -0.3125rem;
    }

@keyframes dotsBounceBefore-large {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.75rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-large {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.75rem);
    }

    100% {
        transform: translateX(0);
    }
}

.slds-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

/**
 * @summary Enables `.slds-assistive-text` to become visible on focus
 *
 * @selector .slds-assistive-text_focus
 * @restrict .slds-assistive-text
 * @modifier
 */
.slds-assistive-text_focus:focus,
.slds-assistive-text--focus:focus {
    margin: inherit !important;
    border: inherit !important;
    padding: inherit !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}

/*Modal Override*/
.modal-backdrop {
    background: #232222;
}

a {
    color: #646464;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #fefefe;
}



h1 {
    font-size: 18px;
    line-height: 18px;
}

h2 {
    font-size: 16px;
    line-height: 16px;
}

h3 {
    font-size: 15px;
    line-height: 15px;
}

h4 {
    font-size: 14px;
    line-height: 14px;
}

h5 {
    font-size: 13px;
    line-height: 13px;
}

h6 {
    font-size: 12px;
    line-height: 12px;
}

.green {
    color: #78CD51;
}

.red {
    color: #FA603D;
}

.blue {
    color: #67C2EF;
}

.yellow {
    color: #FABB3D;
}

.well {
    border: 1px solid #ddd;
    background-color: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.breadcrumb {
    margin: -20px 0px;
    border: 0px;
    color: #aaa;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .breadcrumb span {
        text-shadow: 1px 1px 0px #fff;
    }

    .breadcrumb a {
        color: #aaa;
        text-shadow: 0px 1px 1px #fff;
    }

        .breadcrumb a:hover {
            color: #646464;
            text-shadow: 0px 1px 1px #fff;
            text-decoration: none;
        }

.box-small {
    text-align: center;
    position: relative;
    display: block;
    margin: 20px;
}

.box-small-link {
    border: 1px solid #ddd;
    margin-bottom: -1px;
    padding: 30px 0px;
    font-size: 26px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    color: #646464;
    text-shadow: 0px 1px 1px #fff;
}

    .box-small-link:hover {
        border: 1px solid #3c4049;
        margin-bottom: -1px;
        padding: 30px 0px;
        color: #fff;
        background-color: #4e525d;
        background-image: -moz-linear-gradient(top, #4e525d, #3c4049);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e525d), to(#3c4049));
        background-image: -webkit-linear-gradient(top, #4e525d, #3c4049);
        background-image: -o-linear-gradient(top, #4e525d, #3c4049);
        background-image: linear-gradient(to bottom, #4e525d, #3c4049);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4e525d', endColorstr='#3c4049', GradientType=0);
        text-shadow: 0px 1px 1px #000;
        text-decoration: none;
    }

.box-small-title {
    width: 100%;
    margin: 10px auto;
    font-size: 15px;
    color: #aaa;
    text-shadow: 0px 1px 1px #fff;
}

.box-header,
.box-header-flex {
    height: 20px;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    padding: 10px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    overflow: hidden;
}

    .box-header h2 {
        font-size: 16px;
        line-height: 16px;
        float: left;
        margin-top: 2px;
        color: #00263e; /*var(--fox-dark-blue);*/
        font-weight: bold;
        text-shadow: 0px 1px 0px #fff;
    }

        .box-header h2 i {
            margin: 1px 3px 0px 5px;
            opacity: .4;
        }

    .box-header .break {
        border-left: 1px solid #fcfcfc;
        border-right: 1px solid #ddd;
        margin: -12px 10px -10px 10px;
        padding: 12px 0px 10px 0px;
    }

    .box-header .box-icon {
        float: right;
        margin-top: 1px;
    }

        .box-header .box-icon i {
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            opacity: .4;
        }

            .box-header .box-icon i:hover {
                opacity: .8;
            }

        .box-header .box-icon a {
            margin: 0px 5px;
        }

.box-content {
    margin-top: -1px;
    padding: 10px;
    border: 1px solid #ddd;
    background: white;
    -webkit-border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
    box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
}

.box-header-flex {
    display: flex;
    padding: 0;
    height: 42px;
}

    .box-header-flex .header-icon {
        width: 42px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #fcfcfc;
    }

        .box-header-flex .header-icon > .slds-icon-small {
            cursor: default;
        }

    .box-header-flex .header-info {
        justify-content: space-between;
        align-items: center;
        display: flex;
        border-left: 1px solid #ddd;
        padding-left: 12px;
        padding-right: 10px;
        width: calc(100% - 44px);
        height: 100%;
        font-size: 16px;
        font-weight: bold;
        color: #00263e;
    }

.header-info.space-start {
    justify-content: flex-start;
}

.box-header-flex select {
    margin-bottom: 0;
}

.box-header-flex [class*="span"] {
    display: flex;
    align-items: center;
}

.box-header-flex .right {
    justify-content: flex-end;
    padding-right: 10px;
}

*, :after, :before {
    box-sizing: border-box;
}

/*New Button Branding from Fox UI Style Guide*/
.slds-button {
    position: relative;
    display: inline-block;
    padding: 0;
    background: 0 0;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: .25rem;
    line-height: 1.875rem;
    text-decoration: none;
    color: #004c97;
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slds-button_brand {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: none;
    transition: border .15s linear;
    background-color: #004c97;
    border-color: #004c97;
    color: #fff;
}

    .slds-button_brand:focus,
    .slds-button_brand:hover {
        background-color: #005fb2;
        border-color: #005fb2;
        color: #fff;
    }

    .slds-button_brand:disabled,
    .slds-button_brand[disabled],
    .slds-button_destructive:disabled,
    .slds-button_destructive[disabled],
    .slds-button_neutral:disabled,
    .slds-button_neutral[disabled] {
        background: #c9c7c5;
        border-color: #c9c7c5;
        color: #fff;
        cursor: not-allowed;
    }

.slds-button_neutral {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dddbda;
    transition: border .15s linear;
    border-color: #dddbda;
    background-color: #fff;
}

    .slds-button_neutral:focus, .slds-button_neutral:hover {
        background-color: #f4f6f9;
    }

.slds-button_destructive {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dddbda;
    transition: border .15s linear;
    background-color: #d2232a;
    border-color: #d2232a;
    color: #fff;
}

.slds-button_medium {
    width: 175px;
}

.slds-icon-medium {
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.slds-icon-small {
    height: 16px;
    width: 16px;
    cursor: pointer;
    fill: #a8a8a8;
}


/* Header Section
=================================================================== */
.navbar .brand {
    padding-top: 24px;
}

.navbar-inner {
    min-height: 40px;
    padding-right: 0;
    padding-left: 0;
    /*background: url(../img/dbg.jpg);
    border-left: 0px solid #0a0c0e;
    border-right: 0px solid #0a0c0e;
    border-top: 1px solid #0a0c0e;
    border-bottom: 2px solid #0a0c0e;*/
    filter: none;
    /*text-shadow: 1px 1px 1px #0a0c0e;
    color: #fff;*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    *zoom: 1;
    /*-webkit-box-shadow: 0 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 0 rgba(0,0,0,.1);*/
    position: relative;
    z-index: 2;
    background: rgba(256,256,256,0.99);
    border-top: 1px solid #dddddd;
    text-shadow: none;
    box-shadow: none;
    /*height: 56px*/
}

    .navbar-inner a {
        color: #646464;
    }

        .navbar-inner a i {
            opacity: .8;
        }

        .navbar-inner a:hover i {
            opacity: 1;
        }

.brand img {
    margin: -12px 0px -5px 0px;
}

a.brand span {
    color: #00263e; /*var(--fox-dark-blue);*/
    padding-top: 20px;
    text-shadow: none;
    font-weight: 700;
    font-size: 20px;
}

.header-nav {
    border-right: 1px solid #0a0c0e;
    border-left: 1px solid #212121;
    padding: 0px;
    color: #fff !important;
}

    .header-nav .nav {
        margin: 0px;
    }

    .header-nav .btn {
        display: inline-block;
        padding: 11px 20px;
        margin-top: 15px;
        margin-left: 0px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        background: transparent;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .header-nav .btn i {
            text-shadow: 0px 1px 1px #0a0c0e !important;
        }

        .header-nav .btn .caret {
            border-top-color: #ddd !important;
            border-bottom-color: #ddd !important;
        }

        .header-nav .btn:hover .caret {
            border-top-color: #fff !important;
            border-bottom-color: #fff !important;
        }


#under-header {
    margin: -20px 0px 20px 0px;
    border-top: px solid #fcfcfc;
}

#imgLogo {
    float: left;
    height: 44px;
    margin-right: 16px;
    margin-top: 6px;
}

#lnkLogout {
    /*padding: 20px 0 0 0;*/
    float: none;
}
/* Navigation Section
=================================================================== */
.nav-tabs.nav-stacked > li > a {
    margin: 2px;
    color: #646464;
    /*border: 1px solid #ddd;*/
    background: transparent;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.sidebar-nav > ul > li > ul {
    margin: 0px;
    padding: 5px 0px 5px 25px;
    list-style: none;
    /*display: none;*/
}

    .sidebar-nav > u    l > li > ul > li {
        padding: 5px 0px 5px 0px;
    }

        .sidebar-nav > ul > li > ul > li > a:hover {
            text-decoration: none;
        }

.nav-tabs.nav-stacked > li > a > i {
    opacity: .6;
    margin-top: 1px;
    margin-right: 5px;
}

.nav-tabs.nav-stacked > li.active > a {
    margin: 2px;
    /*border: 1px solid #3c4049;*/
    color: #fff;
    background: #0a0c0e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .nav-tabs.nav-stacked > li.active > a > i {
        opacity: 1;
    }

.nav-tabs.nav-stacked > li:first-child > a {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.nav-tabs.nav-stacked > li > a:hover {
    margin: 2px;
    background: transparent;
    /*border: 1px solid #3c4049;*/
    /*color: #fff;*/
    /*background-color: #4e525d;*/
    /*background-image: -moz-linear-gradient(top, #4e525d, #3c4049);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e525d), to(#3c4049));
    background-image: -webkit-linear-gradient(top, #4e525d, #3c4049);
    background-image: -o-linear-gradient(top, #4e525d, #3c4049);
    background-image: linear-gradient(to bottom, #4e525d, #3c4049);*/
    /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4e525d', endColorstr='#3c4049', GradientType=0);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555555;
    background-color: #eff4fd;
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    max-width: 300px;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    text-shadow: none;
    background-color: #fcfcfc;
    border: 4px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clipp: padding;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 0px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

    .dropdown-menu a {
        display: block;
        padding: 5px 10px !important;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333333;
        white-space: normal !important;
    }

    .dropdown-menu li {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #f6f6f6;
    }

        .dropdown-menu li:first-child {
            border-top: 0px !important;
        }

        .dropdown-menu li:last-child {
            border-bottom: 0px !important;
        }

        .dropdown-menu li > a:hover,
        .dropdown-menu li > a:focus,
        .dropdown-submenu:hover > a {
            color: #ffffff;
            text-decoration: none;
            background-color: #0088cc;
            background-color: #0081c2;
            background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
            background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
            background-image: -o-linear-gradient(top, #0088cc, #0077b3);
            background-image: linear-gradient(to bottom, #0088cc, #0077b3);
            background-repeat: repeat-x;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
        }

    .dropdown-menu .active > a,
    .dropdown-menu .active > a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        background-color: #0081c2;
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-repeat: repeat-x;
        outline: 0 !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
    }

    .dropdown-menu .disabled > a,
    .dropdown-menu .disabled > a:hover {
        color: #999999;
    }

        .dropdown-menu .disabled > a:hover {
            text-decoration: none;
            cursor: default;
            background-color: transparent;
        }

.dropdown-menu-title {
    background: #f6f6f6;
    color: #646464;
    padding: 5px 10px;
    display: block;
}

.dropdown-menu ul,
.dropdown-menu ul li {
    padding: 0px !important;
    margin: 0px !important;
}

ul.notifications li,
ul.tasks li,
ul.messages li {
    width: 260px;
}

    ul.notifications li .avatar img,
    ul.tasks li .avatar img,
    ul.messages li .avatar img {
        float: left;
        height: 40px;
        width: 40px;
        margin-right: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


    ul.messages li .header {
        display: block;
    }

        ul.messages li .header .from {
            font-size: 12px;
            font-weight: bold;
        }

        ul.notifications li .time,
        ul.tasks li .header .percent,
        ul.messages li .header .time {
            font-size: 11px;
            font-weight: bold;
            font-style: italic;
            position: absolute;
            right: 5px;
        }

    ul.tasks li .title,
    ul.notifications li .message {
        font-size: 12px;
    }

    ul.notifications li.warning a {
        color: #FA5833;
    }

    ul.messages li .message {
        font-size: 11px;
    }

.menu-link {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0px 6px 0px 6px;
}

.menu-link:hover {
    background-color: #d7ebf5 !important;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}

.navbar .nav li {
    line-height: 25px;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px;
}

.iconPaddingBotm {
    padding-bottom: 7px !important;
}

.nav-icon-bg {
    fill: #003057;
}

.nav-icon-bg:hover {
    fill: #064d87;
}

/* Notifications & Labels
=================================================================== */
.notification {
    position: absolute;
    top: -12px;
    right: -12px;
    line-height: 16px;
    height: 16px;
    padding: 6px 10px;
    color: white !important;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
}

.notification-small {
    padding: 2px 7px;
    color: white !important;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
}

.notification-small,
.notification {
    border-color: #2FABE9;
    background-color: #67C2EF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
    background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}

    .notification-small.green,
    .notification.green {
        border-color: #5AAD34;
        background-color: #78CD51;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));
        background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    }

    .notification-small.yellow,
    .notification.yellow {
        border-color: #F4A506;
        background-color: #FABB3D;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
        background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    }

    .notification-small.red,
    .notification.red {
        border-color: #FA5833;
        background-color: #FA603D;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
        background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    }

.label-important,
.badge-important {
    border-color: #FA5833;
    background-color: #FA603D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
}

    .label-important[href],
    .badge-important[href] {
        border-color: #FA5833;
        background-color: #FA603D;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
        background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
        background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    }

.label-warning,
.badge-warning {
    border-color: #F4A506;
    background-color: #FABB3D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
}

    .label-warning[href],
    .badge-warning[href] {
        border-color: #F4A506;
        background-color: #FABB3D;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
        background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
        background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    }

.label-success,
.badge-success {
    border-color: #5AAD34;
    background-color: #78CD51;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));
    background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
}

    .label-success[href],
    .badge-success[href] {
        border-color: #5AAD34;
        background-color: #78CD51;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));
        background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
        background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    }

.label-info,
.badge-info {
    border-color: #2FABE9;
    background-color: #67C2EF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
    background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}

    .label-info[href],
    .badge-info[href] {
        border-color: #2FABE9;
        background-color: #67C2EF;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
        background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
        background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
        background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
        background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
        background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
    }

/* Quick Buttons
=================================================================== */

.quick-button {
    border: 1px solid #ddd;
    margin-bottom: -1px;
    padding: 30px 0px 10px 0px;
    font-size: 14px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
    box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    color: #646464;
    text-shadow: 0 1px 0px rgba(255, 255, 255, .6);
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .quick-button:hover {
        text-decoration: none;
        border-color: #a5a5a5;
        color: #444444;
        text-shadow: 0 1px 0px rgba(255, 255, 255, 1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.25);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.25);
        box-shadow: 0px 0px 3px rgba(0,0,0,.25);
    }

        .quick-button:hover .notification {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
            -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
            box-shadow: 0px 0px 3px rgba(0,0,0,.6);
        }

    .quick-button i {
        font-size: 32px;
    }

/* Quick Buttons Small
=================================================================== */

.quick-button-small {
    border: 1px solid #ddd;
    padding: 15px 0px 0px 0px;
    font-size: 10px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
    box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    color: #646464;
    text-shadow: 0 1px 0px rgba(255, 255, 255, .6);
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .quick-button-small:hover {
        text-decoration: none;
        border-color: #a5a5a5;
        color: #444444;
        text-shadow: 0 1px 0px rgba(255, 255, 255, 1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.25);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.25);
        box-shadow: 0px 0px 3px rgba(0,0,0,.25);
    }

        .quick-button-small:hover .notification {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
            -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.6);
            box-shadow: 0px 0px 3px rgba(0,0,0,.6);
        }

    .quick-button-small i {
        font-size: 20px;
    }

/* Dashboard Lists
=================================================================== */


ul.dashboard-list li {
    padding: 5px 0;
    list-style: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
}

    ul.dashboard-list li i {
        opacity: .7;
    }

    ul.dashboard-list li:first-child {
        border-top: none;
        border-bottom: 1px solid #EBEBEB;
    }

    ul.dashboard-list li:last-child {
        border-bottom: none;
    }

ul.dashboard-list a:hover {
    text-decoration: none;
}

ul.dashboard-list {
    margin: 0;
}

    ul.dashboard-list li a span {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        margin-right: 10px;
        text-align: right;
        width: 50px;
        zoom: 1;
    }

    ul.dashboard-list li .avatar {
        height: 50px;
        width: 50px;
        padding: 1px;
        float: left;
        margin-top: 3px;
        margin-right: 15px;
        border: 1px solid #EBEBEB;
    }

        ul.dashboard-list li .avatar img {
            height: 40px;
            width: 40px;
            padding: 1px;
            float: left;
            margin-top: 3px;
            margin-right: 15px;
            border: 1px solid #EBEBEB;
        }

/* Support tickets
=================================================================== */

ul.tickets {
    margin: 0;
}

    ul.tickets li {
        list-style: none;
        padding: 5px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ebebeb;
        font-size: 12px;
    }

        ul.tickets li:first-child {
            border-top: none;
            border-bottom: 1px solid #ebebeb;
        }

        ul.tickets li:last-child {
            border-bottom: none;
        }


        ul.tickets li.ticket .header {
            width: 100%;
            display: inline-block;
            font-weight: bold;
            font-size: 13px;
        }

            ul.tickets li.ticket .header .title {
                float: left;
                text-align: left;
            }

            ul.tickets li.ticket .header .number {
                float: right;
                text-align: right;
            }

        ul.tickets li.ticket .avatar img {
            height: 36px;
            width: 36px;
            padding: 1px;
            float: left;
            margin-top: 1px;
            margin-right: 10px;
            border: 1px solid #EBEBEB;
        }

        ul.tickets li.ticket .content {
            display: inline-block;
            width: 100%;
        }

            ul.tickets li.ticket .content .name,
            ul.tickets li.ticket .content .status {
                float: left;
                text-align: left;
                width: 50%;
            }

            ul.tickets li.ticket .content .priority,
            ul.tickets li.ticket .content .date {
                float: right;
                text-align: right;
            }

/* Chat
=================================================================== */

ul.chat {
    margin: 0;
}

    ul.chat li {
        list-style: none;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 12px;
    }


        ul.chat li img.avatar {
            height: 50px;
            width: 50px;
            padding: 1px;
            border: 1px solid #EBEBEB;
        }

        ul.chat li.left img.avatar {
            float: left;
            margin-right: 10px;
        }

        ul.chat li.right img.avatar {
            float: right;
            margin-left: 10px;
        }

        ul.chat li .message {
            display: block;
            border: 1px solid #ddd;
            padding: 5px;
            position: relative;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.05);
            -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.05);
            box-shadow: 0px 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.05);
        }

        ul.chat li.left .message {
            text-align: left;
            margin-left: 65px;
            background: #fff
        }

            ul.chat li.left .message .arrow {
                height: 10px;
                width: 10px;
                display: block;
                position: absolute;
                top: 5px;
                left: -10px;
                background: url(../img/chat-left.png) no-repeat 0px 0px;
            }

        ul.chat li.right .message .arrow {
            height: 10px;
            width: 10px;
            display: block;
            position: absolute;
            top: 5px;
            right: -10px;
            background: url(../img/chat-right.png) no-repeat 0px 0px;
        }

        ul.chat li.right .message {
            text-align: right;
            margin-right: 65px;
            background: #f6f6f6;
        }

        ul.chat li .message .text {
            display: block;
        }

.chat-form {
    border-top: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    margin: 20px -10px -10px -10px;
}

    .chat-form textarea {
        width: 100%;
        padding: 0.5em;
        -webkit-box-sizing: border-box; /* Safari, Chrome et al  */
        -moz-box-sizing: border-box; /* Firefox */
        box-sizing: border-box; /* Opera/IE 8+ */
        height: 80px;
        outline: 0px !important;
        font-size: 12px;
    }


/* Forms
=================================================================== */

.form-actions {
    padding: 19px 20px 20px;
    margin: 20px -10px -30px -10px;
    background-color: white;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

    .form-actions:before,
    .form-actions:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .form-actions:after {
        clear: both;
    }

/* Buttons
=================================================================== */


.btn-primary {
    background-color: #0e5490;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: -ms-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67c2ef), to(#2FABE9));
    background-image: -webkit-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: -o-linear-gradient(top, #67c2ef, #2FABE9);
    background-image: linear-gradient(top, #67c2ef, #2FABE9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'67c2ef, endColorstr='#'2FABE9, GradientType=0);
    border-color: #1598d9 #1598d9 #007bb8 #1598d9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        background-color: #2FABE9;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #2FABE9 \9;
    }

.btn-warning {
    background-color: #faa732;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fabb3d, #F4A506);
    background-image: -ms-linear-gradient(top, #fabb3d, #F4A506);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fabb3d), to(#F4A506));
    background-image: -webkit-linear-gradient(top, #fabb3d, #F4A506);
    background-image: -o-linear-gradient(top, #fabb3d, #F4A506);
    background-image: linear-gradient(top, #fabb3d, #F4A506);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fabb3d, endColorstr='#'F4A506, GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        background-color: #F4A506;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #F4A506 \9;
    }

.btn-danger {
    background-color: #da4f49;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fa603d, #f1360a);
    background-image: -ms-linear-gradient(top, #fa603d, #f1360a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa603d), to(#f1360a));
    background-image: -webkit-linear-gradient(top, #fa603d, #f1360a);
    background-image: -o-linear-gradient(top, #fa603d, #f1360a);
    background-image: linear-gradient(top, #fa603d, #f1360a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fa603d, endColorstr='#'f1360a, GradientType=0);
    border-color: #f1360a #f1360a #f1360a;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        background-color: #f1360a
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #f1360a \9;
    }

.btn-success {
    background-color: #5bb75b;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #78cd51, #5AAD34);
    background-image: -ms-linear-gradient(top, #78cd51, #5AAD34);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78cd51), to(#5AAD34));
    background-image: -webkit-linear-gradient(top, #78cd51, #5AAD34);
    background-image: -o-linear-gradient(top, #78cd51, #5AAD34);
    background-image: linear-gradient(top, #78cd51, #5AAD34);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'78cd51, endColorstr='#'5AAD34, GradientType=0);
    border-color: #5AAD34 #5AAD34 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        background-color: #5AAD34;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #5AAD34 \9;
    }

.btn-info {
    background-color: #49afcd;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5bc0de, endColorstr='#'2f96b4, GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
        background-color: #2f96b4;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    background-color: #363636;
    *background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #080808 \9;
    }

/* Alert Boxes
=================================================================== */
.alert {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 14px 40px 14px 18px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

    .alert.alert-success {
        background-color: #edf6e5 !important;
        color: #7a9659 !important;
        border: 1px solid #9fc76f !important;
    }

    .alert.alert-error {
        background-color: #fdeaea !important;
        color: #ca6f74 !important;
        border: 1px solid #f27b81 !important;
    }

.alert {
    background-color: #fffee1 !important;
    color: #daac50 !important;
    border: 1px solid #f5c056 !important;
}

    .alert.alert-info {
        background-color: #e9f8ff !important;
        color: #5d9fa9 !important;
        border: 1px solid #75c7d3 !important;
    }

/* Tabs
=================================================================== */

.tab-menu.nav-tabs {
    *zoom: 1;
    margin-top: -52px;
}

    .tab-menu.nav-tabs > li {
        float: right;
    }

.tab-menu.nav-tabs {
    border-bottom: none;
}

    .tab-menu.nav-tabs > li {
        margin-bottom: -1px;
    }

        .tab-menu.nav-tabs > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px;
            margin-left: -3px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

            .tab-menu.nav-tabs > li > a:hover {
                border-color: #ddd;
            }

    .tab-menu.nav-tabs > .active > a {
        color: #555555;
        cursor: default;
        background-color: #fcfcfc;
        border-left: 1px solid #ddd;
    }

        .tab-menu.nav-tabs > .active > a:hover {
            background-color: #fafafa;
        }

/* Forms
=================================================================== */

.add-on,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
.uneditable-input {
    border-color: #dddddd !important;
}

/* Masonry Gallery
=================================================================== */

.masonry-thumb {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 6px;
}

/* Login Box
=================================================================== */

.login-box {
    width: 400px;
    margin: 100px auto;
    background: rgb(245,245,245); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 77%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(19%,rgba(255,255,255,1)), color-stop(77%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
    color: #000;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.15);
}

    .login-box .icons {
        text-align: right;
        margin: 20px 15px;
    }

        .login-box .icons i {
            text-align: right;
            opacity: .2;
            margin: 0px 5px;
        }

            .login-box .icons i:hover {
                opacity: .8;
            }

    .login-box h2 {
        color: #646464;
        margin-left: 30px;
        font-family: monaco;
        font-weight: normal;
    }

    .login-box h3 {
        color: #646464;
        margin-left: 30px;
        font-family: monaco;
        font-weight: normal;
    }

    .login-box p {
        margin: 10px 30px;
        font-weight: normal;
    }

    .login-box .input-prepend {
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 15px 0px;
        border-left: 3px solid #fff;
    }

    .login-box .input-prepend-focus {
        background: #fcfcfc;
        width: 100%;
        text-align: center;
        padding: 15px 0px;
        border-left: 3px solid #646464;
    }

    .login-box .add-on {
        border: 1px solid #eee !important;
        background: #fff;
        margin-left: -10px;
        padding: 10px;
    }

        .login-box .add-on i {
            opacity: .1;
        }

    .login-box input[type="text"],
    .login-box input[type="password"] {
        border: 1px solid #eee !important;
        color: #aaa;
        border-left: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        height: 42px !important;
    }

    .login-box .remember {
        margin-top: 20px;
        margin-left: 20px;
        float: left;
    }

    .login-box .button-login {
        margin-top: 20px;
        margin-right: 20px;
        float: right;
    }

/* UI - Uniform
=================================================================== */

div.checker {
    margin-top: -4px !important;
}

div.radio {
    margin-top: -4px !important;
}

div.uploader {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

/* UI - Sliders & Progress
=================================================================== */

.ui-slider-handle {
    display: inline-block;
    background: #fcfcfc; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f7f7f7 100%); /* W3C */
    border: 1px solid #CBCBCB;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    height: 16px;
    width: 16px;
    -webkit-box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
    box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;
    margin-right: 12px;
    outline: none;
}

.slider {
    border: 1px solid #C9C9C9;
    height: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    position: relative;
    margin: 8px 0;
    background: #fcfcfc; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */
}

.ui-slider-range {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 100%;
    position: absolute;
    margin-top: -1px;
    margin-left: -1px;
    -webkit-box-shadow: 0 1px 0 #ffffff !important;
    -moz-box-shadow: 0 1px 0 #ffffff !important;
    box-shadow: 0 1px 0 #FFFFFF !important;
}

.sliderVertical .ui-slider-range {
    width: 100%;
    top: auto;
    bottom: auto;
}

.ui-slider-range-max {
    right: -1px;
}

.ui-slider-range-min {
    left: -1px;
}

.sliderVertical .ui-slider-range-max {
    top: -px;
}

.sliderVertical .ui-slider-range-min {
    bottom: 0;
}

.sliderBlue .ui-slider-range, .progressBlue .ui-progressbar-value {
    background: rgb(103,194,239); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YzJlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZmFiZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(103,194,239,1) 0%, rgba(47,171,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,194,239,1)), color-stop(100%,rgba(47,171,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2ef', endColorstr='#2fabe9',GradientType=0 ); /* IE6-8 */
    border: 1px solid #0098e4;
}

.sliderGreen .ui-slider-range, .progressGreen .ui-progressbar-value {
    background: rgb(189,234,116); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZWE3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmUzNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(189,234,116,1) 0%, rgba(182,227,112,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,234,116,1)), color-stop(100%,rgba(182,227,112,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdea74', endColorstr='#b6e370',GradientType=0 ); /* IE6-8 */
    border: 1px solid #96bb5c;
}

.sliderDarkGreen .ui-slider-range, .progressDarkGreen .ui-progressbar-value {
    background: rgb(120,205,81); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Y2Q1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YWFkMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(120,205,81,1) 0%, rgba(90,173,52,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,205,81,1)), color-stop(100%,rgba(90,173,52,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cd51', endColorstr='#5aad34',GradientType=0 ); /* IE6-8 */
    border: 1px solid #3f8b1c;
}

.sliderPink .ui-slider-range, .progressPink .ui-progressbar-value {
    background: rgb(232,76,138); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NGM4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjE2NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(232,76,138,1) 0%, rgba(226,22,104,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,76,138,1)), color-stop(100%,rgba(226,22,104,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84c8a', endColorstr='#e21668',GradientType=0 ); /* IE6-8 */
    border: 1px solid #9e0c47;
}

.sliderOrange .ui-slider-range, .progressOrange .ui-progressbar-value {
    background: rgb(250,96,61); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhNjAzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTU4MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,96,61,1) 0%, rgba(250,88,51,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,96,61,1)), color-stop(100%,rgba(250,88,51,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa603d', endColorstr='#fa5833',GradientType=0 ); /* IE6-8 */
    border: 1px solid #c13a1a;
}

.sliderLightOrange .ui-slider-range, .progressLightOrange .ui-progressbar-value {
    background: rgb(250,187,61); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYmIzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGE1MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,187,61,1) 0%, rgba(244,165,6,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,187,61,1)), color-stop(100%,rgba(244,165,6,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabb3d', endColorstr='#f4a506',GradientType=0 ); /* IE6-8 */
    border: 1px solid #d79103;
}

.sliderRed .ui-slider-range, .progressRed .ui-progressbar-value {
    background: rgb(255,84,84); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTQ1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(255,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,84,84,1)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5454', endColorstr='#ff0000',GradientType=0 ); /* IE6-8 */
    border: 1px solid #be0000;
}

.sliderYellow .ui-slider-range, .progressYellow .ui-progressbar-value {
    background: rgb(234,232,116); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTg3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UyNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(234,232,116,1) 0%, rgba(227,226,112,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,232,116,1)), color-stop(100%,rgba(227,226,112,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae874', endColorstr='#e3e270',GradientType=0 ); /* IE6-8 */
    border: 1px solid #bbb95c;
}

.ui-slider-handle {
    position: absolute !important;
    background: url("../img/i_16_radio.png") no-repeat center center scroll #F7F7F7 !important;
    background: url("../img/i_16_radio.png") no-repeat center center scroll, -webkit-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%) !important;
    background: url("../img/i_16_radio.png") no-repeat center center scroll, -moz-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%) !important;
    background: url("../img/i_16_radio.png") no-repeat center center scroll, -o-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%) !important;
    background: url("../img/i_16_radio.png") no-repeat center center scroll, -ms-linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%) !important;
    background: url("../img/i_16_radio.png") no-repeat center center scroll, linear-gradient(top, #FCFCFC 0%, #F7F7F7 100%) !important;
    margin: -3px -3px -3px -3px !important;
    -webkit-box-shadow: 0 1px 0 #FFFFFF inset !important;
    ;
    box-shadow: 0 1px 0 #FFFFFF inset !important;
    outline: none !important;
}

.sliderVertical {
    float: left;
    height: 100px;
    margin-right: 40px;
    width: 5px;
}

.progress {
    border: 1px solid #C9C9C9;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    background: #fcfcfc; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */
    position: relative;
}

.ui-progressbar-value {
    height: 100%;
    top: 0px;
    position: absolute;
    left: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.progressBarValue span {
    font-size: 12px;
}

    .progressBarValue span.progressCustomValueVal {
        font-size: 18px;
        font-weight: 700;
        padding: 0 5px;
        color: #FA5833;
    }

.progressSlim {
    border: 1px solid #C9C9C9;
    height: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
    position: relative;
    margin: 8px 0;
    background: #fcfcfc; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */
}

    .progressSlim .ui-progressbar-value {
        height: 100%;
        top: 0px;
        position: absolute;
        left: 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

/* ToDo List
=================================================================== */
.todo ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .todo ul li {
        margin-left: 0px !important;
        padding: 5px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #f6f6f6;
        font-size: 12px;
    }

.todo-actions {
    position: absolute;
    right: 20px;
}

.todo .label {
    position: absolute;
    right: 80px;
}

.todo-actions i {
    opacity: .3;
    margin: -2px 5px 0px 5px;
}

    .todo-actions i:hover {
        opacity: .6;
    }

.todo ul li:first-child {
    border-top: 0px;
}

.todo ul li:last-child {
    border-bottom: 0px;
}

/* Skill Bars
=================================================================== */
.skill-bar h5 {
    margin-bottom: 6px;
}

.skill-bar li {
    margin-bottom: 12px;
    list-style: none;
    margin-left: -26px;
    padding-left: 0px;
}

.meter {
    height: 23px;
    position: relative;
    background: #f6f6f6;
}

    .meter > span {
        display: block;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
        }

        .meter > span:after,
        .animate > span > spans li.current {
            background: #f16529;
        }

/* Star Rating
=================================================================== */

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}

    .rating span.star,
    .rating span.star {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover,
        .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before,
        .rating span.star:before {
            content: "\f006";
            padding-right: 5px;
            color: #999999;
        }

        .rating span.star:hover:before,
        .rating span.star:hover:before,
        .rating span.star:hover ~ span.star:before,
        .rating span.star:hover ~ span.star:before {
            content: "\f005";
            color: #e3cf7a;
        }

/* Footer
=================================================================== */

footer {
    position: relative;
    min-height: 24px;
    *zoom: 1;
    padding: 10px 20px;
    position: relative;
    z-index: 2;
    margin: 0;
    background: white;
    border: none;
    color: #00263e; /*var(--fox-dark-blue);*/
    text-shadow: none;
    font-weight: bold
}

    footer p {
        position: relative;
    }

/* Sparkline stats
=================================================================== */

.sparkLineStats {
    position: relative;
    margin-bottom: -4px;
}

    .sparkLineStats ul {
        margin: 0;
    }

    .sparkLineStats li {
        margin-bottom: 0;
        line-height: 32px;
        padding-top: 3px;
        font-size: 12px
    }

        .sparkLineStats li .number {
            font-size: 17px;
            font-weight: 700;
            padding: 0px 0px 0px 2px;
            color: #FA5833;
        }

        .sparkLineStats li span:first-child {
            margin-right: 5px;
        }

    .sparkLineStats h4 {
        position: relative;
        border-bottom: 1px solid #c4c4c4;
        padding-bottom: 0px;
        margin-bottom: 10px;
        line-height: 37px;
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
        box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    }


/* Circle stats
=================================================================== */

.circleStats {
    text-align: center;
    position: relative;
}

.circleStatsItem {
    position: relative;
    background: rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0px 0 2px rgba(0,0,0,.2), 0 0px 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0px 0 2px rgba(0,0,0,.2), 0 0px 0 4px rgba(0,0,0,.1);
    box-shadow: inset 0 0px 0 2px rgba(0,0,0,.2), 0 0px 0 4px rgba(0,0,0,.1);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    width: 120px;
    height: 120px;
    margin: 10px auto;
}


    .circleStatsItem i {
        font-size: 30px;
        position: absolute;
        top: 30%;
        margin-top: 0px;
        width: 100%;
        text-align: center
    }

    .circleStatsItem.orange, .circleStatsItem.orange i {
        color: #FA5833;
    }

    .circleStatsItem.lightorange, .circleStatsItem.lightorange i {
        color: #f4a70c;
    }

    .circleStatsItem.blue, .circleStatsItem.blue i {
        color: #2FABE9;
    }

    .circleStatsItem.green, .circleStatsItem.green i {
        color: #b9e672;
    }

    .circleStatsItem.yellow, .circleStatsItem.yellow i {
        color: #e7e572;
    }

    .circleStatsItem.pink, .circleStatsItem.pink i {
        color: #e42b75;
    }

    .circleStatsItem input {
        cursor: default;
        box-shadow: none;
        border: none;
        height: auto;
        position: absolute;
        top: 20px;
        left: 120px;
        border-color: rgba(0, 0, 0, 0.8);
    }

    .circleStatsItem .plus {
        font-size: 16px;
        position: absolute;
        top: 55%;
        margin-left: 30px;
    }

    .circleStatsItem .percent {
        font-size: 14px;
        position: absolute;
        top: 57%;
        margin-left: 78px;
    }


    .circleStatsItem input:focus {
        outline: 0;
        outline: thin dotted 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


/* Notifications Center
=================================================================== */
#notifications-center {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 8888;
    background: rgba(0,0,0,0.8);
    color: #fff;
    width: 300px;
    height: 100%;
    -webkit-box-shadow: -1px 0px 2px rgba(0,0,0,0.45);
    -moz-box-shadow: -1px 0px 2px rgba(0,0,0,0.45);
    box-shadow: -1px 0px 2px rgba(0,0,0,0.45);
}

    #notifications-center .item {
        border-top: 1px solid #444;
        border-bottom: 1px solid #000;
        overflow: hidden;
        height: 50px;
        padding: 10px;
    }

        #notifications-center .item img {
            width: 30px;
            height: 30px;
            margin: 10px;
        }

/* Query Loader
=================================================================== */

.QOverlay {
    background-color: #000000;
    z-index: 9999;
}

.QLoader {
    background-color: #CCCCCC;
    height: 1px;
}

.QAmt {
    color: #333333;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    width: 100px;
    margin: -60px 0 0 -50px;
}

/* Glyphicons Red
=================================================================== */

.icon-red {
    background-image: url("../img/glyphicons-halflings-red.png");
}

/**** Customize Data Table***/
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody td {
    font-size: 12px;
    vertical-align: middle !important;
    padding: 8px 10px !important;
}


.table td {
    padding-bottom: 4px;
}

#multiple-market .modal-header .close {
    margin-top: -25px;
}

#multipleMaketPopup div.radio input {
    opacity: 1;
}

#multipleMaketPopup div.radio span {
    background: none;
}

#multipleMaketPopup .radio input[type="radio"] {
    margin: 0px;
}


table.dataTable .slds-icon-small {
    fill: #706e6b
}

/*Search box class
=================================================================== */
.row-fluid .span4 .input-select {
    position: relative;
    top: -4px;
    float: right;
}

.user-margin-left {
    margin-left: 20px;
}

.borderGray {
    border: 1px solid #ccc;
    padding: 0px;
    border-radius: 2px;
}


/*Salesforce*/
a {
    color: #006dcc;
    text-decoration: none;
    transition: color 0.1s linear;
}

    a:hover, a:focus {
        text-decoration: underline;
        color: #005fb2;
    }

    a:active {
        color: #005fb2;
    }

/*Main Body*/
#divMainBody {
    /*margin: 12px;*/
    padding: 0;
    border-radius: 3px;
}

.main-menu-span {
    background: white;
    height: 100%;
}

/*Reusable classes*/
.align-center {
    text-align: center;
}

.display-none {
    display: none;
}

.no-margin-left {
    margin-left: 0 !important;
}

.control-label-inline {
    display: inline-block;
    margin-right: 16px;
}

.controls-inline {
    display: inline-block;
}

    .controls-inline > select {
        margin-bottom: 0;
    }

.control-checkbox {
    text-align: right;
    display: inline-block;
    margin-left: 5px;
}

    .control-checkbox > label {
        display: inline-block;
    }

    .control-checkbox > .checker {
        margin-right: 0;
    }

    .control-checkbox.no-margin {
        margin-left: 0;
    }

.input-display {
    height: 30px;
    line-height: 30px;
}

.control-group-inline {
    display: inline-block;
}

/*Warning*/
.slds-warning {
    height: 30px;
    margin-left: 10px;
    display: none;
}

    .slds-warning.show {
        display: inline-block;
    }

    .slds-warning .slds-icon-small {
        vertical-align: middle;
        fill: #ffb75d;
    }

    .slds-warning span {
        height: 30px;
        line-height: 24px;
        vertical-align: top;
        display: inline-block;
        margin-left: 2px;
    }


/*Headers*/
.header-large {
    font-size: 40px;
    font-weight: bold
}

.header-medium {
    font-size: 32px;
}

.header-small {
    font-size: 24px;
}

/*Fox Colors for classes*/
.fox-pop-blue {
    color: #004c97;
}

.fox-red {
    color: #d2232a;
}

.fox-dark-red {
    color: #830b0d;
}

.fox-green {
    color: #4BCA81;
}

/*Simple label with info tooltip*/
.control-label-with-info {
    position: relative;
    display: flex;
    align-items: center;
}

.control-label-info-icon {
    fill: #004c97;
    margin-left: 4px;
}

.control-label-info {
    font-size: 11px;
    color: black;
    border: 1px solid black;
    padding: 2px 5px;
    position: absolute;
    z-index: 5;
    left: 101px;
    background: white;
    display: none;
}

/*Banner notification global*/
#bannerNotification {
    top: 0;
    /*left: 50%;*/
    text-align: center;
    position: relative;
}

.banner-notification-message {
    font-size: 14pt;
}

    .banner-notification-message a {
        text-decoration: underline;
        font-weight: bold;
    }

#bannerNotification .notification-button {
    color: white;
    fill: white;
    position: absolute;
    /*top: 70px;*/
    right: 20px;
}

.notification-box {
    padding: 0.5rem 4rem 0.5rem 3rem;
    border-radius: 0.25rem;
    border: 1px solid #dddbda;
}

.notification-theme_alt-inverse, .notification-theme--alt-inverse {
    color: white;
    background-color: #00263e;
    border-color: #00263e;
}

.notification-button {
    position: relative;
    display: inline-block;
    padding: 0;
    background: transparent;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    line-height: 1.875rem;
    text-decoration: none;
    color: #004c97;
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.notification-button_icon {
    line-height: 1;
    vertical-align: middle;
    color: #706e6b;
}

.notification-button__icon_medium {
    width: 1.25rem;
    height: 1.25rem;
}

.notification-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

table.dataTable thead .sorting {
    background-size: 0px 0px;
}

table.dataTable thead .sorting_asc {
    background-size: 13px 13px;
}

table.dataTable thead .sorting_desc {
    background-size: 13px 13px;
}

.sub-menu {
    padding-left: 10px;
}

.sub-menu-header {
    text-shadow: none !important;
    cursor: default;
}

.divGif {
    position: relative;
    display: inline;
    padding-right: 10px;
    float: left;
}

.imgGif {
    width: 97px;
}

.imgSpecialGifLogo {
    position: absolute;
    bottom: 1px;
    right: 0;
    height: 45px;
    margin-right: 36px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #00263e;
    background: #eff4fd;
    border-top: 3px solid #6591ee;
}

.navbar .nav li.dropdown.open > .dropdown-toggle {
    color: #555;
    background-color: #d6eaf4;
    outline: 0;
}

input {
    height: auto !important;
}

/*#divHomeMarket {
    position: absolute;
    right: 20px;
    z-index: 999999;
}

.marketdropdownWithNotification {
    top: -135px;
}

.marketdropdownWithOutNotification {
    top: -89px;
}
*/
.logo-header {
    position: sticky;
    top: 0;
    z-index: 999999;
}

.menu-header {
    position: sticky;
    top: 56px;
    z-index: 999999;
}


/*notification*/
/*.img-container {
    display: inline;
    position: relative;
    
}

.close {
    position: absolute;
    left: auto;
}
    */

.badgeNotused {
    position: absolute;
    top: 1px;
    left: 25px;
    /*border: 1px solid black;*/
    border-radius: 50%;
    color: white;
    background-color: red;
    cursor: default;
}

.badge {
    position: absolute;
    top: 1px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: red;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}

/*.fa-stack[data-count]:after {
    position: absolute;
    right: 0%;
    top: 1%;
    content: attr(data-count);
    font-size: 50%;
    padding: .6em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background: rgba(255,0,0,.85);
    text-align: center;
    min-width: 2em;
    font-weight: bold;
}*/



/*.dropdown-content {
    position: absolute;
    left: 0;
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}*/


.dropdown-menu > li > a {
    white-space: nowrap !important;
}
.dropdown-menu > li > span {
    margin-left:10px;
    margin-right:10px;
    white-space: nowrap !important;
}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.modal.fade.in {
    top: 25% !important;
}
.slds-modal {
    top: 14% !important;
}