/* Minification failed. Returning unminified contents.
(705,1): run-time error CSS1031: Expected selector, found '@-webkit-keyframes'
(705,1): run-time error CSS1025: Expected comma or open brace, found '@-webkit-keyframes'
(2334,18): run-time error CSS1026: Expected open brace, found ';'
(2334,20): run-time error CSS1060: Expected closing curly-brace, found '{'
(2341,1): run-time error CSS1019: Unexpected token, found '}'
(2343,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2708,19): run-time error CSS1030: Expected identifier, found ';'
(3054,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3192,2): run-time error CSS1030: Expected identifier, found ':'
(3854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(4986,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(8275,1591): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8275,1618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8275,1739): run-time error CSS1019: Unexpected token, found '@keyframes'
(8275,1758): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8301,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(8302,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8302,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(8404,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8404,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8406,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8406,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8442,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8444,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8444,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9479,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9481,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9481,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9484,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9484,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9486,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9486,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9488,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9488,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9491,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9491,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13527,77): run-time error CSS1019: Unexpected token, found '}'
(14773,4178): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14773,4206): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4237): run-time error CSS1019: Unexpected token, found '@keyframes'
(14773,4257): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4288): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14773,4314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4343): run-time error CSS1019: Unexpected token, found '@keyframes'
(14773,4361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4390): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14773,4417): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4447): run-time error CSS1019: Unexpected token, found '@keyframes'
(14773,4466): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4496): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14773,4525): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14773,4560): run-time error CSS1019: Unexpected token, found '@keyframes'
(14773,4581): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14822,48739): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14822,48771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14822,48807): run-time error CSS1019: Unexpected token, found '@keyframes'
(14822,48831): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14857,11409): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14857,11446): run-time error CSS1035: Expected colon, found '{'
(14857,11557): run-time error CSS1019: Unexpected token, found '@keyframes'
(14857,11586): run-time error CSS1035: Expected colon, found '{'
(15731,1): run-time error CSS1019: Unexpected token, found ')'
(16328,1476): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16328,1509): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16328,1554): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(16328,1584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16328,1626): run-time error CSS1019: Unexpected token, found '@keyframes'
(16328,1651): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16330,2492): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16330,2528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16330,2558): run-time error CSS1019: Unexpected token, found '@keyframes'
(16330,2586): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16330,2724): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16330,2756): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16330,2832): run-time error CSS1019: Unexpected token, found '@keyframes'
(16330,2856): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16330,3341): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16330,3368): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16330,3420): run-time error CSS1019: Unexpected token, found '@keyframes'
(16330,3439): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16330,3848): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16330,3884): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(16330,3914): run-time error CSS1019: Unexpected token, found '@keyframes'
(16330,3942): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td, th {
    padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(fonts/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(fonts/glyphicons-halflings-regular.woff) format('woff'),url(fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

    a:focus, a:hover {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

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

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

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

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

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus, a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

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

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: '\2014 \00A0'
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: ''
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: '\00A0 \2014'
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

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

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd
    }

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

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

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

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

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

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

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

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

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

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

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

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

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

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed
}

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

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

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

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

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

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

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

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

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

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

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

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

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

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

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

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

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

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default.focus, .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c
        }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

        .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
            color: #fff;
            background-color: #398439;
            border-color: #255625
        }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85
        }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning.focus, .btn-warning:focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

        .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d
        }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

        .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19
        }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

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

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

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

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

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

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

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

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto
        }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

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

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

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

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

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

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

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

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto
        }

        .navbar-form .input-group > .form-control {
            width: 100%
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #080808
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

    .breadcrumb > .active {
        color: #777
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e
    }

.label-primary {
    background-color: #337ab7
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5
    }

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

    .thumbnail a > img, .thumbnail > img {
        margin-right: auto;
        margin-left: auto
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item, button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%)
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 60px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

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

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

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

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

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

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
    }

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0)
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1
    }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */
.bootstrap-dialog {
}

    .bootstrap-dialog .modal-header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .bootstrap-dialog .bootstrap-dialog-title {
        color: #fff;
        display: inline-block;
    }

    .bootstrap-dialog.type-default .bootstrap-dialog-title {
        color: #333;
    }

    .bootstrap-dialog .bootstrap-dialog-title {
        font-size: 16px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-title {
        font-size: 24px;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button {
        float: right;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button {
        font-size: 15px;
        color: #fff;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-close-button {
        font-size: 30px;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button:hover {
        cursor: pointer;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .bootstrap-dialog .bootstrap-dialog-message {
        font-size: 14px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-message {
        font-size: 18px;
    }

    .bootstrap-dialog.type-default .modal-header {
        background-color: #fff;
    }

    .bootstrap-dialog.type-info .modal-header {
        background-color: #5bc0de;
    }

    .bootstrap-dialog.type-primary .modal-header {
        background-color: #428bca;
    }

    .bootstrap-dialog.type-success .modal-header {
        background-color: #5cb85c;
    }

    .bootstrap-dialog.type-warning .modal-header {
        background-color: #f0ad4e;
    }

    .bootstrap-dialog.type-danger .modal-header {
        background-color: #d9534f;
    }

    .bootstrap-dialog .bootstrap-dialog-button-icon {
        margin-right: 3px;
    }

/**
 * Icon animation
 * Copied from font-awesome: http://fontawesome.io/
 **/
.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}
/** End of icon animation **/
/**
 * jquery-bootstrap-scrolling-tabs
 * @version v0.7.0
 * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
 * @author Mike Jacobson <michaeljjacobson1@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.scrtabs-tab-container * {
    box-sizing: border-box
}

.scrtabs-tab-container {
    height: 42px
}

    .scrtabs-tab-container .tab-content {
        clear: left
    }

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: 100%
}

.scrtabs-tabs-movable-container {
    position: relative
}

    .scrtabs-tabs-movable-container .tab-content {
        display: none
    }

.scrtabs-tab-scroll-arrow {
    border: 1px solid #ddd;
    border-top: 0;
    color: #428bca;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 12px;
    height: 42px;
    margin-bottom: -1px;
    padding-left: 2px;
    padding-top: 13px;
    width: 20px
}

    .scrtabs-tab-scroll-arrow:hover {
        background-color: #eee
    }

    .scrtabs-tab-scroll-arrow.scrtabs-disable {
        color: #ddd;
        cursor: default
    }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
    white-space: nowrap
}

/*style reset*/

* {
    margin: 0;
    /* padding: 0; */
}

ul, ol { /*list-style: none;*/
    line-height: 175%;
}

a {
    text-decoration: none;
}

/*main style*/

.accordion_content {
    height: 100%;
    /*overflow: hidden;*/
    zoom: 1;
    margin: 15px;
}

.same_offset {
    float: left;
    overflow: hidden;
    zoom: 1;
    box-shadow: 0px 3px 13px #000066;
}

.same_open {
    padding-top: 50px;
    height: 1024px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000066 !Important;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    margin: 0 5px;
}

.same_open_content {
    width: 0;
    height: 1024px;
    background-color: #f3f3f3 !Important;
}

.open_content {
    width: 25%;
    height: 1100px !Important;
    padding: 10px;
}

.same_open_content img {
    width: 120px;
    height: 100%;
    float: left;
}

.open_article {
    margin: 10px 20px 10px 140px;
}

    .open_article h1 {
        font-size: 14px;
        font-weight: normal;
        color: #444444;
    }

    .open_article p {
        font-size: 12px;
        line-height: 20px;
        color: #666666;
    }

.more_info {
    color: #9b7627;
}

@media(max-width:768px) {
    .same_open_content img {
        display: none;
    }
}
/*/* -------------------------------------------------------------*/
@font-face {
    font-family: 'OpenSans-Regular';
    src: local("OpenSans-Regular;"), url('../fonts/OpenSans-Regular.eot') format('embedded-opentype'); /* IE */
    src: local("OpenSans-Regular;"), url('../fonts/OpenSans-Regular.ttf') format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'RockSalt';
    src: local("RockSalt;"), url('../fonts/RockSalt-webfont.eot') format('embedded-opentype'); /* IE */
    src: local("RockSalt;"), url('../fonts/RockSalt-webfont.ttf') format("truetype"); /* non-IE */
    src: local("RockSalt;"), url('../fonts/RockSalt-webfont.woff') format("woff"); /* non-IE */
    src: local("RockSalt;"), url('../fonts/RockSalt-webfont.svg') format("svg"); /* non-IE */
    font-weight: normal;
    font-style: normal;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    font-weight: 400 !important;
    background-color: #FFF !important;
    height: 100%;
    font-family: "OpenSans-Regular",sans-serif !important;
}
/*.page-container{
    margin-bottom:10px;
}*/

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    background-color: #f3f3f3;
    height: 32px;
    margin-left: 5px;
}

.page-container, .page-content-wrapper .page-content.full-height, body, html {
    min-height: 100%;
}

.row {
    margin-bottom: 10px !important;
}

.row-buffer {
    margin-top: 36px;
}

.row-buffer-less {
    margin-top: 15px;
}

.bg-secondary-block {
    background-color: #3343a4;
    color: #fff;
}

.or:nth-child(-n+2)::after {
    content: "";
    width: 65px;
    height: 66px;
    background: url(../images/or.png) no-repeat;
    top: 40%;
    right: 0;
    left: -30px;
    position: absolute;
    display: inline-block;
}

.v-icon {
    margin: 30px 0;
}

    .v-icon em {
        float: left;
        margin-right: 10px;
        text-align: center;
        vertical-align: middle;
        padding-top: 12px;
    }

    .v-icon h4 {
        margin-top: 25px;
    }

    .v-icon a {
        margin: 0 auto;
        float: none;
    }

.bg-secondary-block p {
    margin-bottom: 0;
    padding: 15px;
    font-size: 18px;
    font-family: inherit;
}

.btn-white {
    background: none;
    border: 1px solid #FFF;
    color: #fff;
}

/*.page-content .row {
    margin-bottom: 10px;
}*/

.navbar-brand {
    font-weight: 300;
    line-height: 70px;
}

.panel {
    margin-bottom: 0px;
}

/*.visible-xs {
    padding: 10px;
}*/

.visible-sm {
    padding: 10px;
}

.visible.md {
    padding: 10px;
}

.visible.lg {
    padding: 10px;
}

.nav-tabs {
    margin-top: 19px;
}

.row-yfluid {
    padding-top: 7px;
    padding-bottom: 7px;
}

.mr-ryt {
    margin-right: 10px;
}

.mr-tp8 {
    margin-top: 8px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.paddingleftnone {
    padding-left: 0 !important;
}

.paddingrightnone {
    padding-right: 0 !Important;
}

.paddingLeftRightZero {
    padding-left: 0 !important;
    padding-right: 0 !Important;
}

.paddingRightTen {
    padding-left: 0 !important;
    padding-right: 10px !Important;
}

.paddingRight30 {
    padding-left: 0 !important;
    padding-right: 30px !Important;
}

.paddingLeftTen {
    padding-left: 10px !important;
    padding-right: 0px !Important;
}

.paddingRightFive {
    padding-left: 0 !important;
    padding-right: 5px !Important;
}

.paddingLeftFive {
    padding-left: 5px !important;
    padding-right: 0px !Important;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.col-hozcenter {
    float: none;
    margin: 15px auto;
}

sup {
    color: #f80d0d !important;
}

.custom-cen {
    text-align: center !Important;
}

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}

    .page-spinner-bar > div {
        margin: 0 5px;
        width: 18px;
        height: 18px;
        background: #2980b9;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.0s infinite ease-in-out;
        animation: bounceDelay 1.0s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .page-spinner-bar .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .page-spinner-bar .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceDelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
/** all application modal container dimension definition **/

/*.promotions {
    margin: 10px 0 0 0;
    padding: 10px 20px 10px 20px;
    background-color: #f9f9f9;
    min-height: 50px;
}*/
.lSSlideWrapper {
    margin: 10px !important;
}

.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
    background: #FFCC00 !important;
}

.promotions .thumbnail a > img, .thumbnail > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    margin: auto;
}

.promotions .thumbnail {
    position: relative;
    height: auto;
    min-height: 320px;
    border: none;
}

.login {
    z-index: 999;
    padding: 0 30px 0 30px;
}

.branding {
    padding: 15px;
}

.margintop33 {
    margin-top: 33px;
}

.searchcontent {
    background-color: #3343a4;
    color: #fff;
    padding-top: 15px;
    height: 150px;
}

.campaign {
    background-color: #FFF;
}

.p-0 {
    padding: 0 !important;
}

.distributor {
    border-left: 2px solid #3343a4;
    /*background-color:#FCD567;*/
}

.horline {
    border-left: 2px solid #3343a4;
    margin-top: 30px;
}

.bold-custom {
    font-weight: 600;
    color: #101081;
}

.font-blue {
    color: #0E1271 !important;
}

.font-yellow {
    color: #FFCC00;
}

.fa-stop {
    color: #101081 !important;
}

.fa-stop-custom {
    color: #FFCC00 !important;
}

.text-custom {
    color: #FFCC00;
}

.partsbg {
    background-color: #fff !important;
}

.borderh3 {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #FCD567;
}

.rightborder {
    border-top-right-radius: 30px !important;
}

.leftborder {
    border-top-left-radius: 30px !important;
}

.form-control-custom {
    height: 15px !important;
}

.rightline {
    border-right: 2px solid #4E5895;
}

.border-bottom {
    margin-bottom: 233px !important;
}

.fa-exclamation-triangle {
    color: #FF6600 !important;
}

/*Icon-moon*/

.k-grid th {
    font-size: 10px !important;
    text-align: center;
}

.fa-folder-open {
    color: #FFCC00 !important;
}

.k-window > div.k-popup-edit-form {
    padding: 1em !important;
}

.k-edit-buttons {
    display: none !important;
}

.divider-footer {
    border-right: 1px solid #FFCC00;
}

.fa-facebook, .fa-twitter, .fa-linkedin, .fa-youtube {
    font-size: 25px !important;
    color: #3343a4 !important;
}

.chart-placeholder {
    background-image: url(/images/chart-placeholder.gif);
    background-repeat: no-repeat;
    z-index: 20000;
    margin: 0 auto;
    padding: 250px 0 0 250px;
}
/*Page Loader*/
.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.loading-bar {
    display: inline-block;
    width: 6px;
    height: 36px;
    z-index: -1;
    border-radius: 4px;
    animation: loading 1s ease-in-out infinite;
}

    .loading-bar:nth-child(1) {
        background-color: #0e1271;
        animation-delay: 0.32s;
    }

    .loading-bar:nth-child(2) {
        background-color: #FFCC00;
        animation-delay: 0.16s;
    }

    .loading-bar:nth-child(3) {
        background-color: #0e1271;
        animation-delay: 0.16s;
    }

    .loading-bar:nth-child(4) {
        background-color: #FFCC00;
        animation-delay: 0.27s;
    }

.overlay {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

​
/*@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}*/
@-webkit-keyframes loading {
    0%, 80%, 100%;

{
    -webkit-transform: scale(0);
}

40% {
    -webkit-transform: scale(1);
}

}

@keyframes loading {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
/*Page-Loader-Ends*/

.paddingtop {
    padding-top: 100px !Important;
}

.paddingtop5px {
    padding-top: 5px !Important;
}

.col-centered {
    float: none;
    margin: 0 auto;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------ASHWIN'S CSS STARTS---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

.warningLabel {
    padding: 7px 6px !important;
    margin-right: 5px;
}

.myFleetListTable > thead > tr > th,
.myFleetListTable > thead > tr > td,
.myFleetListTable > tbody > tr > th,
.myFleetListTable > tbody > tr > td,
.myFleetListTable > tfoot > tr > th,
.myFleetListTable > tfoot > tr > td {
    text-align: center;
}

.borderNone {
    border: none !important;
}

.paddingNone {
    padding: 0 !important;
}

.padding10px {
    padding: 10px;
}

.paddingBottom10px {
    padding-bottom: 10px;
}

.fontColor949494 {
    color: #949494;
}

.alert-active {
    background-color: #FCD567;
    color: #333 !important;
    margin-bottom: 0px;
    padding: 5px !important;
}

.normalfont {
    font-weight: normal !important;
}

.fontWeightBold {
    font-weight: bold;
}

.fontSize11px {
    font-size: 11px;
}

.fontSize14px {
    font-size: 14px !important;
}

.margin0px {
    margin: 0px !important;
}

.height450px {
    height: 450px;
}

.marginTop5px {
    margin-top: 5px;
}

.marginTop20px {
    margin-top: 20px;
}

.marginTop30px {
    margin-top: 30px;
}

.marginTop-5px {
    margin-top: -5px;
}

.textDecorationUnderline {
    text-decoration: underline;
}

.contentBox {
    border: 2px solid #3343a4 !important;
    border-radius: 25px !important;
}

.contentBox_borderRadius {
    border-top-left-radius: 22px !important;
    border-top-right-radius: 22px !important;
}

.contentBox.thumbnail {
    padding: 0px !important;
    margin-bottom: 10px;
}

.viewToggleButtonActive {
    background: #3343a4 !important;
    color: #FFCC00 !important;
}

    .viewToggleButtonActive > em {
        color: #FFCC00 !important;
    }

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.displayInlineBlock {
    display: inline-block;
}

.circle {
    height: 50px;
    width: 50px;
    border-radius: 40px !important;
    background: #ECECEE;
    margin-left: -20px;
    margin-top: -8px;
    padding: 12px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    color: #3343a4;
    border: 5px solid #3343a4;
}

.customBadge {
    background: #FFF6D8 none repeat scroll 0 0;
    color: #0E1271;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 8px 12px !important;
    text-align: center !important;
    text-shadow: none !important;
    vertical-align: middle;
    cursor: pointer;
}

.badge {
    display: inline !important;
    border-radius: 30px !important;
}

.badge-cust {
    background-color: #FFCC00;
    background-image: none;
    color: #0E1271;
    font-weight: 600 !Important;
}

.badge-dist {
    background-color: #3343a4;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.badge-region {
    background-color: #3343a4;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.badge-branch {
    background-color: #3343a4;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.badge-location {
    background-color: #3343a4;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.gm-style-iw.gm-style-iw-c {
    max-height: none !important;
}

.gm-style-iw-d {
    max-height: none !important;
}

@media (min-width: 1024px) {
    .defaultdropsize {
        width: 200px;
        display: inline-block;
    }
}

@media (max-width: 766px) {
    .defaultdropsize {
        width: 150px;
        display: inline-block;
    }
}

.machineStatusTable,
.machineStatusTable_1,
.machineStatusTable_1 > tbody > tr:last-child > td,
.table-bordered.machineStatusTable_operational {
    border: 0px solid !important;
}

    .machineStatusTable > thead > tr > th,
    .machineStatusTable > thead > tr > td,
    .machineStatusTable > tbody > tr > th,
    .machineStatusTable > tbody > tr > td,
    .machineStatusTable > tfoot > tr > th,
    .machineStatusTable > tfoot > tr > td {
        border: 0px solid;
        border-top: 1px solid #DDD;
        font-size: 14px !important;
    }

    .machineStatusTable_1 > thead > tr > th,
    .machineStatusTable_1 > thead > tr > td,
    .machineStatusTable_1 > tbody > tr > th,
    .machineStatusTable_1 > tbody > tr > td,
    .machineStatusTable_1 > tfoot > tr > th,
    .machineStatusTable_1 > tfoot > tr > td {
        border: 0px solid;
        border-bottom: 1px solid #DDD;
        font-size: 14px !important;
    }

.bgWhite {
    background: #FFF6D8;
    min-height: 350px;
    overflow-y: auto;
}

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

.machineStatusTable_operational > thead > tr > td.success,
.machineStatusTable_operational > thead > tr > th.success,
.machineStatusTable_operational > thead > tr.success > td,
.machineStatusTable_operational > thead > tr.success > th {
    border: 0px solid !important;
    border: 0px solid;
    border-top: 1px solid #DDD;
    font-size: 14px !important;
    background: #4e5895 none repeat scroll 0 0 !important;
    color: white !important;
    text-align: center !important;
}

.machineStatusTable_operational > tbody > tr > td.success,
.machineStatusTable_operational > tbody > tr > th.success,
.machineStatusTable_operational > tbody > tr.success > td,
.machineStatusTable_operational > tbody > tr.success > th,
.machineStatusTable_operational > tfoot > tr > td.success,
.machineStatusTable_operational > tfoot > tr > th.success,
.machineStatusTable_operational > tfoot > tr.success > td,
.machineStatusTable_operational > tfoot > tr.success > th {
    border: 0px solid !important;
    font-size: 14px !important;
    background: white none repeat scroll 0 0 !important;
    color: #4e5895 !important;
    text-align: center !important;
}

.paddingLeftNone {
    padding-left: 0 !important;
}

.paddingRightNone {
    padding-right: 0 !important;
}

.table-responsive-custom {
    border: 1px solid #ddd !important;
    margin-bottom: 15px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
}

.h3Custom {
    margin-top: 0px;
    margin-bottom: 10px;
}

.feautredResults {
    background: #585884 none repeat scroll 0 0;
    color: white;
}

.result {
    border-bottom: 1px solid #fcd567;
    padding: 10px 0;
}

.dashBoardListGroup > li {
    text-align: center;
    cursor: pointer;
    background: #3343a4 !important;
    color: #0E1271 !important;
}

    .dashBoardListGroup > li > a {
        color: #0E1271 !important;
        text-decoration: none !important;
    }

    .dashBoardListGroup > li .activeLi {
        color: #FFF !important;
        border-bottom: 5px solid #FFCC00 !important;
    }

        .dashBoardListGroup > li.activeLi > a {
            color: #585884 !important;
        }

.popover {
    max-width: 750px !important;
}

.cursorPointer {
    cursor: pointer;
}

.borderTop {
    border-top: 5px solid #585884 !important;
}

/*Overiding nav tabs styles based onkomatsu theme*/

.myMachineTabs {
    margin-bottom: 0 !important;
    margin-top: 0px;
}

    .myMachineTabs > li.active > a,
    .myMachineTabs > li.active > a:hover,
    .myMachineTabs > li.active > a:focus {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: white none repeat scroll 0 0 !important;
        border-image: none;
        border-top: 4px solid #fcd567;
        color: #585884 !important;
    }

    .myMachineTabs > li > a {
        background: #585884 !important;
        color: white !important;
        margin-right: 0;
        min-width: 75px;
        text-align: center;
    }

.myMachineTabsContent {
    background: white !important;
    padding: 15px;
    min-height: 200px;
}

    .myMachineTabsContent > .active {
        border: none !important;
        display: block;
    }
/*GeneralInfo Tabs*/
.generalinfo {
    margin-bottom: 0 !important;
    margin-top: 0px;
}

    .generalinfo > li.active > a,
    .generalinfo > li.active > a:hover,
    .generalinfo > li.active > a:focus {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #0E1271;
        border-image: none;
        color: #FFF;
    }

    .generalinfo > li > a {
        background: #FFF;
        color: #0E1271;
        margin-right: 0;
        min-width: 75px;
        text-align: center;
        font-size: 12px !important;
        border: 1px solid #0E1271;
        margin: 2px;
        padding: 5px;
    }

.generalinfoTabsContent {
    background: white !important;
    /*padding: 15px;*/
    /*min-height: 200px;*/
}

    .generalinfoTabsContent > .active {
        border: none !important;
        display: block;
    }
/*GeneralInfo Tabs*/

.myMachineTabs .k-state-active {
    background: white none repeat scroll 0 0 !important;
    border-image: none !important;
    border-top: 4px solid #fcd567 !important;
    color: #585884 !important;
    border-bottom: none !Important;
}

    .myMachineTabs .k-state-active .k-link {
        color: #3343a4 !important;
    }

.myMachineTabs .k-tabstrip-items .k-item {
    background: #3343a4;
    border-image: none !important;
    color: #585884 !important;
    border-bottom: none !Important;
}

.myMachineTabs .k-block, .myMachineTabs .k-button, .myMachineTabs .k-draghandle, .myMachineTabs .k-grid-header, .myMachineTabs .k-grouping-header, .myMachineTabs .k-header, .myMachineTabs .k-pager-wrap, .myMachineTabs .k-toolbar, .myMachineTabs .k-treemap-tile, .myMachineTabs html .km-pane-wrapper, .myMachineTabs .k-header {
    background-color: #fff;
}

/*Overiding nav tabs styles based onkomatsu theme*/

.divTable {
    height: 323px;
    overflow: auto;
}

.opTable {
    height: 450px;
    overflow: auto;
}

.calendarInput {
    display: inline-flex;
}

.paylaodTable > thead > tr > td,
.paylaodTable > tbody > tr > td {
    font-size: 10px;
    padding: 5px !important;
    text-transform: uppercase;
}

.td_low {
    background: #0E1067;
    color: white;
}

.td_medium {
    background: #A4A4A4;
    color: black;
}

.cautionStatus {
    background: #f44336 !important;
    font-size: 9px !important;
    padding: 0 3px !important;
    color: #FFF;
    border-radius: 5px;
}

.normalStatus {
    background: #4CAF50 !important;
    font-size: 9px !important;
    padding: 0 3px !important;
    color: #FFF;
    border-radius: 5px;
}

.nonReportingMachineCaution {
    background: #808080 !important;
    font-size: 7px !important;
    padding: 3px !important;
    color: #FFF;
    border-radius: 5px;
}

.mediumStatus {
    background: #FFCC00 !important;
    font-size: 10px !important;
    color: #FFF;
}

.noStatus {
    background: white !important;
    font-size: 10px !important;
}

    .normalStatus > span,
    .cautionStatus > span,
    .noStatus > span,
    nonReportingMachineCaution > span {
        background: white;
        padding: 7px 5px 40px 5px;
    }

thead > tr > td {
    /*text-transform: uppercase !important;*/
    font-weight: bold !important;
    /*text-align: center !important;*/
}

.width20px {
    width: 20px;
}

.keyReference {
    padding: 0 5px;
    font-size: 35px;
}

td > .manual,
td > span > .fa-search {
    cursor: pointer;
}

.viewActive {
    background: #3343a4 none repeat scroll 0 0 !important;
    color: white !important;
}

.fontItalic {
    font-style: italic;
}

.width100 {
    width: 100% !important;
}

.machineTrendTable > thead > tr > th,
.machineTrendTable > thead > tr > td,
.machineTrendTable > tbody > tr > th,
.machineTrendTable > tbody > tr > td,
.machineTrendTable > tfoot > tr > th,
.machineTrendTable > tfoot > tr > td {
    border: none !important;
}

.machineTrendTable > thead > tr > td {
    border-bottom: 1px solid #ddd !important;
}

.machineTrendTable > thead > tr.borderBottomNone > td {
    border-bottom: none !important;
}
/*---------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------ASHWIN'S CSS ENDS-----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

/* Map Infobox style starts */
.Infobox {
    background-color: #FFF !important;
    font-size: 8px !important;
}

.infobox-title, .infobox-info {
    color: #3343a4 !important;
    font-size: 9px !important;
}
/* Map Infobox style Ends */
#fleetGrid.k-grid tr td.no-padding {
    padding: 0px !important;
}

.paddingtopnone {
    padding-top: 0px !important;
}

.fa-times {
    cursor: pointer;
    /*font-size: 19px !important;*/
}

.text-small {
    font-size: 10px;
}

.text-large {
    font-size: 22px;
}

.text-extra-large {
    font-size: 30px;
}

.bgweather {
    background-color: #3343a4;
    color: #fff;
}

/* table > tbody > tr > td > a {
    color: #FFF !important;
} */

table > tbody > tr > td > a:hover {
    color: #0E1271;
}

.margintop {
    margin-top: 85px !important;
}

.label-warning {
    color: #000 !important;
    font-weight: 600 !important;
}

label {
    font-weight: 600 !important;
    padding-top: 8px;
}

.validation-error-message {
    color: #b40303;
    font-size: 12px;
    font-weight: bold;
}

.padding-top8px {
    padding-top: 8px;
}

/*.k-state-selected, .k-state-focused, .k-today {
    background-color: #FFCC00 !Important;
    color: #333 !important;
}*/

.k-primary {
    background-color: #0E1271 !important;
    color: #FFF !important;
    border-color: #0E1271 !important;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #0E1271;
}

/*.k-grid-header th.k-header {
        background: white;
        font-weight: bold !important;
        text-transform: uppercase;
    }*/
.file-heading {
    font-weight: 600 !important;
    font-size: 14px !Important;
}

.alert-success {
    font-weight: 600 !important;
    font-size: 14px !Important;
}

.icon-color {
    color: #0E1271 !Important;
}

/*Container custom class*/
.container-fluid {
    padding-left: 5px !Important;
    padding-right: 5px !Important;
}

.leftnull {
    margin-left: 0px !important;
}

.topnull .page-header-fixed .page-container {
    margin-top: 0px !Important;
}

/*#ViewPerformance, #divPromotion {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
}*/

.tablewidth table td:first-child {
    width: 180px;
}

#PromotionSection, #PerformanceSection {
    background-color: white;
    margin: 0 15px;
}

.icon-align {
    bottom: 10px;
    padding-left: 5px;
}

.overidesidebartabs {
    background-color: #0E1271 !Important;
    color: #fff !Important;
}

/*.alert-danger {
    font-weight: 600 !important;
    font-size: 14px !Important;
}*/

.fa-large {
    font-size: 18px !Important;
}

/*Over-riding-css*/

.page-quick-sidebar-toggler {
    width: 25px !Important;
    height: 25px !Important;
    right: 40px !Important;
    top: 54px !Important;
    border-radius: 25px !important;
}

/*.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
    padding: 4px 15px 15px 15px !Important;
}*/

fieldset.self {
    border: 1px solid #0E1271 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.self {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto !Important;
    padding: 0 10px;
    border-bottom: none !important;
    color: #0E1271;
}

.thumbnail.contentBox p {
    font-size: 13px;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden;
}

.ui.labeled.icon.button, .ui.labeled.icon.buttons .button {
    padding-left: 1.071429em !important;
}

.selected-machine {
    color: #FFCC00;
    font-size: 16px;
}

.k-multiselect-wrap > ul > .k-button {
    background-color: #DDD;
    color: #3343a4;
    font-weight: 700;
}

.page-prefooter {
    background-color: #FFF;
    /*padding: 30px 0;*/
    clear: both;
    position: relative;
    bottom: 0;
    margin-bottom: 50px;
    width: 100%;
}

    .page-prefooter h2 {
        color: #0E1271;
    }

    .page-prefooter a {
        color: #0E1271;
    }

/*Promotions Carousel CSS*/


.multi-item-carousel .carouse-control .multi-item-carousel .carouse-control.right {
    background-image: none;
}

.carousel-control {
    width: 0% !important;
    color: #0E1271 !important;
}

    .carousel-control:hover, .carousel-control:focus {
        color: #3343a4 !important;
    }

.btn.btn-outline.blue {
    border: 1px solid #0E1271;
    color: #0E1271;
    background: 0 0;
}

/*Responsive Tabs*/
@media (max-width:1920px) {
    .nav-tabs-responsive > li {
        display: none;
        width: 25%;
    }

        .nav-tabs-responsive > li > a {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            width: 100%;
            width: 100%;
            text-align: center;
            vertical-align: top;
        }

        .nav-tabs-responsive > li.active {
            width: 50%;
            margin-left: 25%;
        }

            .nav-tabs-responsive > li.active:first-child {
                /*margin: 0 auto;*/
            }

        .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
            display: block;
        }

        .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

            .nav-tabs-responsive > li.next > a {
                -webkit-transition: none;
                transition: none;
            }

        .nav-tabs-responsive > li.prev {
            position: absolute;
            /*margin-left:25%;*/
        }

            .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
                display: none;
            }

            .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: 'Glyphicons Halflings';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .nav-tabs-responsive > li.prev > a:after {
                content: "\e079";
                float: left;
            }

        .nav-tabs-responsive > li.next > a:after {
            content: "\e080";
            float: right;
        }

        .nav-tabs-responsive > li.dropdown > a > .caret {
            display: none;
        }

        .nav-tabs-responsive > li.dropdown > a:after {
            content: "\e114";
        }

        .nav-tabs-responsive > li.dropdown.active > a:after {
            display: none;
        }

        .nav-tabs-responsive > li.dropdown.active > a > .caret {
            display: inline-block;
        }

        .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
            left: 0;
            right: auto;
        }

        .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
            right: auto;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
            left: auto;
            right: 0;
        }
}
/*Responsive Tabs*/

.progress {
    margin-bottom: 0px !important;
    /* height: 40px !Important; */
}

.customselect1 {
    width: 200px;
    display: inline-block;
}

/*Kendo Customizations*/
.k-widget .k-dropdown .k-header > .customselect1 {
    background-color: #0E1271 !important;
    color: #FFCC00 !Important;
}

.k-grouping-header {
    background-color: #DDD !important;
    color: #0E1271 !important;
}

.k-dropdown .k-state-default {
    border-color: #E5E5E5 !important;
}

.k-dropdown .k-item {
    font-weight: normal;
}
/*Kendo paging css overided*/
.k-pager-sizes {
    float: left;
}

.k-pager-info {
    float: right !important;
}

.k-pager-wrap {
    text-align: center;
}

.k-pager-nav {
    text-align: center !important;
    float: none !important;
}

/*Kendo paging css overided*/
/*Kendo Customizations*/

/*Custom Border*/
.customBordered_h3 {
    display: inline-block;
    position: relative;
    line-height: 2.5em;
    margin: 0;
    font-size: 16px !important;
    padding-right: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #3343a4;
}

    .customBordered_h3:after, .customBordered_h3:before {
        display: block;
        position: absolute;
        left: 0;
        content: "";
        bottom: 0;
    }

    .customBordered_h3:before {
        width: 100%;
        height: 2px;
        background: #DDD;
    }

    .customBordered_h3:after {
        width: 40%;
        height: 2px;
        background: #FFCC00;
    }

/*Custom Border*/

.btmbuffer {
    bottom: 7px !important;
}

.radcustom {
    margin-left: 10px !important;
    margin-top: 9px !important;
}

/*Custom view kendo linked list css*/

#example {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.list-wrapper {
    overflow: hidden;
}

.list-item {
    list-style-type: none;
    width: 200px;
    margin: 5px;
    line-height: 30px;
    text-align: center;
    background-color: #3343a4;
    color: #ffffff;
    border-radius: 5px;
    cursor: move;
}

#CustomViewColumnsListView .list-item {
    background-color: #3343a4;
    color: #FFF;
}

#FleetColumnsListView .list-item {
    background-color: #DDD;
    color: #3343a4;
}

#placeholder.list-item {
    background-color: #ffffff;
    color: #777;
}

#CustomView .container-fluid .row, #CustomView .container-fluid .row .row-buffer {
    margin-top: 0px !important;
}

/*Custom view kendo linked list css*/

.label-theme {
    background-color: #FFCC00;
    color: #0E1271 !important;
}

/*Eparts left tab customization*/
.Eparts .tabs-left.nav-tabs > li.active > a, .Eparts .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus .fa {
    background-color: #3343a4;
    color: #fff;
}

    .Eparts .tabs-left.nav-tabs > li.active > a::after {
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0;
        border-bottom: 13px solid transparent;
        border-top: 13px solid transparent;
        border-left: 10px solid #3343a4;
    }

.Eparts .tabs-left.nav-tabs > li > a {
    color: #3343a4;
}

.Eparts .tabs-left.nav-tabs {
    border: 1px solid #ddd !important;
}

@media(max-width:480px) {
    .point5-custom.quick-stats-div {
        width: 29% !important;
        padding-bottom: 5px;
    }

    .txtxs-ryt {
        text-align: right;
    }

    .unitnumber-group .unit-number {
        width: 90%;
    }
}

/*Eparts left tab customization*/

.list-width-selected {
    border: 2px dotted #3343a4;
    border-radius: 5px !important;
    width: 212px;
    height: 475px;
    padding-left: 0px;
    overflow: auto;
    margin: 0 auto;
}

.list-width-un-selected {
    border: 2px solid #ddd;
    border-radius: 5px !Important;
    width: 212px;
    height: 475px;
    padding-left: 0px;
    overflow: auto;
    margin: 0 auto;
}

/* kendo header css for editable header */

.k-header .fa-pencil {
    padding: 3px 12px 0px 0px;
}

/*Layout Overlay Customization*/

/*.page-quick-sidebar-wrapper {
    z-index: 1000 !important;
}*/

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
    z-index: 1025 !important; /*Below Quick Sidebar*/
}

.Fleetdetail_ht {
    height: 584px;
    overflow-y: auto;
}

.top-center {
    margin-top: 27%;
}

.displayNoneImportant {
    display: none !important;
}

.displayBlockImportant {
    display: block !important;
}

.header-band {
    background-image: url(../Images/login_tread.gif);
    background-repeat: repeat-x;
    height: 91px;
    background-position: 0px 59px;
}

/*Tree View*/
.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tree ul {
        margin-left: 1em;
        position: relative;
    }

        .tree ul ul {
            margin-left: 0.5em;
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 1px solid;
        }

    .tree li {
        margin: 0;
        padding: 0 1em;
        line-height: 2em;
        color: #369;
        font-weight: 700;
        position: relative;
    }

    .tree ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 0;
        border-top: 1px solid;
        margin-top: -1px;
        position: absolute;
        top: 1em;
        left: 0;
    }

    .tree ul li:last-child:before {
        background: #fff;
        height: auto;
        top: 1em;
        bottom: 0;
    }

.indicator {
    margin-right: 5px;
}

.tree li a {
    text-decoration: none;
    color: #369;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}

/*End Tree View ENDS*/
.left-margin {
    margin-left: 19px !important;
}

#cke_42 {
    display: none !important;
}

#cke_78 {
    display: none !important;
}

.multi-select-toggle {
    padding-left: 40px !important;
    top: 100px !important;
}

.multi-select-toggle1 {
    padding-left: 61px !important;
    /* top: 100px !important; */
}

.bgcolor {
    background-color: #f3f3f3;
    margin-top: 15px !important;
}

.portlet > .portlet-title > .nav-tabs > li.active > a {
    border-top: 3px solid #FFCC00 !important;
}

.portlet > .portlet-title > .nav-tabs > li > a {
    margin: 0 0 0 1px !important;
}

/*overided portlet padding*/

/*.portlet.light {
    padding: 5px !important;
}*/
/*overided portlet padding*/

.fa-times, .fa-angle-double-down {
    cursor: pointer;
    font-size: 16px;
}

.widget-color {
    background-color: #3343a4 !important;
}

.bottom-margin {
    margin-bottom: 5px !Important;
}

.k-multiselect .k-button {
    color: #000 !Important;
    border-color: #eee !important;
    background-color: #E5E5E5 !Important;
}

.heightstatic {
    height: 633px !important;
}

.text-lightblue {
    color: #e0e8f8;
}

.k-file-error .k-progress {
    background-color: #E0E8F8 !important;
}

.bold-custom-dark {
    color: #3343a4;
    font-weight: 600;
}

.blue-theme {
    background-color: #3343a4;
}

.blue-theme-dark {
    background-color: #0E1271;
    color: #FFCC00;
}

.blue-fade {
    background-color: #f2f6f9;
    color: #3343a4;
    font-weight: 700;
}

.width-static {
    max-width: 75px !important;
    /* background-color:#f3f3f3; */
}

.width-actions {
    min-width: 400px !important;
}

.ver-align {
    padding-top: 5px;
}

.ver-div {
    border-right: 2px solid #3343a4 !important;
}

.k-upload-button, .k-upload-selected {
    background-color: #0E1271 !important;
    color: #fff !important;
}

.k-upload-files {
    border-style: none !important;
}

#treeview_tv_active > .k-mid > .k-in, #treeview_tv_active > .k-top > .k-in, #treeview_tv_active > .k-bot > .k-in {
    background-color: #3343a4 !important;
    color: #FFCC00 !important;
}

.grouptreeActive {
    background-color: #3343a4 !important;
    color: #FFCC00 !important;
    padding: 5px !important;
}

.marginless {
    margin-bottom: 5px !important;
}

.wf_row {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.portlet {
    margin-bottom: 0px !important;
}

    .portlet > .table,
    .portlet .box > .table-responsive {
        margin-bottom: 0;
        width: 100% !important;
        overflow-y: hidden !important;
        overflow-x: auto;
    }

    .portlet > .portlet-body + .table,
    .portlet > .portlet-body + .table-responsive {
        border-top: 1px solid #ddd;
    }

    .portlet > .table-bordered,
    .portlet > .table-responsive > .table-bordered {
        border: 0;
    }

        .portlet > .table-bordered > thead > tr > th:first-child,
        .portlet > .table-bordered > thead > tr > td:first-child,
        .portlet > .table-bordered > tbody > tr > th:first-child,
        .portlet > .table-bordered > tbody > tr > td:first-child,
        .portlet > .table-bordered > tfoot > tr > th:first-child,
        .portlet > .table-bordered > tfoot > tr > td:first-child,
        .portlet > .table-responsive > .table-bordered > thead > tr > th:first-child,
        .portlet > .table-responsive > .table-bordered > thead > tr > td:first-child,
        .portlet > .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .portlet > .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .portlet > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .portlet > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
            border-left: 0;
        }

        .portlet > .table-bordered > thead > tr > th:last-child,
        .portlet > .table-bordered > thead > tr > td:last-child,
        .portlet > .table-bordered > tbody > tr > th:last-child,
        .portlet > .table-bordered > tbody > tr > td:last-child,
        .portlet > .table-bordered > tfoot > tr > th:last-child,
        .portlet > .table-bordered > tfoot > tr > td:last-child,
        .portlet > .table-responsive > .table-bordered > thead > tr > th:last-child,
        .portlet > .table-responsive > .table-bordered > thead > tr > td:last-child,
        .portlet > .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .portlet > .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .portlet > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .portlet > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
            border-right: 0;
        }

        .portlet > .table-bordered > thead > tr:last-child > th, .portlet > .table-bordered > thead > tr:last-child > td,
        .portlet > .table-bordered > tbody > tr:last-child > th,
        .portlet > .table-bordered > tbody > tr:last-child > td,
        .portlet > .table-bordered > tfoot > tr:last-child > th,
        .portlet > .table-bordered > tfoot > tr:last-child > td,
        .portlet > .table-responsive > .table-bordered > thead > tr:last-child > th,
        .portlet > .table-responsive > .table-bordered > thead > tr:last-child > td,
        .portlet > .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .portlet > .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .portlet > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .portlet > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
            border-bottom: 0;
        }

.pdf-page {
}

.paddingleft {
    padding-left: 5px !important;
}

.paddingLeftThree {
    padding-left: 3px !important;
    padding-right: 0px !Important;
}

.paddingleft20px {
    padding-left: 20px !important;
}

.paddingleft30px {
    padding-left: 30px !important;
}

.searchinput {
    margin-left: 6px;
}

.paddingtopright {
    padding-top: 11px !important;
    padding-right: 11px !important;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

label {
    font-weight: 600 !important;
}

.myMachineTabs > li > a {
    background: #3343a4 !important;
    color: white !important;
    margin-right: 0;
    min-width: 75px;
    text-align: center;
}

.myMachineTabs > li.active > a, .myMachineTabs > li.active > a:hover, .myMachineTabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: white none repeat scroll 0 0 !important;
    border-image: none;
    border-top: 4px solid #fcd567;
    color: #585884 !important;
}

.borderh3 {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #FCD567;
}

.borderh4 {
    padding-bottom: 10px !important;
    border-bottom: 2px solid #0E1271;
}

.viewActive {
    background: #3343a4 none repeat scroll 0 0 !important;
    color: white !important;
}

.text-custom {
    color: #FFCC00;
}

.text-blue {
    color: #3343a4;
}

.divider-footer {
    border-right: 1px solid #FFCC00;
}

/*.navbar-nav > li > a {
    padding-top: 25px !important;
    font-size: 16px !important;
}*/

/*Page Loader*/
.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.loading-bar {
    display: inline-block;
    width: 6px;
    height: 36px;
    z-index: -1;
    border-radius: 4px;
    animation: loading 1s ease-in-out infinite;
}

    .loading-bar:nth-child(1) {
        background-color: #0e1271;
        animation-delay: 0.32s;
    }

    .loading-bar:nth-child(2) {
        background-color: #FFCC00;
        animation-delay: 0.16s;
    }

    .loading-bar:nth-child(3) {
        background-color: #0e1271;
        animation-delay: 0.16s;
    }

    .loading-bar:nth-child(4) {
        background-color: #FFCC00;
        animation-delay: 0.27s;
    }

@-webkit-keyframes loading {
    0%, 80%, 100%; {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes loading {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
/*Page-Loader-Ends*/

.field-validation-error {
    color: red;
    font-weight: bold;
}

.search .col-lg-12, .search .col-lg-6 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #3343a4 !important;
}

.k-grid-header .k-header > .k-link {
    white-space: normal !important;
}

.k-grid-header th.k-header {
    vertical-align: top !important;
}

.text-grey {
    color: #333;
    font-weight: 400;
}

.logo-title {
    margin-left: 36px;
    margin-top: 10px !important;
}

.kendo-input-lg {
    width: 100% !Important;
}

.title-legend {
    padding-top: 10px !important;
}

/*Checkboxes Custom Styles for Model Group*/

/*.form-group input[type="checkbox"] {
    display: none;
}*/

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

    .form-group input[type="checkbox"] + .btn-group > label span:first-child {
        display: none;
    }

    .form-group input[type="checkbox"] + .btn-group > label span:last-child {
        display: inline-block;
    }

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}

/*Checkboxes Custom Styles for Model Group*/

.blue-ski {
    background-color: #DFEFF6;
    border: 1px solid #a3d0e4;
}

.marginbottomnull {
    margin-bottom: 0px !Important;
}

.text-legend {
    padding-right: 10px;
    font-size: 14px;
}

.wrap-center {
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    position: fixed;
}

#chartdiv {
    width: 100%;
    /*height: 200px;*/
    font-size: 11px;
}

#bardiv {
    width: 100%;
    height: 500px;
    font-size: 11px;
}

/* .fa-pencil {
    color: #000 !important;
} */

.soldcolumn {
    background-color: #D7EAF9 !important;
    /* color:#4CAF50 !important; */
}

.unsoldcolumn {
    background-color: #B6D3EF !Important;
    /* color:#f44336 !Important; */
}

.inventorysold {
    background-color: #D7EAF9 !Important;
    /* color:#4CAF50 !Important;
    font-size:15px !important; */
    text-align: center !Important;
}

.inventoryunsold {
    background-color: #B6D3EF !important;
    /*     color:#f44336 !Important;
    font-size:15px !important; */
    text-align: center !Important;
}
/*Kendo Row selection colors*/
.k-grid tr.k-state-selected, .K-alt.k-state-selected:hover {
    background-color: #3f51b5 !important;
}

    .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
        background-color: #3f51b5 !important;
    }

    .k-grid tr.k-state-selected span i, .k-grid tr.k-state-selected a.viewclass {
        color: #fff !important;
    }

/*Kendo Row selection colors*/

/*  .editable {
         background-color: #FFF6D8 !important;
  }
   */

.label-custom {
    background-color: #0E1271;
}

/* Inline Checkbox Custom Classes */
.mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio, .mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio {
    display: inline-block;
    margin-right: 15px;
}

.mt-checkbox, .mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group .mt-radio-inline {
    padding-top: 8px;
}

.mt-checkbox-inline, .mt-radio-inline {
    padding: 17px 0;
}

.mt-checkbox:hover > input:not([disabled]):checked ~ span, .mt-checkbox > input:checked ~ span, .mt-radio:hover > input:not([disabled]):checked ~ span, .mt-radio > input:checked ~ span {
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #d9d9d9;
}

.mt-checkbox > span, .mt-radio > span {
    border: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background: #E6E6E6;
}

.panel-label-custom {
    background-color: #3343a4;
}

.selected-machine {
    /* margin-left:135px; */
    color: #FFCC00;
    font-size: 18px;
}

/*.fa-trash {
    font-size: 18px !important;
}*/

.btn-sharp {
    -webkit-border-bottom: 40px solid #E5E5E5;
    -webkit-border-right: 40px solid #fff;
    -moz-border-bottom: 40px solid #E5E5E5;
    -moz-border-right: 40px solid #fff;
    border-bottom: 30px solid #E5E5E5 !Important;
    border-right: 30px solid #fff !Important;
    height: 0px !Important;
    padding: 0px !important;
    font-weight: 600 !important;
    color: #0E1271 !Important;
}

.panel-title-padding {
    padding: 10px 15px !Important;
    ;
}

.fa-arrow-right {
    font-size: 18px;
    color: #FFCC00;
}

/* @media (min-width: 768px) {
    .modal-dialog {
        margin: 100px auto !important;
    }
} */

.k-grid-header {
    padding: 0 !important;
}

.k-grid-content {
    overflow-y: visible !important;
}

.k-grid tbody .k-delete-custom .k-button {
    min-width: 42px !important;
    width: 22px;
    background: none;
    border: 0px;
    box-shadow: none;
    padding: 0px;
}

.k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover {
    background: #E0E0E0 !important;
}

.k-grid .k-alt {
    background-color: #EEE !important;
}

.k-grid-header .fa.pull-right {
    margin-left: .6em;
}

.k-grid-filter.k-state-active {
    background-color: #FFCC00 !Important;
    opacity: 0.5 !Important;
}

.padding-botttom-none {
    padding-bottom: 0px !important;
}

.btn-overlay {
    transform: translateY(115%);
    z-index: 999 !important;
    position: relative;
}

.page-overlay {
    transform: translateY(-9%);
}

/*custom fieldset*/
fieldset.self {
    border: 1px solid #0E1271 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.self {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto !Important;
    padding: 0 10px;
    border-bottom: none !important;
    color: #0E1271;
}
/*custom fieldset*/

.checkbox-list > label {
    display: block;
}

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

        .checkbox-list > label.checkbox-inline:first-child {
            padding-left: 0;
        }

.checker {
    display: inline-block;
}

.text-white {
    color: #fff;
}

.list-unstyled {
    cursor: pointer;
}

.column-centered {
    top: 40%;
    position: absolute;
    width: 100%;
    text-align: center;
}

.vericon {
    margin-top: -24px !Important;
    font-size: 18px !important;
}

.thumbnail {
    background-color: none !important;
    border: none !;
}

.badge {
    display: inline !important;
    border-radius: 30px !important;
}

.badge-cust {
    background-color: #FFCC00 !important;
    background-image: none;
    color: #0E1271;
    font-weight: 600 !Important;
}

.badge-dist {
    background-color: #3343a4 !important;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.badge-region {
    background-color: #0E1271 !important;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.badge-branch {
    background-color: #3343a4;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}

.badge-location {
    background-color: #FFCC00;
    background-image: none;
    color: #FFF;
    font-weight: 600 !Important;
}
/*Custom Css for Global Dropdown Selection */
/*.page-bar {
    width: 100%;
    position: fixed;
    left: 0;
    top: 9%;
    z-index: 1032;
    background-color: #e2e2e2 !important;
}*/

/*.page-header-fixed .page-container {
    margin-top: 106px !important;
}*/

@media (min-width:991px) {
    .page-bar {
        width: 100%;
        position: absolute;
        left: 0;
        top: 91px;
        background-color: #f3f3f3 !important;
    }

    /*.page-header-fixed .page-container {
        margin-top: 101px !important;
    }*/
}

.error {
    border: 2px solid red !important;
    border-radius: 4px !important;
}

/*Custom Css for Global Dropdown Selection */

.profile-userpic img {
    float: none;
    margin: 0 auto;
    /*width: 50%;
    height: 50%;*/
    /*-webkit-border-radius:50% !important;
    -moz-border-radius:50% !important;
    border-radius:50% !important;*/
}



.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 20px -14px 0 0 !important;
}

.page-header.navbar .top-menu .navbar-nav > #NotificationLog.dropdown > .dropdown-toggle {
    padding: 28px 16px 18px;
}

.k-grid-header th.k-header {
    padding: 7px 5px 7px 5px !important;
    font-weight: 600 !important;
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title, .k-grid th {
    color: #0E1271 !important;
    font-size: 12px !important;
}

.close {
    opacity: .5 !important;
    margin-top: 5px !important;
}

    .close:hover {
        opacity: 1 !important;
    }

.overide .page-content-wrapper .page-content {
    background-color: #fff !important;
}

.overide .page-content-wrapper .page-content {
    min-height: 0px !Important;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    /*-webkit-border-radius:50% !important;
    -moz-border-radius:50% !important;
    border-radius:50% !important;*/
}

.page-header.navbar .search-form.search-form-expanded .input-group {
    border-bottom: 1px solid #0E1271;
}

.input-icon.right > em {
    right: 36px !important;
}

.reset-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

.search-box, .reset-icon {
    position: relative;
    padding: 10px;
}

    .reset-icon:after {
        content: "\f00d";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 2px;
        border-radius: 50%;
        text-align: center;
        color: #333;
        font-weight: normal;
        font-size: 12px;
        cursor: pointer;
        font-family: 'FontAwesome';
    }

    .search-box:not(:valid) ~ .reset-icon {
        display: none;
    }

.input-icon.right {
    top: 25px;
}

#TileView.k-widget * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#TileView.k-widget {
    border-width: 0px;
}

#TileView .alert h4 {
    margin-top: 10px;
}

.search-box .form-control:focus, .search-box .form-control:hover {
    box-shadow: none !important;
    border: 1px solid red !important;
}

.form-control:focus, .form-control:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05) !important;
}

/*Eparts Parts check table custom css*/
.rwd-table {
    margin: 1em 0;
    min-width: 300px;
}

    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .rwd-table th {
        display: none;
        text-align: center !important;
    }

    .rwd-table td {
        display: block;
        text-align: center !important;
    }

        .rwd-table td:first-child {
            padding-top: .5em;
        }

        .rwd-table td:last-child {
            padding-bottom: .5em;
        }

        .rwd-table td:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 16.5em;
            display: inline-block;
        }

@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }
}

@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table th:first-child, .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child, .rwd-table td:last-child {
            padding-right: 0;
        }
}

.rwd-table {
    background: #3343a4;
    color: #fff;
    border-radius: .4em;
    overflow: hidden;
    border-radius: 15px !important;
    margin: 0 auto;
    font-weight: 400 !important;
}

    .rwd-table tr {
        border-color: #3343a4;
    }

    .rwd-table th, .rwd-table td {
        margin: .5em 1em;
    }

@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        padding: 1em !important;
    }
}

.rwd-table th, .rwd-table td:before {
    color: #FFCC00;
}

.rwd-table .fa-chevron-circle-right {
    color: #4CAF50;
}

/*Eparts Parts check table custom css*/

.invoice table {
    margin: 30px 0 30px 0;
}

.invoice .invoice-logo {
    margin-bottom: 20px;
}

    .invoice .invoice-logo p {
        padding: 5px 0;
        font-size: 26px;
        line-height: 28px;
        text-align: right;
    }

        .invoice .invoice-logo p span {
            display: block;
            font-size: 14px;
        }

.invoice .invoice-logo-space {
    margin-bottom: 15px;
}

.invoice .invoice-payment strong {
    margin-right: 5px;
}

.invoice .invoice-block {
    text-align: right;
}

    .invoice .invoice-block .amounts {
        margin-top: 20px;
        font-size: 14px;
    }

.resiph-center {
    text-align: right;
}

.linkactive li > a {
    color: #333;
}

    .linkactive li > a:focus, .linkactive li > a:active {
        color: #0E1271 !important;
    }

@keyframes border-pulsate {
    0% {
        border-color: rgba(244, 67, 54, 1);
    }

    50% {
        border-color: rgba(244, 67, 54, 0);
    }

    100% {
        border-color: rgba(244, 67, 54, 1);
    }
}

/* Reporting Tab */
.download_report {
    padding: 5px;
    text-align: right;
}

    .download_report > label {
        float: left;
        white-space: nowrap;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

.datepicker_resize {
    width: 25%;
    margin-right: 10px;
}

.reports_search .input-group-btn .btn-group {
    display: flex !important;
}

.reports_search .btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}

    .reports_search .btn-group .btn:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.reports_search .btn-group .form-horizontal .btn[type="submit"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.reports_search .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.reports_search .form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

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

.reports_search .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}

/*Vijay CSS Starts here */
.utilization .portlet.light {
    padding: 0px !Important;
}

.well label {
    font-size: 20px;
}

.well em {
    font-size: 20px;
    color: #0E1271;
}

.progress {
    border: 1px solid #333 !Important;
}

.top-section .portlet {
    margin-bottom: 0px;
}

.machinehealth .portlet > .portlet-title > .nav-tabs {
    background-color: transparent !important;
}

    .machinehealth .portlet > .portlet-title > .nav-tabs > li.active > a {
        border-top: none !important;
    }

.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
    float: left;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 20px;
    line-height: 41px;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-right: 15px;
}

.cautionicon .fa-exclamation-triangle {
    color: #FFF !important;
}

@media(max-width:1024px) {
    .sm-clear {
        clear: both;
    }
}

.macinfo a {
    color: #FFF;
}

.dashboard-stat .icon {
    display: inline-block;
    float: right;
    padding: 12px 19px 0;
    color: #FFCC00;
    font-size: 20px;
}

.:after { /*arrow added to uparrowdiv DIV*/
    content: '';
    display: block;
    position: absolute;
    top: -20px; /*should be set to -border-width x 2 */
    left: 30px;
    width: 0;
    height: 0;
    border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
    border-style: solid;
    border-width: 10px;
}

.row-fixed {
    position: relative;
    overflow: auto;
    z-index: 992 !important;
}

    .row-fixed em {
        color: #FFCC00;
    }

.well-custom {
    background: #3343a4 !important;
    border-radius: 25px !important;
    /*padding: 5px;*/
    height: auto !important;
    height: auto;
    overflow-y: hidden;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 2px 5px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

    .well-custom label {
        font-size: 13px !Important;
        color: #FFF !important;
        font-weight: 300 !important;
    }

    .well-custom h4 {
        background-color: #FFCC00;
        margin: 0 !important;
        font-weight: 600;
        text-align: left;
        padding: 7px;
        position: relative;
        border-top-left-radius: 2em;
        font-size: 14px;
        padding-left: 35px;
    }

.machineinfo h4 {
    background-color: #FFCC00;
    margin: 0 !important;
    font-weight: 600;
    text-align: left;
    padding: 7px;
    position: relative;
    /*right: 21px;
    top: -21px;*/
    font-size: 12px;
}

.well-custom .info {
    color: #FFCC00 !important;
    font-size: 12px;
}

.divider2 {
    border-right: 1px solid #333;
    height: 5px !important;
}

.well-custom .info > em {
    color: #FFCC00 !important;
    font-size: 25px;
    text-align: center !important;
}

.machine-left {
    padding-left: 0px;
    line-height: 25px;
    right: 25px;
    top: -1px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
}

.navcutom em {
    display: block;
    font-size: 25px;
    padding-top: 5px;
}

.customer .name {
    background-color: #FFCC00;
    padding: 5px;
    position: relative;
    right: 51px;
    top: -8px;
    font-weight: 600;
    color: #0E1271;
}

.mt-element-ribbon .ribbon-content {
    padding-top: 0px;
}

.mt-element-ribbon {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

    .mt-element-ribbon .ribbon.ribbon-vertical-right {
        right: 29px !important;
    }

    .mt-element-ribbon .ribbon.ribbon-color-danger-machine {
        background-color: #f44336 !Important;
        color: #fff;
    }

    .mt-element-ribbon .ribbon.ribbon-color-success-machine {
        background-color: #4CAF50 !Important;
        color: #fff;
    }

.icon-operation em {
    font-size: 60px;
    text-align: center !important;
}

.card1 {
    background: #FFF !important;
    padding: 15px;
    /*margin: 5px 15px 5px 15px;*/
    height: auto !important;
    height: auto;
    overflow-y: hidden;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 2px 5px rgba(0, 0, 0, 0.4);
}

    .card1 label {
        font-size: 14px;
    }

.paddingleftright10 {
    padding: 0 10px;
}

.paddingleft5 {
    padding-left: 5px;
    padding-right: 0;
}

/*Machine Top Section*/
.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
}

    .list-group-horizontal .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }

.list-group-horizontal a.list-group-item.active, .list-group-horizontal a.list-group-item.active:hover, .list-group-horizontal a.list-group-item.active:focus {
    background-color: #0E1271;
}

.demo2 {
    position: relative;
    width: 40vw;
    height: 40vw;
    box-sizing: border-box;
    margin: 20px;
}

.mypromotions .thumbnail img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.mypromotions .thumbnail {
    border: 1px solid #DDD;
    height: 320px;
    text-overflow: ellipsis;
}

.mypromotions .well {
    display: block;
    display: -webkit-box;
    max-width: 394px;
    height: 64px;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.mypromotions p {
    font-size: 14px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.padding5px {
    padding: 5px;
}

.neg-ryt {
    margin-right: -7px;
}

#FleetGrid .k-pager-wrap .k-dropdown {
    width: 6.5em;
}

/*.input-group .form-control {
    float: none !Important;
}*/

#FleetGrid i, #fleet-observation-list em {
    color: #0E1271;
}

.trendLegend .btn {
    border-bottom: 1px solid #FFF;
}
/*Alerts left tab customization*/
.iconalert {
    justify-content: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

    .iconalert .icon-Alerting {
        float: right;
        font-size: 23px;
        color: #FFCC00;
        position: absolute;
        right: 7px;
        top: -2px;
    }

.alerts li a > span {
    font-weight: 600;
}

.alerts li.active > a {
    background-color: #0E1271 !important;
    color: #FFF !important;
}

.alerts .nav-tabs > li a {
    color: #3343a4;
    border-bottom: 3px solid #e2e2e2;
    margin: 0 10px;
}

.alerts .tabs-left.nav-tabs > li.active > a::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #0E1271;
}

.alerts .nav-tabs {
    border-bottom: none;
}

.wizard .tabs-left.nav-tabs {
    border-right: none;
}

.wizard {
    /*margin: 5px auto;*/
    background: #fff;
}

.fa-1x {
    font-size: 18px;
}

.wizard .nav-tabs {
    position: relative;
    /*margin: 40px auto;*/
    margin-bottom: 0;
    border-bottom-color: #FFF;
}

    .wizard .nav-tabs > li a {
        border: 1px solid #DDD !important;
    }

.wizard .tabs-left.nav-tabs > li.active > a, .wizard .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus .fa {
    background-color: #3343a4;
    color: #fff;
}

.wizard > div.wizard-inner {
    position: relative;
}

.wizard .table > tbody > tr > td, .wizard .table > tbody > tr > th, .wizard .table > tfoot > tr > td, .wizard .table > tfoot > tr > th, .wizard .table > thead > tr > td, .wizard .table > thead > tr > th {
    vertical-align: middle;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 67%;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #74777b;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    line-height: 29px;
    font-size: 12px;
}

    span.round-tab em {
        font-size: 18px;
        text-align: center;
        color: #333;
    }

.wizard li.active span.round-tab, .wizard li.active em {
    color: #FFF;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .nav-tabs > li a:visited, .wizard .nav-tabs > li em:visited {
    border: 1px solid #0E1271 !important;
}

.wizard .tab-pane {
    position: relative;
}

/*Wizard Css Ends Here*/
/*Responsive Sidemenu*/

.Machineselect li a {
    font-size: 12px !Important;
    border-top: 1px solid #ccc;
    display: block !important;
    /*overflow: auto; force hasLayout in IE7 */
    color: #0E1271 !important;
    text-decoration: none;
    padding: 0px 0px 0px 55px;
    height: 42px;
    line-height: 3.2em;
    width: 100% !important;
    background-color: #FFF !important;
}

.Machineselect .nav-tabs > li.active > a, .Machineselect .nav-tabs > li.active > a:hover {
    background-color: transparent !important;
    border: 1px solid #0E1271 !important;
    color: #0E1271 !important;
}

.Machineselect li a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 55px;
    height: 39px;
    background-image: url(../images/icons-nav.png);
    background-repeat: no-repeat;
    background-size: 47px;
    opacity: 0.4;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.Machineselect li:nth-child(1) a::before {
    display: none;
}

.Machineselect li:nth-child(1) > a {
    padding-left: 10px !important;
    font-size: 14px !important;
}

.Machineselect li:nth-child(n+2) a:before {
    margin-left: 15px !important;
}

.Machineselect li:nth-child(n+2) a {
    padding-left: 71px !Important;
}

.Machineselect li.active span.round-tab, .Machineselect li.active em {
    color: #0E1271;
}

.Machineselect li a::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent !important;
    border-left: none !important;
}

.Machineselect li > a:hover:before, .Machineselect li > a:focus:before, .Machineselect li > a:active:before {
    opacity: 0.8 !important;
}

.Machineselect .nav-tabs > li {
    width: initial !important;
    display: block !important;
    position: relative !Important;
}

.excavators a:before {
    background-position: 0 -29px;
}

.wheelLoaders > a {
    height: 42px;
    line-height: 2em;
}

.dozers a:before {
    width: 55px;
    height: 30px !Important;
    background-position: 2px 12px;
}

.wheelLoaders a:before {
    width: 55px;
    height: 30px !important;
    background-position: 2px -116px;
}

.trucks a:before {
    width: 55px;
    height: 30px !Important;
    background-position: 2px -90px;
}

.motorGraders a:before {
    width: 55px;
    height: 30px !important;
    background-position: 2px -62px;
}

.forklift a {
    height: 42px;
    line-height: 2em;
}

    .forklift a:before {
        width: 55px;
        height: 30px;
        background-position: 0 -142px;
    }

.Alerts-col-2 {
    width: 12%;
    float: left;
}

.Alerts-col-8 {
    width: 88%;
    float: right;
    padding: 10px;
}

/*Alerts*/

/*Setting toolbar Classes*/
.theme-option em {
    padding: 0px 5px 0px 5px;
    color: #FFF;
    cursor: pointer;
}

/*Settings toolbar classes*/

/* Export import */
.k-pdf-export .k-grid-toolbar, .k-pdf-export .k-grid-pager {
    display: none;
}

/* Page Template for the exported PDF */
.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
        font-size: 24px;
        text-align: center;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

.k-grid-excel, .k-grid-pdf {
    float: right !important;
}

.customtoolbar .k-button {
    border: 1px solid #3f51b5;
    background-color: #3f51b5;
    color: #fff;
    box-shadow: none;
}

    .customtoolbar .k-button:hover {
        background-color: #5c6dc4;
        border-color: #5c6dc4;
        color: #fff;
    }

    .customtoolbar .k-button:active, .customtoolbar .k-button:focus {
        background-color: #5c6dc4;
        border-color: #5c6dc4;
        color: #fff;
    }

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fonts/DejaVu/DejaVuSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.alert label {
    padding-top: 0px !important;
    margin-bottom: 0px;
}

.k-splitter .k-scrollable {
    overflow-x: hidden !important;
}

.scaleStyle {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

#lblGlobalDistributorID:before, #lblGlobalCustomerID:before {
    content: "\f069";
    font-family: FontAwesome;
    font-size: 6px;
    font-weight: 600;
    color: #F3565D;
    margin: 2px 0 0 -8px;
    position: absolute;
}

.statusicon em {
    font-size: 18px;
}

/*Fleet performance full screen btn custom changes*/

.positiony {
    position: absolute !important;
    right: 24px !important;
    z-index: 999 !important;
}

.bkbtn {
    margin-top: 20px;
    position: absolute;
    z-index: 999;
}

/*Kendo Splitter icons Changes*/
.k-splitbar-vertical .k-resize-handle {
    background: url('Material/sprite_2x.png') no-repeat -134px -595px !important;
    width: 20px;
    height: 20px !important;
}

.k-splitbar-vertical .k-icon.k-collapse-next {
    background: url('Material/sprite_2x.png') no-repeat -7px -75px !important;
    width: 20px;
    height: 20px !important;
}

.k-splitbar-vertical .k-icon.k-collapse-prev {
    background: url('Material/sprite_2x.png') no-repeat -7px -11px !important;
    width: 20px;
    height: 20px;
    !important;
}

.k-splitbar-vertical-hover > .k-icon.k-collapse-next {
    background: url('Material/sprite_2x.png') no-repeat -7px -75px !important;
    width: 20px;
    height: 20px !important;
}

.k-splitbar-vertical-hover > .k-icon.k-collapse-prev {
    background: url('Material/sprite_2x.png') no-repeat -7px -11px !important;
    width: 20px;
    height: 20px !important;
}

.k-splitbar-vertical .k-collapse-next {
    margin-left: 16px !important;
}

.k-splitbar-vertical .k-icon.k-expand-next {
    background: url('Material/sprite_2x.png') no-repeat -7px -11px !important;
    width: 20px;
    height: 20px !important;
}

.k-splitbar-vertical .k-icon.k-expand-prev {
    background: url('Material/sprite_2x.png') no-repeat -7px -75px !important;
    width: 20px;
    height: 20px !important;
}

.k-splitbar {
    background-color: #DDD !important;
}

    .k-splitbar:hover {
        background-color: #bcb4b0 !important;
    }

.k-collapse-prev, .k-resize-handle, .k-collapse-next {
    margin-top: 7px;
}


.plmicons {
    position: absolute;
    top: 76%;
    left: 50%;
}

.Infobox {
    z-index: 100 !important;
    height: auto !important;
    width: 200px !important;
}

.MicrosoftMap .Infobox .infobox-info {
    padding: 0px 10px;
    border: 0px;
    padding: 0px 5px !important;
    font-size: 11px !important;
    font-family: "Open Sans",sans-serif !important;
}

    .MicrosoftMap .Infobox .infobox-info table tr td:first-child {
        text-align: right;
    }

.Infobox .infobox-info hr {
    margin: 0px;
}

.MicrosoftMap .Infobox .infobox-stalk {
    display: none;
}

.MapPushpinBase {
    width: auto !important;
    height: auto !important;
}

.MicrosoftMap .Infobox .infobox-title {
    padding: 5px !important;
}

.MicrosoftMap .infobox-close {
    top: 0px !important;
    right: 0px !important;
}

.dropdown-user li > span {
    text-transform: capitalize;
    text-decoration: none;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
}

/*myFleet quick stats Notifications*/
.col-lg-1-custom {
    width: 1.5%;
    float: left;
    padding-left: 10px;
}

.col-lg-2point5-custom {
    width: 17.5%;
}

.widget-thumb-wrap {
    float: left;
    width: 17px;
    height: 14px;
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #FFF;
    text-align: center;
    padding: 6px;
    margin: 2px 0;
    clear: both;
    background-color: #3343a4;
}

.dashboard-stat.blue {
    background-color: #3343a4 !important;
}

.widget-thumb-wrap .icon-Notifications {
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased !important;
}

.widget-thumb-wrap .fa-star {
    position: relative;
    right: -3px;
    top: -26px;
    color: #FFCC00;
    font-size: 13px;
}

.dashboard-stat .visual > em {
    /*margin-left: -10px !important;
    font-size: 45px !important;*/
    line-height: 52px !important;
    opacity: 0.3 !important;
}

.dashboard-stat .visual {
    width: 35px !important;
    height: 35px !important;
}

.dashboard-stat .details .number {
    padding-top: 0px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

@media(min-width:481px) and (max-width:1199px) {
    .pd-resp {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/*myFleet quick stats Notifications*/
.order h5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.page-bar .page-breadcrumb {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.width-auto {
    width: auto !important;
}

/*myFleet Quick Stats Calendar Icons*/
.custom .btn {
    background-color: none;
    border: 1px solid #8A8A8A !important;
}

    .custom.btn:active {
        background-color: #0E1271 !important;
    }

a.active .oneday {
    background: #0E1271 url(../images/Active-Day.svg);
    text-indent: -9999px;
    width: 27px;
    height: 27px;
    display: block;
    margin: 0 auto;
    float: none;
}

a.btn.custom {
    border: 1px solid #ddd;
}

    a.btn.custom.active {
        background-color: #0E1271;
    }

a.active .text-small {
    color: #fff;
}

a.active .oneweek {
    background: #0E1271 url(../images/Active-Week.svg);
    text-indent: -9999px;
    width: 27px;
    height: 27px;
    display: block;
    margin: 0 auto;
    float: none;
}

a.active .onemonth {
    background: #0E1271 url(../images/Active-Month.svg);
    text-indent: -9999px;
    width: 27px;
    height: 27px;
    display: block;
    margin: 0 auto;
    float: none;
}

a .oneday {
    background-image: url(../images/Inactive-Day.svg);
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto;
    float: none;
}

a .oneweek {
    background-image: url(../images/Inactive-Week.svg);
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto;
    float: none;
}

a .onemonth {
    background-image: url(../images/Inactive-Month.svg);
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto;
    float: none;
}

.report-centered {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    flex-flow: column;
}

.resp-report {
    position: relative;
    padding: 10px;
    min-height: 600px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .resp-report iframe {
        position: absolute;
        top: 0;
        left: 15%;
        width: 85%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.managedashboardbtn {
    padding: 5px;
}

.tile-links a {
    padding: 0 5px;
    color: #0E1271;
}

    .tile-links a:last-child {
        margin-right: 15px;
    }

/*myFleet Quick Stats Calendar Icons*/
.wraptext {
    white-space: nowrap;
}
/*myfleet quick stats*/
.col-2 {
    width: 15.55%;
    padding: 0 5px;
    float: left;
    position: relative;
}
/*myfleet quick stats*/
.theme-option {
    background-color: #FFCC00;
}

    .theme-option a {
        color: #0E1271;
    }

.theme-panel > .theme-options > .theme-option {
    border: none !important;
    padding-top: 40px;
}

.fleetalerts > a > h4 {
    margin: 0;
}

.tabbable-custom .alert {
    padding: 5px 7px;
}

.clralrts {
    border-bottom: 1px solid #ddd;
}

    .clralrts .list-inline > li:not(:last-child) {
        border-right: 1px solid #ddd;
    }

.alert .badge {
    font-size: 20px !important;
    vertical-align: middle;
    display: block;
}

.alert-badge {
    width: 24px;
    height: 24px;
    display: block !important;
    box-sizing: border-box;
    vertical-align: middle !important;
    padding: 8px !important;
}

.list-unstyled .alert {
    border-bottom: 1px solid #ddd;
}

/*Remember me fancycheckbox*/

.popover-title {
    color: #0E1271;
    font-weight: 500;
    font-size: 12px;
}

.remember .form-group label[for="fancy-checkbox-default"] {
    font-size: 10px;
}

.remember .form-group input[type="checkbox"] {
    display: none;
}

    .remember .form-group input[type="checkbox"] + .btn-group > label span {
        width: 20px;
    }

        .remember .form-group input[type="checkbox"] + .btn-group > label span:first-child {
            display: none;
        }

        .remember .form-group input[type="checkbox"] + .btn-group > label span:last-child {
            display: inline-block;
        }

    .remember .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
        display: inline-block;
    }

    .remember .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
        display: none;
    }

.remember .form-group {
    position: absolute;
    right: 16px;
    top: -11px;
}

.social {
    opacity: 0;
    position: relative;
    margin: 8px;
    border-radius: 100%;
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    text-align: center;
}

.clicked {
    opacity: 1;
    transition: 1.2s all ease;
    transform: translateY(5px);
}
/*Remember me fancycheckbox*/
.theme-panel > .theme-options {
    box-shadow: none !important;
}

/*Manage Address box*/
#ViewPerformance {
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}

.box {
    border: 1px solid #ccc;
    padding: 0 0 5px;
    margin-bottom: 10px;
    background-color: #FFF6D8;
}

    .box.active {
        background-color: #D7EAF9;
    }

    .box > label {
        border-bottom: 1px solid #ccc;
        padding-left: 40px;
        margin-top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        display: block;
    }

    .box .label-warning {
        margin-right: 5px;
    }

.box_sm ul {
    margin: 5px;
    padding: 0px;
}

.box_sm .addressinfo {
    min-height: 75px;
    padding: 15px !important;
}

.box_sm li {
    list-style: none;
}

    .box_sm li em {
        padding-right: 6px;
    }

.panel-title > a {
    display: block;
    position: relative;
}

    .panel-title > a:after {
        content: "\f078"; /* fa-chevron-down */
        font-family: 'FontAwesome';
        position: absolute;
        right: 15px;
    }

    .panel-title > a[aria-expanded="true"]:after {
        content: "\f077"; /* fa-chevron-up */
    }

.k-listview .col * {
    margin-bottom: 15px;
}

.eqWrap {
    -moz-display: flex;
    -ms-display: flex;
    -webkit-display: flex;
    display: flex;
}

.equalHMRWrap {
    flex-wrap: wrap;
}

.equalHMR {
    width: 23%;
    margin: 5px 5px 20px 5px;
}



/*CC Fail icons*/
.cc-times {
    position: absolute;
    left: 39px;
    font-size: 15px !important;
    top: 10px;
}

.panel-title h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
    padding-top: 8px;
}

/*End CC Fail icons*/
.margin5px {
    margin: 5px;
}

.theme-panel > .theme-options {
    top: -5px !important;
    font-size: 12px;
}

#QuickSidebar .k-pager-nav {
    left: 0px !important;
}

.ui-front.timeout-dialog {
    z-index: 10000;
}

.panel-heading span {
    position: absolute;
    top: 4px;
    right: 73px;
}

.userlogin {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    float: none;
    top: 73px;
    padding: 15px;
    box-sizing: border-box;
    border-left: 1px solid #DDD;
}

    .userlogin em {
        text-align: center;
        font-size: 125px;
        color: #0E1271;
    }

.partsbox {
    background-color: #ededee;
    padding: 15px;
    min-height: 450px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

    .partsbox h3 {
        text-align: center;
        font-size: 16px;
        color: #0E1271;
        z-index: 1;
        position: relative;
        width: 75%;
        margin: 15px auto;
    }

        .partsbox h3 span {
            background-color: #ededee;
            padding: 0 0.7em;
            font-weight: 500;
        }

        .partsbox h3:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            top: 8px;
            width: 100%;
            border-bottom: 2px solid #FFCC00;
            text-align: center;
        }

#banner {
    background: url('../images/landing-page-banner.png')no-repeat center top;
    margin-top: 0px;
    padding-top: 60px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 480px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /* background-size: cover; */
}

/*Promotions Carosel Effect*/
.image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    position: relative;
    min-height: 320px;
    /*border: 1px solid #ddd;*/
}

.image {
    opacity: 1;
    display: block;
    width: auto;
    max-width: 100%;
    transition: .5s ease;
    backface-visibility: hidden;
    margin: 10px auto;
    float: none;
}

.image-container:hover {
    /*border: 1px solid #337ab7;*/
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translateX(-48%) translateY(-47%);
}

.image-container:hover .image {
    opacity: 0.3;
}

.image-container:hover .middle {
    opacity: 1;
}

.carousel-caption {
    background-color: #0E1271 !important;
    opacity: 0.7 !important;
    right: 0 !important;
    z-index: 99;
    padding: 10px 0 !important;
}

    .carousel-caption span {
        font-size: 30px;
        text-align: right;
    }

    .carousel-caption img {
        position: absolute !important;
        right: 9px;
        bottom: 0;
        z-index: 999;
    }

/*Promotions Effect Ends*/
.responsive-thumbnails img {
    width: auto;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.responsive-thumbnails li a {
    float: left;
    margin: 0 auto;
    padding: 15px;
    white-space: nowrap;
    width: 33.33%;
    height: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    white-space: normal;
}

    .responsive-thumbnails li a span {
        font-size: 14px;
        color: #0E1271;
        text-align: center;
        display: block;
        font-weight: 500;
    }

    .responsive-thumbnails li a:hover, .responsive-thumbnails li a:hover span, .responsive-thumbnails li a > span:focus, .responsive-thumbnails li a > span:active {
        background-color: #3343a4;
        color: #FFF;
        text-decoration: none;
    }

.page-top {
    width: 375px;
    float: right;
}

    .page-top .search-form {
        width: 238px;
        display: inline-block;
        float: none;
    }

.isPreferredDocument {
    background-color: #fcf6dd;
}

.isPreferredDocumentColor {
    color: #fcf6dd;
}

.service::before {
    content: '';
    background-image: url('../images/Service.png');
    background-repeat: no-repeat;
    width: 23px;
    height: 76px;
    display: block;
    margin-left: -14px;
}

.sold::before {
    content: '';
    background-image: url('../images/sold.png');
    background-repeat: no-repeat;
    width: 23px;
    height: 76px;
    display: block;
    margin-left: -14px;
}

.outside::before {
    content: '';
    background-image: url('../images/Outside.png');
    background-repeat: no-repeat;
    width: 23px;
    height: 76px;
    display: block;
    margin-left: -14px;
}

.inService::before {
    content: '';
    background-image: url('../images/InService.png');
    background-repeat: no-repeat;
    width: 23px;
    height: 76px;
    display: block;
    margin-left: -14px;
}

#FleetGrid.k-grid td {
    padding: 0 1.286em !important;
}

#shopping-grid .k-plus::after {
    font-family: FontAwesome;
    content: "\f085";
    background-color: #FFCC00;
    color: #3343a4;
    font-size: 14px;
    display: block;
    position: absolute;
    border-radius: 50%;
    /*top: 7px;*/
    left: 5px;
    line-height: 24px;
    padding: 0px 5px;
}

#shopping-grid .k-minus::before {
    font-family: FontAwesome;
    content: "\f085";
    background-color: #FFCC00;
    color: #3343a4;
    font-size: 14px;
    display: block;
    position: absolute;
    border-radius: 50%;
    /*top: 7px;*/
    left: 5px;
    line-height: 24px;
    padding: 0px 5px;
}

#shopping-grid .k-hierarchy-col {
    width: 60px !important;
}

#servicehistory .k-hierarchy-col {
    width: 20px !important;
}

.superseded::before {
    font-family: FontAwesome;
    content: "\f085";
    background-color: #FFCC00;
    color: #3343a4;
    font-size: 10px;
    display: block;
    border-radius: 50%;
    top: -2px;
    padding: 2px 4px;
    position: absolute;
    right: 14.5%;
}

#shopping-grid .k-plus, #shopping-grid .k-minus {
    margin-left: 30px;
}

.k-grid-delete-chkbox {
    padding: 5px 7px !important;
}

.radio-list {
    margin: 10px 5px;
}
/*For Maintenance Page*/
.img-center {
    text-align: center;
    vertical-align: middle;
}

    .img-center img {
        margin: 50px 0 10px 0;
        height: auto;
        width: 20%;
        max-width: 100%;
    }

.custompage h3 {
    color: #3343a4;
    font-weight: 500;
}

.custompage p {
    font-size: 18px;
    line-height: 1.5;
}
/*For Maintenance Page*/
.carousel-indicators li {
    background: #0E1271;
}

.carousel-indicators .active {
    background: #FFCC00;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #0E1271 !important;
}

.fontverticallg {
    font-size: 12px;
    padding: 5px;
}

.input-group > .input-group-btn .btn {
    padding: 5px 12px;
}

.list-inline > li.divider {
    height: 1px !important;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5 !important;
    width: 100% !important;
}

.morecontent span {
    display: none;
}

.comment {
    width: 100%;
}

    .comment p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }

.addComment {
    margin: 10px 0;
}

.searchboxGroup {
    width: 500px;
}

.k-grid-header table, .k-grid-content table {
    width: 100% !important;
}

#fleetmapview .gm-style-iw > div {
    overflow: inherit !important;
}

.page-quick-sidebar-wrapper {
    z-index: 1000 !important
}

.fleetalerts {
    text-align: right;
}

#dateRange .k-textbox .k-icon {
    margin: -8px -5px 0;
}

.reportedDate {
    max-width: 80px;
}

.k-header .k-button:hover > .k-i-pdf, .k-header .k-i-pdf {
    background-position: -64px -80px !important;
}

#QuickSidebar label {
    font-size: 13px;
}

.carouselImage img {
    width: 100%;
    height: auto;
}
/*.page-quick-sidebar-wrapper .page-quick-sidebar {
    width: 540px !important;
}*/
.machineDetail {
    width: 100%;
}

#hybridMapView {
    height: 380px !important;
}

    #hybridMapView #fleetmapview {
        height: 370px !important
    }

#Splitter .k-pane:first-child {
    height: 390px !important;
}

#Splitter #bottom-pane.k-pane:first-child {
    height: inherit !important;
}

.table-custom {
    border-spacing: 0;
}

.iframe-border {
    border: 0;
}

.iframe-style {
    overflow: auto;
    border: 0;
}

.table-width {
    width: 100%;
}

.table-cellspacing {
    border-spacing: 0px;
}

.unitnumber-group .unit-number {
    width: 65%;
}

.unitnumber-group.input-group > .input-group-btn .btn {
    padding: 7px 12px;
}

/* Basic Components */

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.my-3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.px-3 {
    padding-left: 15px;
}

.w-100 {
    width: 100% !important;
}

.ml-1 {
    margin-left: 05px;
}

.ml-2 {
    margin-left: 10px;
}

.ml-3 {
    margin-left: 15px;
}

.mr-1 {
    margin-right: 05px;
}

.mr-2 {
    margin-right: 10px;
}

.mr-3 {
    margin-right: 15px;
}

.mt-1half {
    margin-top: 2.5px !important;
}

.mt-1 {
    margin-top: 05px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 15px !important;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 15px;
}

.pt-0 {
    padding-top: 0px;
}

.modal .modal-header {
    background-color: #0E1271 !important;
}

    .modal .modal-header .close, .modal .modal-title {
        color: #fff !important;
        opacity: 1 !important;
        text-indent: inherit;
        background-image: none !important;
    }

        .modal .modal-header .close.cXls {
            font-size: 16px;
        }

img.managedashboard-image {
    max-width: 35px;
}

.quick-stats-div .dashboard-stat .details .desc {
    font-size: 13px;
    white-space: nowrap;
}


.ddlfc .k-multiselect-wrap > ul > .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.myfeltserchbx {
    float: left;
    margin: 5px 05px;
}

    .myfeltserchbx.machinefst {
        width: 15%;
    }

    .myfeltserchbx.aLlprodict {
        width: 14%;
    }

    .myfeltserchbx.sElectmodal {
        width: 11%;
    }

    .myfeltserchbx.sErial {
        width: 10%;
    }

    .myfeltserchbx.unitNumber {
        width: 12%;
    }

    .myfeltserchbx.sElectfc {
        width: 18%;
    }

.pad_bOth_0 {
    padding: 0px;
}

.myfeltserchbx .k-multiselect.k-header  {
    background: #fff !important;
}

.point5-custom.quick-stats-div:nth-child(2), .point5-custom.quick-stats-div:nth-of-type(2) {
    padding-left: 0px;
}

#Splitter.top_pane_adjest {
    height: 650px !important;
}

.top_pane_adjest .k-splitbar, .top_pane_adjest #bottom-pane {
    display: none !important;
}

.top_pane_adjest #hybridMapView, .top_pane_adjest #hybridMapView #fleetmapview, #Splitter.top_pane_adjest .k-pane:first-child {
    height: 600px !important;
}

.promoCode {
    width: 365px;
    float: right;
}

/* For register Now*/

.komatsu_register_master {
    padding: 0 20px;
    background: #fff;
    width: 100%;
    float: left;
    box-sizing: border-box;
    font-family: "Open Sans",sans-serif !important;
}

.komatsu_register_left {
    width: 57%;
    float: left;
    display: inline-flex;
}

.KR_left_logo {
    position: relative;
    float: left;
    height: 100vh;
    max-height: 457px;
    width: 56px;
}

    .KR_left_logo img {
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto 0;
        height: 320px;
    }

.KR_left_content {
    background: url(../../images/mr_bg_img.png) no-repeat top center;
    background: url() width: calc(100% - 54px);
    float: right;
    height: 100vh;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 20px 30px;
    max-height: 457px;
}

.KR_left_form {
    position: relative;
    z-index: 11;
    color: #fff;
    display: table-cell;
    height: 397px;
    vertical-align: middle;
    max-height: 457px;
    box-sizing: border-box;
    max-width: 100%;
    word-break: break-all;
    float: none;
    text-align: center;
    width: 600px;
}

.KR_left_content:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background: rgba(14, 18, 113, 0.8);
    z-index: 10;
    max-height: 457px;
}

.KR_banner .KR_left_form h3 {
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
    font-weight: bold;
}

.KR_banner .KR_left_form p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 26px;
}

.KR_banner .KR_left_form button {
    padding: 10px 20px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 30px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}

.komatsu_register_right {
    float: right;
    width: 43%;
    padding: 20px 30px;
    box-sizing: border-box;
    position: relative;
}

.KR_slide_body {
    width: 100%;
    text-align: center;
}

.KR_img_body {
    min-height: 265px;
    max-height: 265px;
    vertical-align: middle;
    position: relative;
}

.KR_slide_body .KR_img_body > img {
    max-width: 300px;
    margin-bottom: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.KR_slide_body .KR_img_body > img {
    max-width: 100%;
    margin-bottom: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 350px;
}

.KR_slide_runing, .KR_slide_body h3 {
    text-align: right;
    font-size: 15px;
    float: right;
    width: 100%;
    margin-bottom: 10px;
}

.KR_slide_body h3 {
    font-size: 20px;
    font-family: "Open Sans",sans-serif !important;
    color: #0e1271;
}

.KR_slide_runing {
    width: 100%;
    line-height: 24px;
    color: #5A5A5A;
}

.KR_slide_social {
    width: 100%;
    float: right;
    text-align: right;
    min-height: 30px;
    box-sizing: border-box;
}

    .KR_slide_social li {
        display: inline-block;
        margin-left: 10px;
        width: 25px;
    }

.desktop-hide {
    display: none;
}

.grid-master {
}

span.text-center.check_box {
    width: 60px;
    text-align: right;
    float: left;
}

.min-height35 {
    min-height: 35px;
}

.PR_icon_size {
    max-height: 20px;
    max-width: 20px;
    width: 20px;
}

#FleetGrid.k-grid td.icons_grid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.covarage_icon {
    max-height: 30px;
    max-width: 30px;
}

.covarage_button a {
    background: url(../images/covarage_icon1.png) no-repeat 5px 5px #fff !important;
    background-size: 18px !important;
    padding-left: 28px !important;
}

.covarage_button.active a {
    background: url(../images/covarage_icon.png) no-repeat 4px 4px #0E1271 !important;
    background-size: 18px !important;
    color: #fff !important;
}

.machine_detail_innericon {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 30px;
    height: 30px;
}

    .machine_detail_innericon .PR_icon_size {
        max-height: 30px;
        max-width: 30px;
    }

.mt_3 {
    margin-top: 3px;
}

.k-grid-content .pr_anchor .PR_icon_size {
    max-height: 14px;
    max-width: 14px;
    margin: -3px 0 0 0;
}

.thumbnail.contentBox .PR_icon_size {
    display: inherit;
    margin: -7px 0 0 0;
    max-width: 30px;
    max-height: 30px;
}

.tabs-style-linebox nav ul li#kowa_link em {
    font-size: 10px;
}

    .tabs-style-linebox nav ul li#kowa_link em img {
        max-width: 20px;
    }

.tabs-style-linebox nav ul li#kowa_link .kowa_normal_w_logo, .tabs-style-linebox nav ul li#kowa_link.tab-current .kowa_normal_logo {
    display: none;
}

.tabs-style-linebox nav ul li#kowa_link.tab-current .kowa_normal_w_logo {
    display: block;
    margin: 0 auto;
}

.kowa-grid {
    max-width: 80%;
    margin: 0 auto;
}

.txt-blue {
    text-decoration: underline;
    color: #34328d;
}

.spectro_div div {
    -ms-transform: rotate(-60deg);
    -ms-transform-origin: 13% 60%;
    transform: rotate(-60deg);
    transform-origin: 13% 60%;
    margin: 65px 0px 5px 0px;
    font-size: 11.72px;
    white-space: nowrap;
}

.kowa_Report_table {
    font-family: "Open Sans",sans-serif !important;
    font-size: 13px;
    margin: 0 auto;
    width: 80%;
    font-weight: normal;
}

    .kowa_Report_table table {
        width: 100%;
    }

    .kowa_Report_table tr td {
        padding: 0px;
    }

    .kowa_Report_table a {
        color: #000d9e;
        text-decoration: underline;
    }

.BureauVeritas {
    color: #f9b406;
    font-size: 14px;
    font-weight: 500;
}

.content-wrap section .kowa_Report_table p {
    padding: 0px;
    line-height: 26px;
}

.cstm_tabl_border {
    border: 1px solid #ccc
}

.kowa_Report_table tr td .cstm_tabl_padd td {
    padding: 05px 05px;
    border: 1px solid #ccc;
}

table.cstm_tabl_border.cstm_tabl_padd tr.spectro_div td {
    padding-left: 0px;
    padding-right: 0px;
}

.report_status {
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 05px;
}

    .report_status.abnormal {
        color: #ff6633
    }

    .report_status.critical {
        color: #cc0000
    }

    .report_status.monitor {
        color: #006699
    }

    .report_status.normal {
        color: #009933
    }

    .report_status.other {
        color: #999999
    }

    .report_status img {
        margin-top: -7px;
    }

.repor_back {
    background: #eee;
    border-radius: 05px !important;
    padding: 05px 10px;
    margin: 25px 0 0 0;
    float: left;
    margin-left: 0;
    color: #000;
    border: 1px solid #ddd;
    position: absolute;
}

.kowa_logo_master {
    height: 80px;
    width: 31%;
    text-align: left;
    vertical-align: middle
}

    .kowa_logo_master img {
        max-width: 150px;
    }

.width36 {
    width: 36%;
}

.v_align {
    vertical-align: middle;
}

.width33 {
    width: 33%;
}

.kowasub_hd {
    background: #E1E1E3;
}

.spectro_div td {
    background: #F3F3F3
}

.width64 {
    width: 64%;
}

.v_top {
    vertical-align: top;
}

.cooper_color {
    color: #3366cc
}

.SummaryDate_label {
    background: #ffcc00;
    font-size: 13px;
    color: #000;
    padding: 7px 20px;
    font-weight: 500;
    margin-top: 0px;
    margin-right: 0px;
}

.iMC_imghotspot_master {
    width: 100%;
    /*max-width:410px;*/
    position: relative;
}

.iMC_summary_img {
    width: 100%;
}

.iMC_autoOn {
    position: absolute;
}

.Mahoganyred {
    color: #c2272d
}

.drablue {
    color: #652d90
}

.frenchblue {
    color: #0171bd
}

.pigmentgreen {
    color: #019245
}

.iMC_autoOn span {
    font-size: 22px;
    font-weight: bold;
    /*float:left;*/
}

.iMC_autoOn:hover {
    text-decoration: none;
}

.iMC_autoOn.first {
    left: 80px;
    top: 77px;
}

.iMC_autoOn.sec {
    right: 0px;
    top: 50px;
}

.iMC_autoOn.third {
    left: 10px;
    top: 120px;
}

.iMC_autoOn.four {
    left: 320px;
    top: 250px;
}

.iMC_autoOn em {
    margin: 10px 5px 0px 05px; /*float:left*/
}

.iMC_autoOn .tooltip {
    background: #fff;
    opacity: 1;
}

.iMC_autoOn .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    width: 150px;
    box-shadow: 0px 3px 10px #ccc;
    -webkit-box-shadow: 0px 3px 10px #ccc;
    -moz-box-shadow: 0px 3px 10px #ccc;
}

    .iMC_autoOn .tooltip-inner h3 {
        color: #222;
        font-size: 14px;
        margin: 0px;
        padding: 0px
    }

    .iMC_autoOn .tooltip-inner p {
        font-size: 11px;
        color: #222;
    }

.iMC_autoOn .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.min-height-600 {
    min-height: 598px;
}

.auton_progress_master {
    font-weight: normal;
    font-size: 12px;
}

    .auton_progress_master .progress > .progress-bar-info {
        background-color: #1585d7;
        border-radius: 10px 0 0 10px !important;
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        line-height: 15px;
        font-weight: normal;
    }

    .auton_progress_master .progress {
        border: 1px solid #ccc !Important;
        padding: 01px;
        border-radius: 10px !important;
        margin-bottom: 10px !important;
    }

    .auton_progress_master label {
        font-size: 13px;
    }

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

.iMC_tab_content {
    display: none;
}

    .iMC_tab_content.active {
        display: block;
    }

img.myiMC_normal_logo, img.myiMC_normal_w_logo {
    max-width: 34px;
    margin: 0 auto;
}

#myiMC_link img.myiMC_normal_logo, #myiMC_link.tab-current img.myiMC_normal_w_logo {
    display: block;
}

#myiMC_link img.myiMC_normal_w_logo, #myiMC_link.tab-current img.myiMC_normal_logo {
    display: none;
}



/* For Register Now End here*/
/* ============= Desktop Code End Here  ===================== */
/*Media Queries Starts Here*/
@media (min-width: 1600px) {
    .promotions .thumbnail a > img, .thumbnail > img {
        position: inherit;
        width: 100%;
    }

    .guestPromotions .lightSlider {
        overflow: inherit !important;
    }

        .guestPromotions .lightSlider .image {
            width: 100%;
        }
}

@media (max-width:480px) {
    a .btn {
        white-space: normal;
        margin-bottom: 5px;
    }

    .actions .label-warning {
        font-size: 8px;
    }

    .panel-heading span {
        position: relative;
        top: 7px;
        right: 0;
    }

    .portlet > .portlet-title > .actions > .btn {
        margin-bottom: 5px;
        clear: both;
    }

    .userlogin {
        top: 0px;
        border-top: 1px solid #DDD;
    }

    .page-top .search-form {
        padding: 5px 10px;
    }

    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-bottom: 95px;
    }

    .responsive-thumbnails img {
        width: auto;
        height: 32px;
    }

    .carousel-caption {
        padding: 5px 0;
        bottom: 0;
    }

        .carousel-caption span {
            font-size: 14px;
            text-align: right;
        }

    .image {
        opacity: 1;
        display: block;
        width: 100%;
        height: 100%;
        transition: .5s ease;
        backface-visibility: hidden;
        margin: 10px auto;
        float: none;
    }

    .content-slider ul li {
        width: 100%;
    }

    .popup-box {
        height: 500px;
        width: 300px;
        z-index: 9999999;
    }

    .equalHMR {
        width: 98%;
        margin: 5px 5px 20px 5px;
    }

    .fleetalerts > label {
        font-size: 10px;
    }

    .page-quick-sidebar-wrapper .nav-tabs > li > a {
        font-size: 12px;
    }

    .alert .badge {
        font-size: 16px !important;
        vertical-align: middle;
        display: block;
    }

    .alert-badge {
        width: 24px !important;
        height: 24px !important;
        display: block !important;
        box-sizing: border-box;
        vertical-align: middle !important;
    }

    .col-2 {
        width: 26.55%;
        padding: 0 5px;
        float: left;
        position: relative;
    }

    .tile-links {
        margin: 10px 16px;
    }

    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-top: 189px;
    }

    .modal-dialog .modal-body {
        min-height: 50px;
        overflow: auto;
        max-height: 250px;
    }

    .promotions .thumbnail a > img, .thumbnail > img {
        height: inherit;
    }

    #partscart .btn-default {
        padding: 5px;
        margin: 3px;
        width: 153px;
        font-size: 12px;
    }

    /*.calendar-table {
        display: none;
    }*/

    .cautionStatus, .normalStatus {
        padding: 0 3px !important;
    }

    .promotions .thumbnail a > img, .thumbnail > img {
        /*margin: 0 auto;*/
        float: none;
    }

    .more_info {
        border-bottom: 1px dotted;
        position: relative;
    }

        .more_info .title {
            position: absolute;
            top: 20px;
            background: silver;
            padding: 4px;
            left: 0;
            white-space: nowrap;
        }

    .navcutom em {
        display: block;
        font-size: 16px;
        padding-top: 10px;
    }

    .input-xsmall {
        width: auto !important;
    }

    .wizard span.round-tab {
        line-height: 0;
    }

    .wizard .panel-title {
        height: 20px;
    }

    .wizard .panel-body {
        padding: 0px !important;
    }

    .wizard .panel-default > .panel-heading {
        color: #FFF !important;
        background-color: #3343a4 !important;
        border-color: #3343a4 !important;
    }

    .wizard span.round-tab em {
        font-size: 18px;
        text-align: center;
        color: #FFF !important;
    }

    .bkbtn {
        margin-top: 0;
        margin-left: 0;
        position: relative;
    }

    .pd-resp {
        padding-left: 2px !important;
        padding-right: 2px !important;
        left: 25px;
    }

    .dashboard-stat .details {
        right: 0px !important;
    }

        /*.dashboard-stat .details .desc {
            display: none;
        }*/

        .dashboard-stat .details .number {
            font-size: 18px !important;
        }

    .iconalert {
        display: block;
    }

        .iconalert .icon-Alerting {
            font-size: 15px !important;
        }

    .well-custom {
        margin-top: 14px;
    }

        .well-custom h4 {
            line-height: 22px;
        }

    .machineinfo h4 {
        font-size: 10px;
    }

    .managedashboardbtn {
        padding: 5px;
    }

    .horline {
        display: none;
    }

    .xs-width {
        width: 130px !important;
    }

    .page-quick-sidebar-wrapper {
        -webkit-transition: right .3s;
        transition: right .3s;
        z-index: 9996;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 320px !important;
    }

    .page-header.navbar .search-form .input-group .form-control {
        text-indent: initial !important;
    }

    #OtherInfoP {
        margin-bottom: 30px;
    }

    #FleetDetailsMap {
        margin-top: 10px;
    }

    .allowhorizontalscroll {
        overflow-x: scroll;
    }

    /*To Display info in mobile view*/
    .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: block !important;
    }

    .top-sm-margin, .top-sm-margin-ip {
        margin-top: 5% !important;
    }

    .top-sm-margin5px {
        margin-top: 5px !important;
    }

    .unitnumber-group .unit-number {
        width: 75% !important;
    }

    .details-tabs {
        margin: 0 5px;
    }
}

@media( max-width : 585px ) {
    .responsive-thumbnails li a span {
        font-size: 12px;
    }

    .responsive-thumbnails li a {
        height: 66px !important;
    }

    .wizard {
        width: 100%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .myfeltserchbx {
        width: 100% !important;
        margin: 05px 0px;
    }
}

@media(max-width:767px) {
    .nowrap {
        white-space: nowrap;
    }

    .Alerts-col-10 {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .rediph-left {
        float: none !important;
    }

    .resmargintop {
        margin-top: -50px !Important;
    }

    .resmargin-top-15 {
        margin-top: 15px !important;
    }

    .md-width {
        width: 100% !important;
        float: left !important;
        margin-bottom: 10px !important;
    }

    /*.page-bar .page-toolbar {
        margin-top: 53px;
    }*/

    /*To Display info in mobile view*/
    .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: block !important;
    }

    .carousel-inner .active > div {
        display: none;
    }    

        .carousel-inner .active > div:first-child {
            display: block;
        }
}

@media(max-width:768px) {
    .customer-fleetnotification .point5-custom.quick-stats-div {
        width: 18% !important;
    }

    .point5-custom.quick-stats-div {
        width: 22.6% !important;
        padding-bottom: 5px;
    }

    .or:nth-child(-n+2)::after {
        content: "";
        width: 65px;
        height: 66px;
        background: url(../images/or.png) no-repeat;
        top: -13%;
        right: 0;
        left: 43%;
        position: absolute;
        display: inline-block;
    }

    .partsbox {
        margin-bottom: 20px;
        padding: 10px;
        min-height: 330px;
    }

    .col-2 {
        width: 26.55%;
        padding: 0 5px;
        float: left;
        position: relative;
    }

    .maplg {
        height: 280px;
        margin: 15px 0px 15px 0px;
        position: relative;
    }

    .dashboard-stat .details .desc {
        font-size: 11px !important;
    }

    .machineinfo h4 {
        right: 5px;
        top: -10px;
    }

    .page-bar {
        margin-top: 9px;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
        width: 94px !important;
    }

    .customBordered_h3 {
        padding-right: 0px;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified {
        height: 75px;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
            top: 29px;
        }

    .resiph-center {
        text-align: center;
        line-height: 42px;
    }

    .promotions .thumbnail {
        margin-bottom: 0px;
    }

    .profile-userpic img {
        float: none;
        margin: 0 auto;
        width: 20%;
        height: 50%;
    }

    .portlet.light {
        padding: 10px 5px 10px 5px !important;
    }

    .page-header.navbar .search-form {
        margin-left: 0px !important;
        top: 0px !important;
    }

    .page-header.navbar .search-form {
        margin-left: 10px;
        display: inline-block;
        width: 100% !important;
        position: relative;
        float: none !important;
        -webkit-transition: all .6s;
        transition: all .6s;
    }

    .reset-icon {
        margin-right: 22px;
    }

    #MachineOperation {
        margin-bottom: 15px;
    }

    .allowhorizontalscroll {
        overflow-x: scroll;
    }

    .top-sm-margin-ip {
        margin-top: 5% !important;
    }

    .k-grid a.k-button {
        margin-bottom: 10px;
    }

    .searchboxGroup {
        width: 100%;
    }

    #FleetGrid a.k-button {
        margin-bottom: 0;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left {
        margin-left: -15px;
    }

    .page-quick-sidebar-wrapper {
        z-index: 10000 !important;
    }

    .fleetalerts {
        text-align: left;
    }

        .fleetalerts .notification-period {
            padding: 5px 5px;
        }

    .page-quick-sidebar-toggler {
        right: 15px !Important;
    }

    #hybridMapView #fleetmapview .gm-style-iw > div {
        max-width: 200px !important;
    }

    #hybridMapView #fleetmapview {
        margin: 0 !important;
    }

    .wheel-loader-block {
        margin: 0;
    }

    .promoCode {
        width: 330px;
        float: none;
    }
}

@media(min-width: 768px) {
    .reports_search .dropdown.dropdown-lg {
        position: static !important;
    }

        .reports_search .dropdown.dropdown-lg .dropdown-menu {
            min-width: 500px;
        }

    .md-width {
        width: 100% !important;
        float: left !important;
    }

    .page-bar .page-toolbar {
        padding-top: 2px;
    }

    .maplg {
        height: 625px;
        position: relative;
    }
    /*.carousel-indicators{
        bottom:-20px;
    }*/

    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
    }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .multi-item-carousel .carousel-inner > .item {
            -webkit-transition: 500ms ease-in-out all;
            transition: 500ms ease-in-out all;
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }

    .multi-item-carousel .carousel-inner .active.left {
        left: -33%;
    }

    .multi-item-carousel .carousel-inner .active.right {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .next {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .prev {
        left: -33%;
    }
}

@media(min-width:481px) and (max-width:768px) {
    .responsive-thumbnails li a {
        width: 24.99% !important;
        height: 86px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .equalHMR {
        width: 48%;
        margin: 5px 5px 20px 5px;
    }

    #banner {
        min-height: 204px;
    }
}

@media(max-width:990px) {
    .item-container {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
    }

        .item-container .item1 {
            width: 100% !important;
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            order: 1 !important;
            flex-direction: column !important;
            padding-left: 15px;
            padding-right: 15px;
        }

        .item-container .item2 {
            width: 100% !important;
            display: -ms-flex;
            display: -webkit-flex;
            display: flex;
            order: 2 !important;
            flex-direction: column !important;
            padding: 0 15px;
        }

        .item-container .item3 {
            width: 100% !important;
            display: -ms-flex;
            display: -webkit-flex;
            display: flex;
            order: 3 !important;
            flex-direction: column !important;
            padding-left: 15px;
            padding-right: 15px;
        }
}

@media(min-width:991px) {
    /*.page-quick-sidebar-wrapper {
        width: 650px !important;
    }*/

    .item-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

        .item-container .item1 {
            width: 49% !important;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-Flex;
            display: flex;
            padding-left: 15px;
            padding-right: 15px;
            -ms-flex-direction: column;
        }

        .item-container .item2 {
            width: 100% !important;
            margin-top: 10px;
            padding: 0 30px;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            flex-direction: row;
            display: block;
        }

        .item-container .item3 {
            width: 49% !important;
            display: -ms-flexbox;
            display: -moz-Flex;
            display: -webkit-flex;
            display: flex;
            padding-left: 15px;
            padding-right: 15px;
        }

    .colflex {
        justify-content: center;
    }

    .pushtop {
        top: 11.5%;
        position: absolute;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
        width: 148px !important;
    }

    .col-2 {
        width: 14.55%;
        padding: 05px 5px;
        float: left;
        position: relative;
    }
}

@media (max-width: 1024px) {
    .customer-fleetnotification .point5-custom.quick-stats-div {
        width: 15%;
    }

    .point5-custom.quick-stats-div {
        width: 18.3%;
        padding-bottom: 5px;
    }

    .responsive-thumbnails li a {
        width: 32.99%;
        height: 86px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wheel-loader-block {
        margin: 0;
    }

    #banner {
        min-height: 278px;
    }

    .flexi-height {
        height: 100px;
    }

    .generalinfo > li > a {
        margin: 0 0 5px 10px;
    }

    .searchcontent {
        background-color: #3343a4;
        color: #fff;
        padding-top: 15px;
    }

    .table-buffer {
        margin-left: 30px;
    }

    .knobsup {
        margin-top: 50px;
        padding-left: 20px;
    }

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

    .page-sidebar-closed {
        display: none !important;
    }

    .promotions .thumbnail {
        min-height: inherit;
    }

        .promotions .thumbnail a > img, .thumbnail > img {
            position: inherit;
        }
}

@media(min-width:1200px) {
    .col-2 {
        width: 15.55%;
        padding: 0 2px;
        float: left;
        position: relative;
    }

    .point5-custom.quick-stats-div {
        width: 12%;
    }

    .customer-fleetnotification .point5-custom.quick-stats-div {
        width: 13.7%;
    }

    .report-center {
        margin-left: 21%;
    }

    .k-pager-sizes {
        float: left;
        position: relative;
        left: -7%;
    }

    .k-pager-nav {
        float: left !important;
        left: 40%;
        position: relative;
    }

    .mr-left {
        margin-left: 49px;
    }

    .col5 {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .knobsup {
        margin-top: 50px;
        padding-left: 20px;
    }

    .paddingleftnonelg {
        padding-left: 0 !important;
    }

    .left-margin {
        margin-left: 32px !important;
    }

    .page-sidebar-closed {
        display: block !important;
    }
}

@media (min-width: 1366px) {
    .report-center {
        margin-left: 26%;
    }

    .modal-ppl {
        width: 1020px;
    }

    .dashboard-stat.dashboard-stat-v2.active:before {
        left: 10%;
        top: 5%;
        font-size: 25px;
    }
}

@media (max-width: 420px) {
    .guestPromotions .lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {
        height: inherit !important;
    }

    .guestPromotions .image-container {
        min-height: inherit;
    }

    .point5-custom.quick-stats-div {
        width: 42% !important;
        padding-bottom: 5px;
    }

    .customer-fleetnotification .point5-custom.quick-stats-div {
        width: 29% !important;
    }
}

@media (max-width: 360px) {
    .page-quick-sidebar-open .page-quick-sidebar-wrapper {
        right: -20px !important;
    }
}
/*Media Queries Ends Here*/
/*For Maintenance Page*/
.img-center {
    text-align: center;
    vertical-align: middle;
}

    .img-center img {
        margin: 50px 0 10px 0;
        height: auto;
        width: 20%;
        max-width: 100%;
    }

.custompage h3 {
    color: #3343a4;
    font-weight: 500;
}

.custompage p {
    font-size: 18px;
    line-height: 1.5;
}
/*For Maintenance Page*/
#Order-summary .k-grid-content {
    height: 200px;
    overflow-y: auto;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    -webkit-text-stroke: 6px #FFFFFF !important;
}

.info-box-loading {
    width: 115px;
    height: 110px;
    margin: auto;
    padding: 30px;
    text-align: center;
}

#FleetGrid a.k-icon.k-plus {
    display: none;
}

#FleetGrid.k-grid .k-group-col, #FleetGrid.k-grid .k-hierarchy-col {
    width: 0 !important;
}


#shopping-grid .k-detail-cell {
    padding: 10px 0px 10px 0px;
}

.main-location-yellow {
    width: 20px;
    height: 15px;
}


div#contactList {
    border: 1px solid #eee;
    border-top: none;
}

.distributor_Cwrap {
    float: left;
    width: calc(100% - 20px);
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: 10px 0px;
    margin: 0px 10px;
}

.dis_imge_wrap {
    width: 100px;
    height: 100px;
    float: left;
    border: 1px solid #eee;
    border-radius: 5px !important;
    margin: 0 10px 0 0;
    background: url(../images/noimage.png) no-repeat center center #f9f9f9;
    background-size: 75px 75px;
}

    .dis_imge_wrap img {
        width: 100%;
        height: 100%;
    }

.dis_content_warp {
    float: left;
    position: relative;
    width: calc(100% - 120px);
}

    .dis_content_warp h3 {
        margin: 0px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        color: #0E1271;
        line-height: 24px;
        min-height: 24px;
    }

    .dis_content_warp .email {
        text-decoration: underline;
        color: #333;
        line-height: 20px;
        font-size: 12px;
        padding-left: 20px;
        position: relative;
        min-height: 22px;
    }

    .dis_content_warp .subtype {
        line-height: 26px;
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
        font-weight: bold;
        min-height: 24px;
        color: #0E1271;
    }

    .dis_content_warp .telnum {
        float: left;
        padding-left: 20px;
        position: relative;
    }

    .dis_content_warp .mnumber {
        float: right;
        padding-left: 20px;
        position: relative;
    }

        .dis_content_warp .email:before, .dis_content_warp .telnum:before, .dis_content_warp .mnumber:before {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 14px;
            position: absolute;
            left: 0px;
            top: 2px;
            color: #0E1271;
        }

    .dis_content_warp .email:before {
        content: "\f003";
    }

    .dis_content_warp .telnum:before {
        content: "\f095";
    }

    .dis_content_warp .mnumber:before {
        content: "\f10b";
    }


@media only screen and (max-width: 1020px) {
    .komatsu_register_left {
        width: 100%;
    }

    .KR_left_content {
        width: 100%;
    }

    .KR_left_content {
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }

    .KR_left_logo img {
        position: relative;
        max-width: 70%;
        height: auto;
        width: auto;
    }

    .KR_left_logo {
        height: auto
    }

    .KR_left_content:before {
        height: 800px;
    }

    .komatsu_register_right {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .custom_form_width_47, .custom_form_width_30 {
        width: 100%;
    }

    .mr-5 {
        margin-right: 0;
    }

    .mx-5 {
        margin-right: 0;
        margin-left: 0;
    }
}

/*Bot Chat*/
.bot-popup-box {
    background-color: #ffffff;
    border-radius: 15px !important;
    bottom: 0;
    display: none;
    height: 525px;
    position: fixed;
    right: 16px;
    width: 550px;
    font-family: 'Open Sans', sans-serif;
    bottom: 90px;
    z-index: 9999999;
    -webkit-box-shadow: -1px -2px 24px 2px rgba(51,51,51,0.41);
    -moz-box-shadow: -1px -2px 24px 2px rgba(51,51,51,0.41);
    box-shadow: -1px -2px 24px 2px rgba(51,51,51,0.41);
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-transition: all 3s ease-in-out 0;
    transition: all 3 s ease-in-out 0;
}

    .bot-popup-box iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.bot-popup-box-on {
    display: block !important;
}

.bot-popup-box .popup-head {
    background-color: #fff;
    clear: both;
    color: #7b7b7b;
    display: inline-table;
    font-size: 21px;
    padding: 7px 10px;
    width: 100%;
    font-family: Oswald;
}

    .bot-popup-box .popup-head .popup-head-right {
        margin: 11px 7px 0;
    }

.bot-popup-box .popup-messages {
}

.bot-popup-box .popup-messages {
    height: 562px;
    overflow: auto;
}

.botchat .btn {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 30px;
    bottom: 10px;
    z-index: 9995;
    -webkit-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.35);
    cursor: pointer;
    color: #FFF;
    padding: 7px 10px 10px;
    display: table;
    background: #3343a4;
    font-size: 25px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.botchat > a > em {
    font-size: 35px;
    line-height: 56px;
}

.botchat > a > .fa-times {
    -webkit-text-stroke: 4px #3343a4 !important;
}
/*Bot Chat Css Ends*/
/*My Fleet Icon*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?4w8t1t');
    src: url('../fonts/icomoon.eot?4w8t1t#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?4w8t1t') format('truetype'), url('../fonts/icomoon.woff?4w8t1t') format('woff'), url('../fonts/icomoon.svg?4w8t1t#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon',sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-CDAdjustmemt:before {
    content: "\e935";
}

.icon-Corecriteria:before {
    content: "\e936";
}

.icon-Reopenmra:before {
    content: "\e937";
}

.icon-Foundmra:before {
    content: "\e931";
}

.icon-Lostmra:before {
    content: "\e932";
}

.icon-Newmra:before {
    content: "\e933";
}

.icon-PrintShipment:before {
    content: "\e934";
}

.icon-generalattributes:before {
    content: "\e92f";
}

.icon-operationstatus:before {
    content: "\e930";
}

.icon-oneday:before {
    content: "\e91a";
}

.icon-onemonth:before {
    content: "\e92d";
}

.icon-oneweek:before {
    content: "\e92e";
}

.icon-Caution:before {
    content: "\e914";
}

.icon-Excess_Regeneration:before {
    content: "\e915";
}

.icon-High_Fuel:before {
    content: "\e91b";
}

.icon-Idle_Time:before {
    content: "\e91c";
}

.icon-Maintenance:before {
    content: "\e91d";
}

.icon-Movement_Notice:before {
    content: "\e91e";
}

.icon-No_Usage:before {
    content: "\e91f";
}

.icon-Suspicious_Engine_ON:before {
    content: "\e920";
}

.icon-Working_Hours:before {
    content: "\e921";
}

.icon-Abnormalities:before {
    content: "\e922";
}

.icon-lock-Cus:before {
    content: "\e912";
}

.icon-lock-Dis:before {
    content: "\e913";
}

.icon-Machine-Reg:before {
    content: "\e909";
}

.icon-oil1:before {
    content: "\e900";
}

.icon-Boardcast-email:before {
    content: "\e901";
}

.icon-call-log_1:before {
    content: "\e902";
}

.icon-categories:before {
    content: "\e903";
}

.icon-contacts:before {
    content: "\e904";
    color: #737373;
}

.icon-Custom-fields:before {
    content: "\e905";
}

.icon-cxreport:before {
    content: "\e906";
}

.icon-details:before {
    content: "\e907";
}

.icon-Fleet:before {
    content: "\e908";
}

.icon-promotions:before {
    content: "\e90a";
}

.icon-reports:before {
    content: "\e90b";
}

.icon-saved-search:before {
    content: "\e90c";
}

.icon-Site-permissions:before {
    content: "\e90d";
}

.icon-Site-settings:before {
    content: "\e90e";
}

.icon-techreport:before {
    content: "\e90f";
}

.icon-training:before {
    content: "\e910";
}

.icon-view-details:before {
    content: "\e911";
}

.icon-AdBlue:before {
    content: "\e923";
}

.icon-regeneration:before {
    content: "\e924";
}

.icon-Watertemp:before {
    content: "\e925";
}

.icon-Notifications:before {
    content: "\e926";
}

.icon-Alerting:before {
    content: "\e927";
}

.icon-equipement:before {
    content: "\e928";
}

.icon-KOWA:before {
    content: "\e929";
}

.icon-warranty:before {
    content: "\e92a";
}

.icon-Accesstool:before {
    content: "\e916";
}

.icon-CustomerAdmin:before {
    content: "\e917";
}

.icon-DistributorAdmin:before {
    content: "\e918";
}

.icon-Generaladmin:before {
    content: "\e919";
}

.icon-Komtraxplus:before {
    content: "\e92c";
}

.icon-PLM:before {
    content: "\e92b";
}

.icon-customersupport:before {
    content: "\eb23";
}

.icon-home:before {
    content: "\e938";
}

.icon-home2:before {
    content: "\e939";
}

.icon-home3:before {
    content: "\e93a";
}

.icon-office:before {
    content: "\e93b";
}

.icon-newspaper:before {
    content: "\e93c";
}

.icon-pencil:before {
    content: "\e93d";
}

.icon-pencil2:before {
    content: "\e93e";
}

.icon-quill:before {
    content: "\e93f";
}

.icon-pen:before {
    content: "\e940";
}

.icon-blog:before {
    content: "\e941";
}

.icon-eyedropper:before {
    content: "\e942";
}

.icon-droplet:before {
    content: "\e943";
}

.icon-paint-format:before {
    content: "\e944";
}

.icon-image:before {
    content: "\e945";
}

.icon-images:before {
    content: "\e946";
}

.icon-camera:before {
    content: "\e947";
}

.icon-headphones:before {
    content: "\e948";
}

.icon-music:before {
    content: "\e949";
}

.icon-play:before {
    content: "\e94a";
}

.icon-film:before {
    content: "\e94b";
}

.icon-video-camera:before {
    content: "\e94c";
}

.icon-dice:before {
    content: "\e94d";
}

.icon-pacman:before {
    content: "\e94e";
}

.icon-spades:before {
    content: "\e94f";
}

.icon-clubs:before {
    content: "\e950";
}

.icon-diamonds:before {
    content: "\e951";
}

.icon-bullhorn:before {
    content: "\e952";
}

.icon-connection:before {
    content: "\e953";
}

.icon-podcast:before {
    content: "\e954";
}

.icon-feed:before {
    content: "\e955";
}

.icon-mic:before {
    content: "\e956";
}

.icon-book:before {
    content: "\e957";
}

.icon-books:before {
    content: "\e958";
}

.icon-library:before {
    content: "\e959";
}

.icon-file-text:before {
    content: "\e95a";
}

.icon-profile:before {
    content: "\e95b";
}

.icon-file-empty:before {
    content: "\e95c";
}

.icon-files-empty:before {
    content: "\e95d";
}

.icon-file-text2:before {
    content: "\e95e";
}

.icon-file-picture:before {
    content: "\e95f";
}

.icon-file-music:before {
    content: "\e960";
}

.icon-file-play:before {
    content: "\e961";
}

.icon-file-video:before {
    content: "\e962";
}

.icon-file-zip:before {
    content: "\e963";
}

.icon-copy:before {
    content: "\e964";
}

.icon-paste:before {
    content: "\e965";
}

.icon-stack:before {
    content: "\e966";
}

.icon-folder:before {
    content: "\e967";
}

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

.icon-folder-plus:before {
    content: "\e969";
}

.icon-folder-minus:before {
    content: "\e96a";
}

.icon-folder-download:before {
    content: "\e96b";
}

.icon-folder-upload:before {
    content: "\e96c";
}

.icon-price-tag:before {
    content: "\e96d";
}

.icon-price-tags:before {
    content: "\e96e";
}

.icon-barcode:before {
    content: "\e96f";
}

.icon-qrcode:before {
    content: "\e970";
}

.icon-ticket:before {
    content: "\e971";
}

.icon-cart:before {
    content: "\e972";
}

.icon-coin-dollar:before {
    content: "\e973";
}

.icon-coin-euro:before {
    content: "\e974";
}

.icon-coin-pound:before {
    content: "\e975";
}

.icon-coin-yen:before {
    content: "\e976";
}

.icon-credit-card:before {
    content: "\e977";
}

.icon-calculator:before {
    content: "\e978";
}

.icon-lifebuoy:before {
    content: "\e979";
}

.icon-phone:before {
    content: "\e97a";
}

.icon-phone-hang-up:before {
    content: "\e97b";
}

.icon-address-book:before {
    content: "\e97c";
}

.icon-envelop:before {
    content: "\e97d";
}

.icon-pushpin:before {
    content: "\e97e";
}

.icon-location:before {
    content: "\e97f";
}

.icon-location2:before {
    content: "\e980";
}

.icon-compass:before {
    content: "\e981";
}

.icon-compass2:before {
    content: "\e982";
}

.icon-map:before {
    content: "\e983";
}

.icon-map2:before {
    content: "\e984";
}

.icon-history:before {
    content: "\e985";
}

.icon-clock:before {
    content: "\e986";
}

.icon-clock2:before {
    content: "\e987";
}

.icon-alarm:before {
    content: "\e988";
}

.icon-bell:before {
    content: "\e989";
}

.icon-stopwatch:before {
    content: "\e98a";
}

.icon-calendar:before {
    content: "\e98b";
}

.icon-printer:before {
    content: "\e98c";
}

.icon-keyboard:before {
    content: "\e98d";
}

.icon-display:before {
    content: "\e98e";
}

.icon-laptop:before {
    content: "\e98f";
}

.icon-mobile:before {
    content: "\e990";
}

.icon-mobile2:before {
    content: "\e991";
}

.icon-tablet:before {
    content: "\e992";
}

.icon-tv:before {
    content: "\e993";
}

.icon-drawer:before {
    content: "\e994";
}

.icon-drawer2:before {
    content: "\e995";
}

.icon-box-add:before {
    content: "\e996";
}

.icon-box-remove:before {
    content: "\e997";
}

.icon-download:before {
    content: "\e998";
}

.icon-upload:before {
    content: "\e999";
}

.icon-floppy-disk:before {
    content: "\e99a";
}

.icon-drive:before {
    content: "\e99b";
}

.icon-database:before {
    content: "\e99c";
}

.icon-undo:before {
    content: "\e99d";
}

.icon-redo:before {
    content: "\e99e";
}

.icon-undo2:before {
    content: "\e99f";
}

.icon-redo2:before {
    content: "\e9a0";
}

.icon-forward:before {
    content: "\e9a1";
}

.icon-reply:before {
    content: "\e9a2";
}

.icon-bubble:before {
    content: "\e9a3";
}

.icon-bubbles:before {
    content: "\e9a4";
}

.icon-bubbles2:before {
    content: "\e9a5";
}

.icon-bubble2:before {
    content: "\e9a6";
}

.icon-bubbles3:before {
    content: "\e9a7";
}

.icon-bubbles4:before {
    content: "\e9a8";
}

.icon-user:before {
    content: "\e9a9";
}

.icon-users:before {
    content: "\e9aa";
}

.icon-user-plus:before {
    content: "\e9ab";
}

.icon-user-minus:before {
    content: "\e9ac";
}

.icon-user-check:before {
    content: "\e9ad";
}

.icon-user-tie:before {
    content: "\e9ae";
}

.icon-quotes-left:before {
    content: "\e9af";
}

.icon-quotes-right:before {
    content: "\e9b0";
}

.icon-hour-glass:before {
    content: "\e9b1";
}

.icon-spinner:before {
    content: "\e9b2";
}

.icon-spinner2:before {
    content: "\e9b3";
}

.icon-spinner3:before {
    content: "\e9b4";
}

.icon-spinner4:before {
    content: "\e9b5";
}

.icon-spinner5:before {
    content: "\e9b6";
}

.icon-spinner6:before {
    content: "\e9b7";
}

.icon-spinner7:before {
    content: "\e9b8";
}

.icon-spinner8:before {
    content: "\e9b9";
}

.icon-spinner9:before {
    content: "\e9ba";
}

.icon-spinner10:before {
    content: "\e9bb";
}

.icon-spinner11:before {
    content: "\e9bc";
}

.icon-binoculars:before {
    content: "\e9bd";
}

.icon-search:before {
    content: "\e9be";
}

.icon-zoom-in:before {
    content: "\e9bf";
}

.icon-zoom-out:before {
    content: "\e9c0";
}

.icon-enlarge:before {
    content: "\e9c1";
}

.icon-shrink:before {
    content: "\e9c2";
}

.icon-enlarge2:before {
    content: "\e9c3";
}

.icon-shrink2:before {
    content: "\e9c4";
}

.icon-key:before {
    content: "\e9c5";
}

.icon-key2:before {
    content: "\e9c6";
}

.icon-lock:before {
    content: "\e9c7";
}

.icon-unlocked:before {
    content: "\e9c8";
}

.icon-wrench:before {
    content: "\e9c9";
}

.icon-equalizer:before {
    content: "\e9ca";
}

.icon-equalizer2:before {
    content: "\e9cb";
}

.icon-cog:before {
    content: "\e9cc";
}

.icon-cogs:before {
    content: "\e9cd";
}

.icon-hammer:before {
    content: "\e9ce";
}

.icon-magic-wand:before {
    content: "\e9cf";
}

.icon-aid-kit:before {
    content: "\e9d0";
}

.icon-bug:before {
    content: "\e9d1";
}

.icon-pie-chart:before {
    content: "\e9d2";
}

.icon-stats-dots:before {
    content: "\e9d3";
}

.icon-stats-bars:before {
    content: "\e9d4";
}

.icon-stats-bars2:before {
    content: "\e9d5";
}

.icon-trophy:before {
    content: "\e9d6";
}

.icon-gift:before {
    content: "\e9d7";
}

.icon-glass:before {
    content: "\e9d8";
}

.icon-glass2:before {
    content: "\e9d9";
}

.icon-mug:before {
    content: "\e9da";
}

.icon-spoon-knife:before {
    content: "\e9db";
}

.icon-leaf:before {
    content: "\e9dc";
}

.icon-rocket:before {
    content: "\e9dd";
}

.icon-meter:before {
    content: "\e9de";
}

.icon-meter2:before {
    content: "\e9df";
}

.icon-hammer2:before {
    content: "\e9e0";
}

.icon-fire:before {
    content: "\e9e1";
}

.icon-lab:before {
    content: "\e9e2";
}

.icon-magnet:before {
    content: "\e9e3";
}

.icon-bin:before {
    content: "\e9e4";
}

.icon-bin2:before {
    content: "\e9e5";
}

.icon-briefcase:before {
    content: "\e9e6";
}

.icon-airplane:before {
    content: "\e9e7";
}

.icon-truck:before {
    content: "\e9e8";
}

.icon-road:before {
    content: "\e9e9";
}

.icon-accessibility:before {
    content: "\e9ea";
}

.icon-target:before {
    content: "\e9eb";
}

.icon-shield:before {
    content: "\e9ec";
}

.icon-power:before {
    content: "\e9ed";
}

.icon-switch:before {
    content: "\e9ee";
}

.icon-power-cord:before {
    content: "\e9ef";
}

.icon-clipboard:before {
    content: "\e9f0";
}

.icon-list-numbered:before {
    content: "\e9f1";
}

.icon-list:before {
    content: "\e9f2";
}

.icon-list2:before {
    content: "\e9f3";
}

.icon-tree:before {
    content: "\e9f4";
}

.icon-menu:before {
    content: "\e9f5";
}

.icon-menu2:before {
    content: "\e9f6";
}

.icon-menu3:before {
    content: "\e9f7";
}

.icon-menu4:before {
    content: "\e9f8";
}

.icon-cloud:before {
    content: "\e9f9";
}

.icon-cloud-download:before {
    content: "\e9fa";
}

.icon-cloud-upload:before {
    content: "\e9fb";
}

.icon-cloud-check:before {
    content: "\e9fc";
}

.icon-download2:before {
    content: "\e9fd";
}

.icon-upload2:before {
    content: "\e9fe";
}

.icon-download3:before {
    content: "\e9ff";
}

.icon-upload3:before {
    content: "\ea00";
}

.icon-sphere:before {
    content: "\ea01";
}

.icon-earth:before {
    content: "\ea02";
}

.icon-link:before {
    content: "\ea03";
}

.icon-flag:before {
    content: "\ea04";
}

.icon-attachment:before {
    content: "\ea05";
}

.icon-eye:before {
    content: "\ea06";
}

.icon-eye-plus:before {
    content: "\ea07";
}

.icon-eye-minus:before {
    content: "\ea08";
}

.icon-eye-blocked:before {
    content: "\ea09";
}

.icon-bookmark:before {
    content: "\ea0a";
}

.icon-bookmarks:before {
    content: "\ea0b";
}

.icon-sun:before {
    content: "\ea0c";
}

.icon-contrast:before {
    content: "\ea0d";
}

.icon-brightness-contrast:before {
    content: "\ea0e";
}

.icon-star-empty:before {
    content: "\ea0f";
}

.icon-star-half:before {
    content: "\ea10";
}

.icon-star-full:before {
    content: "\ea11";
}

.icon-heart:before {
    content: "\ea12";
}

.icon-heart-broken:before {
    content: "\ea13";
}

.icon-man:before {
    content: "\ea14";
}

.icon-woman:before {
    content: "\ea15";
}

.icon-man-woman:before {
    content: "\ea16";
}

.icon-happy:before {
    content: "\ea17";
}

.icon-happy2:before {
    content: "\ea18";
}

.icon-smile:before {
    content: "\ea19";
}

.icon-smile2:before {
    content: "\ea1a";
}

.icon-tongue:before {
    content: "\ea1b";
}

.icon-tongue2:before {
    content: "\ea1c";
}

.icon-sad:before {
    content: "\ea1d";
}

.icon-sad2:before {
    content: "\ea1e";
}

.icon-wink:before {
    content: "\ea1f";
}

.icon-wink2:before {
    content: "\ea20";
}

.icon-grin:before {
    content: "\ea21";
}

.icon-grin2:before {
    content: "\ea22";
}

.icon-cool:before {
    content: "\ea23";
}

.icon-cool2:before {
    content: "\ea24";
}

.icon-angry:before {
    content: "\ea25";
}

.icon-angry2:before {
    content: "\ea26";
}

.icon-evil:before {
    content: "\ea27";
}

.icon-evil2:before {
    content: "\ea28";
}

.icon-shocked:before {
    content: "\ea29";
}

.icon-shocked2:before {
    content: "\ea2a";
}

.icon-baffled:before {
    content: "\ea2b";
}

.icon-baffled2:before {
    content: "\ea2c";
}

.icon-confused:before {
    content: "\ea2d";
}

.icon-confused2:before {
    content: "\ea2e";
}

.icon-neutral:before {
    content: "\ea2f";
}

.icon-neutral2:before {
    content: "\ea30";
}

.icon-hipster:before {
    content: "\ea31";
}

.icon-hipster2:before {
    content: "\ea32";
}

.icon-wondering:before {
    content: "\ea33";
}

.icon-wondering2:before {
    content: "\ea34";
}

.icon-sleepy:before {
    content: "\ea35";
}

.icon-sleepy2:before {
    content: "\ea36";
}

.icon-frustrated:before {
    content: "\ea37";
}

.icon-frustrated2:before {
    content: "\ea38";
}

.icon-crying:before {
    content: "\ea39";
}

.icon-crying2:before {
    content: "\ea3a";
}

.icon-point-up:before {
    content: "\ea3b";
}

.icon-point-right:before {
    content: "\ea3c";
}

.icon-point-down:before {
    content: "\ea3d";
}

.icon-point-left:before {
    content: "\ea3e";
}

.icon-warning:before {
    content: "\ea3f";
}

.icon-notification:before {
    content: "\ea40";
}

.icon-question:before {
    content: "\ea41";
}

.icon-plus:before {
    content: "\ea42";
}

.icon-minus:before {
    content: "\ea43";
}

.icon-info:before {
    content: "\ea44";
}

.icon-cancel-circle:before {
    content: "\ea45";
}

.icon-blocked:before {
    content: "\ea46";
}

.icon-cross:before {
    content: "\ea47";
}

.icon-checkmark:before {
    content: "\ea48";
}

.icon-checkmark2:before {
    content: "\ea49";
}

.icon-spell-check:before {
    content: "\ea4a";
}

.icon-enter:before {
    content: "\ea4b";
}

.icon-exit:before {
    content: "\ea4c";
}

.icon-play2:before {
    content: "\ea4d";
}

.icon-pause:before {
    content: "\ea4e";
}

.icon-stop:before {
    content: "\ea4f";
}

.icon-previous:before {
    content: "\ea50";
}

.icon-next:before {
    content: "\ea51";
}

.icon-backward:before {
    content: "\ea52";
}

.icon-forward2:before {
    content: "\ea53";
}

.icon-play3:before {
    content: "\ea54";
}

.icon-pause2:before {
    content: "\ea55";
}

.icon-stop2:before {
    content: "\ea56";
}

.icon-backward2:before {
    content: "\ea57";
}

.icon-forward3:before {
    content: "\ea58";
}

.icon-first:before {
    content: "\ea59";
}

.icon-last:before {
    content: "\ea5a";
}

.icon-previous2:before {
    content: "\ea5b";
}

.icon-next2:before {
    content: "\ea5c";
}

.icon-eject:before {
    content: "\ea5d";
}

.icon-volume-high:before {
    content: "\ea5e";
}

.icon-volume-medium:before {
    content: "\ea5f";
}

.icon-volume-low:before {
    content: "\ea60";
}

.icon-volume-mute:before {
    content: "\ea61";
}

.icon-volume-mute2:before {
    content: "\ea62";
}

.icon-volume-increase:before {
    content: "\ea63";
}

.icon-volume-decrease:before {
    content: "\ea64";
}

.icon-loop:before {
    content: "\ea65";
}

.icon-loop2:before {
    content: "\ea66";
}

.icon-infinite:before {
    content: "\ea67";
}

.icon-shuffle:before {
    content: "\ea68";
}

.icon-arrow-up-left:before {
    content: "\ea69";
}

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

.icon-arrow-up-right:before {
    content: "\ea6b";
}

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

.icon-arrow-down-right:before {
    content: "\ea6d";
}

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

.icon-arrow-down-left:before {
    content: "\ea6f";
}

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

.icon-arrow-up-left2:before {
    content: "\ea71";
}

.icon-arrow-up2:before {
    content: "\ea72";
}

.icon-arrow-up-right2:before {
    content: "\ea73";
}

.icon-arrow-right2:before {
    content: "\ea74";
}

.icon-arrow-down-right2:before {
    content: "\ea75";
}

.icon-arrow-down2:before {
    content: "\ea76";
}

.icon-arrow-down-left2:before {
    content: "\ea77";
}

.icon-arrow-left2:before {
    content: "\ea78";
}

.icon-circle-up:before {
    content: "\ea79";
}

.icon-circle-right:before {
    content: "\ea7a";
}

.icon-circle-down:before {
    content: "\ea7b";
}

.icon-circle-left:before {
    content: "\ea7c";
}

.icon-tab:before {
    content: "\ea7d";
}

.icon-move-up:before {
    content: "\ea7e";
}

.icon-move-down:before {
    content: "\ea7f";
}

.icon-sort-alpha-asc:before {
    content: "\ea80";
}

.icon-sort-alpha-desc:before {
    content: "\ea81";
}

.icon-sort-numeric-asc:before {
    content: "\ea82";
}

.icon-sort-numberic-desc:before {
    content: "\ea83";
}

.icon-sort-amount-asc:before {
    content: "\ea84";
}

.icon-sort-amount-desc:before {
    content: "\ea85";
}

.icon-command:before {
    content: "\ea86";
}

.icon-shift:before {
    content: "\ea87";
}

.icon-ctrl:before {
    content: "\ea88";
}

.icon-opt:before {
    content: "\ea89";
}

.icon-checkbox-checked:before {
    content: "\ea8a";
}

.icon-checkbox-unchecked:before {
    content: "\ea8b";
}

.icon-radio-checked:before {
    content: "\ea8c";
}

.icon-radio-checked2:before {
    content: "\ea8d";
}

.icon-radio-unchecked:before {
    content: "\ea8e";
}

.icon-crop:before {
    content: "\ea8f";
}

.icon-make-group:before {
    content: "\ea90";
}

.icon-ungroup:before {
    content: "\ea91";
}

.icon-scissors:before {
    content: "\ea92";
}

.icon-filter:before {
    content: "\ea93";
}

.icon-font:before {
    content: "\ea94";
}

.icon-ligature:before {
    content: "\ea95";
}

.icon-ligature2:before {
    content: "\ea96";
}

.icon-text-height:before {
    content: "\ea97";
}

.icon-text-width:before {
    content: "\ea98";
}

.icon-font-size:before {
    content: "\ea99";
}

.icon-bold:before {
    content: "\ea9a";
}

.icon-underline:before {
    content: "\ea9b";
}

.icon-italic:before {
    content: "\ea9c";
}

.icon-strikethrough:before {
    content: "\ea9d";
}

.icon-omega:before {
    content: "\ea9e";
}

.icon-sigma:before {
    content: "\ea9f";
}

.icon-page-break:before {
    content: "\eaa0";
}

.icon-superscript:before {
    content: "\eaa1";
}

.icon-subscript:before {
    content: "\eaa2";
}

.icon-superscript2:before {
    content: "\eaa3";
}

.icon-subscript2:before {
    content: "\eaa4";
}

.icon-text-color:before {
    content: "\eaa5";
}

.icon-pagebreak:before {
    content: "\eaa6";
}

.icon-clear-formatting:before {
    content: "\eaa7";
}

.icon-table:before {
    content: "\eaa8";
}

.icon-table2:before {
    content: "\eaa9";
}

.icon-insert-template:before {
    content: "\eaaa";
}

.icon-pilcrow:before {
    content: "\eaab";
}

.icon-ltr:before {
    content: "\eaac";
}

.icon-rtl:before {
    content: "\eaad";
}

.icon-section:before {
    content: "\eaae";
}

.icon-paragraph-left:before {
    content: "\eaaf";
}

.icon-paragraph-center:before {
    content: "\eab0";
}

.icon-paragraph-right:before {
    content: "\eab1";
}

.icon-paragraph-justify:before {
    content: "\eab2";
}

.icon-indent-increase:before {
    content: "\eab3";
}

.icon-indent-decrease:before {
    content: "\eab4";
}

.icon-share:before {
    content: "\eab5";
}

.icon-new-tab:before {
    content: "\eab6";
}

.icon-embed:before {
    content: "\eab7";
}

.icon-embed2:before {
    content: "\eab8";
}

.icon-terminal:before {
    content: "\eab9";
}

.icon-share2:before {
    content: "\eaba";
}

.icon-mail:before {
    content: "\eabb";
}

.icon-mail2:before {
    content: "\eabc";
}

.icon-mail3:before {
    content: "\eabd";
}

.icon-mail4:before {
    content: "\eabe";
}

.icon-amazon:before {
    content: "\eabf";
}

.icon-google:before {
    content: "\eac0";
}

.icon-google2:before {
    content: "\eac1";
}

.icon-google3:before {
    content: "\eac2";
}

.icon-google-plus:before {
    content: "\eac3";
}

.icon-google-plus2:before {
    content: "\eac4";
}

.icon-google-plus3:before {
    content: "\eac5";
}

.icon-hangouts:before {
    content: "\eac6";
}

.icon-google-drive:before {
    content: "\eac7";
}

.icon-facebook:before {
    content: "\eac8";
}

.icon-facebook2:before {
    content: "\eac9";
}

.icon-instagram:before {
    content: "\eaca";
}

.icon-whatsapp:before {
    content: "\eacb";
}

.icon-spotify:before {
    content: "\eacc";
}

.icon-telegram:before {
    content: "\eacd";
}

.icon-twitter:before {
    content: "\eace";
}

.icon-vine:before {
    content: "\eacf";
}

.icon-vk:before {
    content: "\ead0";
}

.icon-renren:before {
    content: "\ead1";
}

.icon-sina-weibo:before {
    content: "\ead2";
}

.icon-rss:before {
    content: "\ead3";
}

.icon-rss2:before {
    content: "\ead4";
}

.icon-youtube:before {
    content: "\ead5";
}

.icon-youtube2:before {
    content: "\ead6";
}

.icon-twitch:before {
    content: "\ead7";
}

.icon-vimeo:before {
    content: "\ead8";
}

.icon-vimeo2:before {
    content: "\ead9";
}

.icon-lanyrd:before {
    content: "\eada";
}

.icon-flickr:before {
    content: "\eadb";
}

.icon-flickr2:before {
    content: "\eadc";
}

.icon-flickr3:before {
    content: "\eadd";
}

.icon-flickr4:before {
    content: "\eade";
}

.icon-dribbble:before {
    content: "\eadf";
}

.icon-behance:before {
    content: "\eae0";
}

.icon-behance2:before {
    content: "\eae1";
}

.icon-deviantart:before {
    content: "\eae2";
}

.icon-500px:before {
    content: "\eae3";
}

.icon-steam:before {
    content: "\eae4";
}

.icon-steam2:before {
    content: "\eae5";
}

.icon-dropbox:before {
    content: "\eae6";
}

.icon-onedrive:before {
    content: "\eae7";
}

.icon-github:before {
    content: "\eae8";
}

.icon-npm:before {
    content: "\eae9";
}

.icon-basecamp:before {
    content: "\eaea";
}

.icon-trello:before {
    content: "\eaeb";
}

.icon-wordpress:before {
    content: "\eaec";
}

.icon-joomla:before {
    content: "\eaed";
}

.icon-ello:before {
    content: "\eaee";
}

.icon-blogger:before {
    content: "\eaef";
}

.icon-blogger2:before {
    content: "\eaf0";
}

.icon-tumblr:before {
    content: "\eaf1";
}

.icon-tumblr2:before {
    content: "\eaf2";
}

.icon-yahoo:before {
    content: "\eaf3";
}

.icon-yahoo2:before {
    content: "\eaf4";
}

.icon-tux:before {
    content: "\eaf5";
}

.icon-appleinc:before {
    content: "\eaf6";
}

.icon-finder:before {
    content: "\eaf7";
}

.icon-android:before {
    content: "\eaf8";
}

.icon-windows:before {
    content: "\eaf9";
}

.icon-windows8:before {
    content: "\eafa";
}

.icon-soundcloud:before {
    content: "\eafb";
}

.icon-soundcloud2:before {
    content: "\eafc";
}

.icon-skype:before {
    content: "\eafd";
}

.icon-reddit:before {
    content: "\eafe";
}

.icon-hackernews:before {
    content: "\eaff";
}

.icon-wikipedia:before {
    content: "\eb00";
}

.icon-linkedin:before {
    content: "\eb01";
}

.icon-linkedin2:before {
    content: "\eb02";
}

.icon-lastfm:before {
    content: "\eb03";
}

.icon-lastfm2:before {
    content: "\eb04";
}

.icon-delicious:before {
    content: "\eb05";
}

.icon-stumbleupon:before {
    content: "\eb06";
}

.icon-stumbleupon2:before {
    content: "\eb07";
}

.icon-stackoverflow:before {
    content: "\eb08";
}

.icon-pinterest:before {
    content: "\eb09";
}

.icon-pinterest2:before {
    content: "\eb0a";
}

.icon-xing:before {
    content: "\eb0b";
}

.icon-xing2:before {
    content: "\eb0c";
}

.icon-flattr:before {
    content: "\eb0d";
}

.icon-foursquare:before {
    content: "\eb0e";
}

.icon-yelp:before {
    content: "\eb0f";
}

.icon-paypal:before {
    content: "\eb10";
}

.icon-chrome:before {
    content: "\eb11";
}

.icon-firefox:before {
    content: "\eb12";
}

.icon-IE:before {
    content: "\eb13";
}

.icon-edge:before {
    content: "\eb14";
}

.icon-safari:before {
    content: "\eb15";
}

.icon-opera:before {
    content: "\eb16";
}

.icon-file-pdf:before {
    content: "\eb17";
}

.icon-file-openoffice:before {
    content: "\eb18";
}

.icon-file-word:before {
    content: "\eb19";
}

.icon-file-excel:before {
    content: "\eb1a";
}

.icon-libreoffice:before {
    content: "\eb1b";
}

.icon-html-five:before {
    content: "\eb1c";
}

.icon-html-five2:before {
    content: "\eb1d";
}

.icon-css3:before {
    content: "\eb1e";
}

.icon-git:before {
    content: "\eb1f";
}

.icon-codepen:before {
    content: "\eb20";
}

.icon-svg:before {
    content: "\eb21";
}

.icon-IcoMoon:before {
    content: "\eb22";
}


/*Icon-moon-Set*/

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ @font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

a, button, code, div, img, input, label, li, p, pre, select, span, table, td, textarea, th, ul {
    border-radius: 0 !important
}

.img-circle {
    border-radius: 50% !important
}

.img-rounded {
    border-radius: 6px !important
}

body {
    color: #333;
    font-family: "Open Sans",sans-serif;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px;
    direction: ltr;
    background-color: #ECECEC;
    font-weight: 300;
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@-ms-viewport {
    width: auto !important
}

.md-shadow-z-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18)
}

.md-shadow-z-1-i {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18) !important
}

.md-shadow-z-1-hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.22)
}

.md-shadow-z-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)
}

.md-shadow-z-2-i {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important
}

.md-shadow-z-2-hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26)
}

.md-shadow-z-3 {
    box-shadow: 0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.23)
}

.md-shadow-z-3-i {
    box-shadow: 0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.24) !important
}

.md-shadow-z-3-hover {
    box-shadow: 0 8px 18px rgba(0,0,0,.22),0 6px 6px rgba(0,0,0,.26)
}

.md-shadow-z-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22)
}

.md-shadow-z-4-i {
    box-shadow: 0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22) !important
}

.md-shadow-z-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,.28),0 15px 12px rgba(0,0,0,.22)
}

.md-shadow-z-5-i {
    box-shadow: 0 19px 38px rgba(0,0,0,.28),0 15px 12px rgba(0,0,0,.22) !important
}

.md-shadow-none {
    box-shadow: none !important
}

.md-click-circle {
    display: block;
    position: absolute;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    -webkit-animation: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

    .md-click-circle.md-click-animate {
        -webkit-animation: mdClickEffect .55s linear;
        animation: mdClickEffect .55s linear
    }

@-webkit-keyframes mdClickEffect {
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@keyframes mdClickEffect {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.form-group.form-md-line-input {
    position: relative;
    margin: 0 0 35px;
    padding-top: 20px
}

.form-horizontal .form-group.form-md-line-input {
    padding-top: 10px;
    margin: 0 -15px 20px -15px
}

    .form-horizontal .form-group.form-md-line-input > label {
        padding-top: 5px;
        font-size: 13px;
        color: #888;
        opacity: 1;
        filter: alpha(opacity=100)
    }

.form-group.form-md-line-input .form-control {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    -o-border-radius: 0;
    border-radius: 0;
    color: #333;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px
}

    .form-group.form-md-line-input .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-group.form-md-line-input .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-group.form-md-line-input .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-group.form-md-line-input .form-control.form-control-static {
        border-bottom: 0
    }

    .form-group.form-md-line-input .form-control.input-sm {
        font-size: 14px;
        padding: 6px 0
    }

    .form-group.form-md-line-input .form-control.input-lg {
        font-size: 20px;
        padding: 14px 0
    }

    .form-group.form-md-line-input .form-control ~ .form-control-focus, .form-group.form-md-line-input .form-control ~ label {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        pointer-events: none
    }

.form-horizontal .form-group.form-md-line-input .form-control ~ .form-control-focus, .form-horizontal .form-group.form-md-line-input .form-control ~ label {
    width: auto;
    left: 15px;
    right: 15px
}

.form-group.form-md-line-input .form-control ~ .form-control-focus:after, .form-group.form-md-line-input .form-control ~ label:after {
    content: '';
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 0;
    visibility: hidden;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.form-group.form-md-line-input .form-control ~ label {
    top: 0;
    margin-bottom: 0;
    font-size: 13px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label {
    color: #888
}

    .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after {
        visibility: visible;
        left: 0;
        width: 100%;
        background: #45B6AF
    }

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label {
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block {
    color: #45B6AF;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-group.form-md-line-input .form-control[disabled], .form-group.form-md-line-input .form-control[readonly], fieldset[disabled] .form-group.form-md-line-input .form-control {
    background: 0 0;
    cursor: not-allowed;
    border-bottom: 1px dashed #e5e5e5
}

.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
    font-size: 16px;
    top: 25px;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    color: #999
}

.form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label {
    top: 0;
    font-size: 13px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {
    font-size: 14px;
    top: 24px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label {
    top: 0;
    font-size: 13px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {
    font-size: 20px;
    top: 30px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label {
    top: 0;
    font-size: 13px
}

.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
    padding-left: 34px
}

.form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {
    padding-left: 0;
    padding-right: 34px
}

.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {
    padding-left: 34px
}

.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
    padding-right: 34px
}

.form-group.form-md-line-input + .input-icon {
    padding-top: 0
}

.form-group.form-md-line-input .help-block {
    position: absolute;
    margin: 2px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 13px
}

.form-group.form-md-line-input > .input-icon > em {
    left: 0;
    bottom: 0;
    margin: 9px 2px 10px 10px;
    color: #888
}

.form-group.form-md-line-input > .input-icon.input-icon-lg > em {
    top: 6px
}

.form-group.form-md-line-input > .input-icon.input-icon-sm > em {
    top: -1px
}

.form-group.form-md-line-input > .input-icon .form-control {
    padding-left: 34px
}

.form-group.form-md-line-input > .input-icon > label {
    margin-top: -20px
}

.form-group.form-md-line-input > .input-icon.right .form-control {
    padding-left: 0;
    padding-right: 34px
}

.form-group.form-md-line-input > .input-icon.right > em {
    left: auto;
    right: 8px;
    margin: 11px 2px 10px 10px
}

.form-group.form-md-line-input .input-group, .form-group.form-md-line-input + .input-group {
    padding-top: 0
}

    .form-group.form-md-line-input .input-group > label {
        margin-top: -20px
    }

    .form-group.form-md-line-input .input-group .input-group-addon {
        -o-border-radius: 0;
        border-radius: 0;
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #e5e5e5
    }

    .form-group.form-md-line-input .input-group + .input-group-control {
        padding-top: 0
    }

    .form-group.form-md-line-input .input-group .input-group-control {
        padding-top: 0;
        position: relative;
        display: table-cell;
        vertical-align: bottom
    }

        .form-group.form-md-line-input .input-group .input-group-control > label {
            margin-top: -20px
        }

    .form-group.form-md-line-input .input-group .input-group-btn .btn {
        -o-border-radius: 4px;
        border-radius: 4px
    }

    .form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
        margin-right: 10px
    }

    .form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
        margin-left: 10px
    }

    .form-group.form-md-line-input .input-group .help-block {
        margin-top: 35px
    }

    .form-group.form-md-line-input .input-group.input-group-sm .help-block {
        margin-top: 30px
    }

    .form-group.form-md-line-input .input-group.input-group-lg .help-block {
        margin-top: 47px
    }

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after {
    background: #3c763d
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ em, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ em, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .input-group-addon, .form-horizontal .form-group.form-md-line-input.has-success > label {
    color: #3c763d
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after {
    background: #8a6d3b
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ em, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ em, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .input-group-addon, .form-horizontal .form-group.form-md-line-input.has-warning > label {
    color: #8a6d3b
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after {
    background: #a94442
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ em, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ em, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .input-group-addon, .form-horizontal .form-group.form-md-line-input.has-error > label {
    color: #a94442
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after {
    background: #31708f
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ em, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ em, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ em, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .input-group-addon, .form-horizontal .form-group.form-md-line-input.has-info > label {
    color: #31708f
}

.form-inline .form-md-line-input {
    margin: 0;
    padding-top: 0;
    margin-right: 20px
}

    .form-inline .form-md-line-input > .input-icon {
        padding: 0
    }

.form-horizontal .form-group.form-md-line-input .input-icon .form-control {
    padding-left: 33px
}

.form-horizontal .form-group.form-md-line-input .input-icon > em {
    top: 0
}

.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {
    padding-left: 0;
    padding-right: 33px
}

.form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {
    left: 0 !important;
    right: 0 !important
}

.form-horizontal .form-group.form-md-line-input .input-group {
    padding-top: 0
}

    .form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {
        margin-bottom: 0 !important
    }

    .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {
        padding-top: 0
    }

        .form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus, .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {
            left: 0 !important;
            right: 0 !important
        }

.md-checkbox {
    position: relative
}

    .md-checkbox.md-checkbox-inline {
        display: inline-block
    }

.form-inline .md-checkbox.md-checkbox-inline {
    margin-right: 20px;
    top: 3px
}

.md-checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.md-checkbox label {
    cursor: pointer;
    padding-left: 30px
}

    .md-checkbox label > span {
        display: block;
        position: absolute;
        left: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

        .md-checkbox label > span.inc {
            background: #fff;
            left: -20px;
            top: -20px;
            height: 60px;
            width: 60px;
            opacity: 0;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            -webkit-animation: growCircle .3s ease;
            animation: growCircle .3s ease
        }

    .md-checkbox label > .box {
        top: 0;
        border: 2px solid #666;
        height: 20px;
        width: 20px;
        z-index: 5;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .md-checkbox label > .check {
        top: -4px;
        left: 6px;
        width: 10px;
        height: 20px;
        border: 2px solid #45B6AF;
        border-top: none;
        border-left: none;
        opacity: 0;
        z-index: 5;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

.md-checkbox input[type=checkbox]:checked ~ label > .box {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg)
}

.md-checkbox input[type=checkbox]:checked ~ label > .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg)
}

.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .md-checkbox input[type=checkbox]:disabled ~ label, .md-checkbox input[type=checkbox]:disabled ~ label > .box, .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check, .md-checkbox input[type=checkbox][disabled] ~ label, .md-checkbox input[type=checkbox][disabled] ~ label > .box {
    cursor: not-allowed;
    opacity: .7;
    filter: alpha(opacity=70)
}

.md-checkbox.has-error label {
    color: #F3565D
}

    .md-checkbox.has-error label > .box, .md-checkbox.has-error label > .check {
        border-color: #F3565D
    }

.md-checkbox.has-info label {
    color: #89C4F4
}

    .md-checkbox.has-info label > .box, .md-checkbox.has-info label > .check {
        border-color: #89C4F4
    }

.md-checkbox.has-success label {
    color: #45B6AF
}

    .md-checkbox.has-success label > .box, .md-checkbox.has-success label > .check {
        border-color: #45B6AF
    }

.md-checkbox.has-warning label {
    color: #FFCC00
}

    .md-checkbox.has-warning label > .box, .md-checkbox.has-warning label > .check {
        border-color: #FFCC00
    }

.form-md-checkboxes > label {
    font-size: 13px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-md-checkboxes.has-error > label {
    color: #F3565D
}

.form-md-checkboxes.has-info > label {
    color: #89C4F4
}

.form-md-checkboxes.has-success > label {
    color: #45B6AF
}

.form-md-checkboxes.has-warning > label {
    color: #FFCC00
}

.md-checkbox-list {
    margin: 10px 0
}

.form-horizontal .md-checkbox-list {
    margin-top: 0
}

.md-checkbox-list .md-checkbox {
    display: block;
    margin-bottom: 10px
}

.md-checkbox-inline {
    margin: 10px 0
}

.form-horizontal .md-checkbox-inline {
    margin-top: 5px
}

.md-checkbox-inline .md-checkbox {
    display: inline-block;
    margin-right: 20px
}

    .md-checkbox-inline .md-checkbox:last-child {
        margin-right: 0
    }

@-webkit-keyframes growCircle {
    0%,100% {
        -webkit-transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25)
    }
}

@keyframes growCircle {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

.md-radio {
    position: relative
}

    .md-radio input[type=radio] {
        visibility: hidden;
        position: absolute
    }

    .md-radio label {
        cursor: pointer;
        padding-left: 30px
    }

        .md-radio label > span {
            display: block;
            position: absolute;
            left: 0;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

            .md-radio label > span.inc {
                background: #fff;
                left: -20px;
                top: -20px;
                height: 60px;
                width: 60px;
                opacity: 0;
                border-radius: 50% !important;
                -moz-border-radius: 50% !important;
                -webkit-border-radius: 50% !important;
                -webkit-animation: growCircleRadio .3s ease;
                animation: growCircleRadio .3s ease
            }

        .md-radio label > .box {
            top: 0;
            border: 2px solid #666;
            height: 20px;
            width: 20px;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            z-index: 5
        }

        .md-radio label > .check {
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px;
            background: #45B6AF;
            opacity: 0;
            z-index: 6;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0)
        }

    .md-radio input[type=radio]:checked ~ label > .check {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .md-radio input[type=radio]:disabled:checked ~ label > .check, .md-radio input[type=radio]:disabled ~ label, .md-radio input[type=radio]:disabled ~ label > .box, .md-radio input[type=radio][disabled]:checked ~ label > .check, .md-radio input[type=radio][disabled] ~ label, .md-radio input[type=radio][disabled] ~ label > .box {
        cursor: not-allowed;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    .md-radio.has-error label {
        color: #F3565D
    }

        .md-radio.has-error label > .box {
            border-color: #F3565D
        }

        .md-radio.has-error label > .check {
            background: #F3565D
        }

    .md-radio.has-info label {
        color: #89C4F4
    }

        .md-radio.has-info label > .box {
            border-color: #89C4F4
        }

        .md-radio.has-info label > .check {
            background: #89C4F4
        }

    .md-radio.has-success label {
        color: #45B6AF
    }

        .md-radio.has-success label > .box {
            border-color: #45B6AF
        }

        .md-radio.has-success label > .check {
            background: #45B6AF
        }

    .md-radio.has-warning label {
        color: #FFCC00
    }

        .md-radio.has-warning label > .box {
            border-color: #FFCC00
        }

        .md-radio.has-warning label > .check {
            background: #FFCC00
        }

.form-md-radios > label {
    font-size: 13px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-md-radios.has-error > label {
    color: #F3565D
}

.form-md-radios.has-info > label {
    color: #89C4F4
}

.form-md-radios.has-success > label {
    color: #45B6AF
}

.form-md-radios.has-warning > label {
    color: #FFCC00
}

.md-radio-list {
    margin: 10px 0
}

.form-horizontal .md-radio-list {
    margin-top: 0
}

.md-radio-list .md-radio {
    display: block;
    margin-bottom: 10px
}

.md-radio-inline {
    margin: 10px 0
}

.form-horizontal .md-radio-inline {
    margin-top: 5px
}

.md-radio-inline .md-radio {
    display: inline-block;
    margin-right: 20px
}

    .md-radio-inline .md-radio:last-child {
        margin-right: 0
    }

@-webkit-keyframes growCircleRadio {
    0%,100% {
        -webkit-transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25)
    }
}

@keyframes growCircleRadio {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
    font-weight: 400
}

h1 {
    font-size: 33px
}

h2 {
    font-size: 27px
}

h3 {
    font-size: 23px
}

h4 {
    font-size: 17px
}

h5 {
    font-size: 13px
}

h6 {
    font-size: 12px
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #444
    }

    h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
        padding-top: 10px;
        padding-bottom: 10px
    }

a {
    text-shadow: none;
    color: #5b9bd1
}

    a:hover {
        color: #3175af;
        cursor: pointer
    }

    a:active, a:focus, a:hover {
        outline: 0
    }

hr {
    margin: 5px 0;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 0
}

.list-unstyled li > .list-unstyled {
    margin-left: 25px
}

code {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.disabled-link .disable-target {
    opacity: .5 !important;
    filter: alpha(opacity=50) !important
}

    .disabled-link .disable-target:hover, .disabled-link:hover {
        cursor: not-allowed !important
    }

.primary-link {
    color: #65A0D0;
    font-weight: 600
}

    .primary-link:hover {
        color: #5194ca
    }

.rounded-2 {
    border-radius: 2px !important
}

.rounded-3 {
    border-radius: 3px !important
}

.rounded-4 {
    border-radius: 4px !important
}

.circle {
    border-radius: 25px !important
}

.circle-right {
    border-radius: 0 25px 25px 0 !important
}

.circle-left {
    border-radius: 25px 0 0 25px !important
}

.circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.circle-top {
    border-radius: 25px 25px 0 0 !important
}

.display-hide, .display-none {
    display: none
}

.hidden {
    display: none !important
}

.primary-font {
    font-family: "Open Sans",sans-serif !important
}

.bold {
    font-weight: 700 !important
}

.thin {
    font-weight: 300 !important
}

.uppercase {
    text-transform: uppercase !important
}

.fix-margin {
    margin-left: 0 !important
}

.border {
    border: 1px solid red
}

.font-hg {
    font-size: 23px
}

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

.font-md {
    font-size: 14px
}

.font-sm {
    font-size: 13px
}

.font-xs {
    font-size: 11px
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.text-align-reverse {
    text-align: right
}

.no-space {
    margin: 0 !important;
    padding: 0 !important
}

.no-margin {
    margin: 0
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-top-15 {
    margin-top: 15px !important
}

.margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-bottom-25 {
    margin-bottom: 25px !important
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

.margin-bottom-40 {
    margin-bottom: 40px !important
}

.margin-right-10 {
    margin-right: 10px !important
}

.visible-ie8 {
    display: none
}

.ie8 .visible-ie8 {
    display: inherit !important
}

.visible-ie9 {
    display: none
}

.ie9 .visible-ie9 {
    display: inherit !important
}

.hidden-ie8 {
    display: inherit
}

.ie8 .hidden-ie8 {
    display: none !important
}

.hidden-ie9 {
    display: inherit
}

.ie9 .hidden-ie9 {
    display: none !important
}

@media (max-width:1024px) {
    .hidden-1024 {
        display: none
    }
}

@media (max-width:480px) {
    .hidden-480 {
        display: none
    }
}

@media (max-width:320px) {
    .hidden-320 {
        display: none
    }
}

.scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: 10px;
    overflow: auto
}

.util-btn-group-margin-bottom-5 .btn-group, .util-btn-margin-bottom-5 .btn {
    margin-bottom: 5px !important
}

.user-info {
    margin-bottom: 10px !important
}

    .user-info img {
        float: left;
        margin-right: 5px
    }

    .user-info .details {
        display: inline-block
    }

    .user-info .label {
        font-weight: 300;
        font-size: 11px
    }

.top-news {
    color: #fff;
    margin: 8px 0
}

    .top-news em {
        font-size: 13px;
        margin-bottom: 8px;
        margin-bottom: 0;
        font-style: normal;
        display: block
    }

        .top-news em em {
            font-size: 14px
        }

    .top-news span {
        font-size: 18px;
        margin-bottom: 5px;
        display: block;
        text-align: left
    }

    .top-news a {
        display: block;
        text-align: left;
        padding: 10px;
        position: relative;
        margin-bottom: 10px
    }

        .top-news a .top-news-icon {
            right: 8px;
            bottom: 15px;
            opacity: .3;
            font-size: 35px;
            position: absolute;
            filter: alpha(opacity=30)
        }

    .top-news .btn + .btn {
        margin-left: 0
    }

.blog-images {
    margin-bottom: 0
}

    .blog-images li {
        padding: 0;
        margin: 0;
        display: inline
    }

        .blog-images li a:hover {
            text-decoration: none
        }

        .blog-images li img {
            width: 50px;
            height: 50px;
            opacity: .6;
            margin: 0 2px 8px
        }

            .blog-images li img:hover {
                opacity: 1;
                box-shadow: 0 0 0 4px #72c02c;
                transition: all .4s ease-in-out 0s;
                -moz-transition: all .4s ease-in-out 0s;
                -webkit-transition: all .4s ease-in-out 0s
            }

.sidebar-tags li {
    padding: 0
}

    .sidebar-tags li a {
        color: #555;
        font-size: 12px;
        padding: 3px 5px;
        background: #f7f7f7;
        margin: 0 2px 5px 0;
        display: inline-block
    }

        .sidebar-tags li a:hover, .sidebar-tags li a:hover em {
            background: #EEE;
            text-decoration: none;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .sidebar-tags li a em {
            color: #777
        }

.ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

    .ver-inline-menu li {
        position: relative;
        margin-bottom: 1px
    }

        .ver-inline-menu li em {
            width: 37px;
            height: 37px;
            display: inline-block;
            color: #b9cbd5;
            font-size: 15px;
            padding: 12px 10px 10px 8px;
            margin: 0 8px 0 0;
            text-align: center;
            background: #e0eaf0 !important
        }

        .ver-inline-menu li a {
            font-size: 14px;
            font-weight: 300;
            color: #557386;
            display: block;
            background: #f0f6fa;
            border-left: solid 2px #c4d5df
        }

        .ver-inline-menu li:hover a {
            background: #e0eaf0;
            text-decoration: none
        }

        .ver-inline-menu li:hover em {
            color: #fff;
            background: #c4d5df !important
        }

        .ver-inline-menu li.active a {
            border-left: solid 2px #0c91e5
        }

        .ver-inline-menu li.active em {
            background: #0c91e5 !important
        }

        .ver-inline-menu li.active a, .ver-inline-menu li.active em {
            color: #fff;
            background: #169ef4;
            text-decoration: none
        }

        .ver-inline-menu li.active a, .ver-inline-menu li:hover a {
            font-size: 14px
        }

        .ver-inline-menu li.active:after {
            content: '';
            display: inline-block;
            border-bottom: 6px solid transparent;
            border-top: 6px solid transparent;
            border-left: 6px solid #169ef4;
            position: absolute;
            top: 12px;
            right: -5px
        }

@media (max-width:767px) {
    .ver-inline-menu > li.active:after {
        display: none
    }
}

.list-separated {
    margin-top: 10px;
    margin-bottom: 15px
}

    .list-separated > div:last-child {
        border-right: 0
    }

@media (max-width:767px) {
    .list-separated > div {
        margin-bottom: 20px
    }
}

.number-stats {
    margin: 10px 0
}

    .number-stats .stat-number {
        display: inline-block;
        margin: 0 5px;
        float: left;
        text-align: left
    }

        .number-stats .stat-number .title {
            font-size: 13px;
            margin-bottom: 3px;
            color: #B8C3C7
        }

        .number-stats .stat-number .number {
            font-size: 27px;
            line-height: 27px;
            color: #7D8C9D
        }

    .number-stats .stat-chart {
        display: inline-block;
        margin: 0 5px;
        float: left
    }

    .number-stats > div {
        border-right: 1px solid #f5f5f5
    }

        .number-stats > div:last-child {
            border-right: 0
        }

    .number-stats .stat-left {
        float: right
    }

        .number-stats .stat-left .stat-number {
            float: right;
            text-align: right
        }

        .number-stats .stat-left .stat-chart {
            float: right
        }

    .number-stats .stat-right {
        float: left !important
    }

        .number-stats .stat-right .stat-number {
            float: left;
            text-align: left
        }

        .number-stats .stat-right .stat-chart {
            float: left
        }

.general-item-list > .item {
    padding: 10px 0;
    border-bottom: 1px solid #F1F4F7
}

    .general-item-list > .item:last-child {
        border-bottom: 0
    }

    .general-item-list > .item > .item-head {
        margin-bottom: 5px
    }

        .general-item-list > .item > .item-head:after, .general-item-list > .item > .item-head:before {
            content: " ";
            display: table
        }

        .general-item-list > .item > .item-head:after {
            clear: both
        }

        .general-item-list > .item > .item-head > .item-details {
            display: inline-block;
            float: left
        }

            .general-item-list > .item > .item-head > .item-details > .item-pic {
                height: 35px;
                margin-right: 10px;
                -o-border-radius: 100%;
                border-radius: 100%
            }

            .general-item-list > .item > .item-head > .item-details > .item-name {
                display: inline-block;
                margin-right: 10px
            }

            .general-item-list > .item > .item-head > .item-details > .item-label {
                color: #C0C9CC
            }

        .general-item-list > .item > .item-head > .item-status {
            color: #C0C9CC;
            top: 10px;
            position: relative;
            display: inline-block;
            float: right
        }

            .general-item-list > .item > .item-head > .item-status > .badge {
                margin-top: -2px
            }

    .general-item-list > .item > .item-body {
        color: #96a5aa
    }

.file-drop-zone {
    border: 2px dashed #ddd;
    padding: 30px;
    text-align: center
}

    .file-drop-zone.file-drop-zone-over {
        border-color: #aaa
    }

.alert {
    border-width: 1px
}

    .alert.alert-borderless {
        border: 0
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

.badge {
    font-size: 11px !important;
    font-weight: 300;
    height: 18px;
    padding: 3px 6px;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle
}

    .badge.badge-roundless {
        border-radius: 0 !important
    }

    .badge.badge-empty {
        display: inline-block;
        padding: 0;
        min-width: 8px;
        height: 8px;
        width: 8px
    }

.badge-default {
    background-color: #c6c6c6;
    background-image: none
}

.badge-primary {
    background-color: #428bca;
    background-image: none
}

.badge-info {
    background-color: #89C4F4;
    background-image: none
}

.badge-success {
    background-color: #45B6AF;
    background-image: none
}

.badge-danger {
    background-color: #F3565D;
    background-image: none
}

.badge-warning {
    background-color: #FFCC00;
    background-image: none
}

.badge-noitem {
    background-color: transparent;
    background-image: none
}

.nav.nav-pills > li > a > .badge, .nav.nav-stacked > li > a > .badge {
    margin-top: -2px
}

.dropdown-menu > li > a > .badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
    font-size: 11px;
    font-weight: 300;
    text-shadow: none;
    height: 18px;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
    border-radius: 12px !important
}

.dropdown-menu.badge-roundless {
    border-radius: 0 !important
}

.btn {
    border-width: 0;
    padding: 5px 9px;
    font-size: 14px;
    outline: 0 !important;
    background-image: none !important;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
    text-shadow: none
}

    .btn-group .btn.dropdown-toggle, .btn.active, .btn.dropdown-toggle, .btn:active, .btn:disabled, .btn:focus, .btn:hover, .btn[disabled] {
        outline: 0 !important;
        background-image: none !important;
        -webkit-filter: none;
        filter: none;
        text-shadow: none;
        box-shadow: none
    }

    .btn + .btn {
        margin-left: 5px
    }

.btn-default {
    border-width: 1px;
    padding: 5px 13px;
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .btn-default.dropdown-toggle {
    color: #333;
    background-color: #ededed;
    border-color: #b3b3b3
}

.btn-default.active, .btn-default:active {
    background-image: none;
    background-color: #e0e0e0
}

    .btn-default.active:hover, .btn-default:active:hover {
        background-color: #e6e6e6
    }

.open .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-default > em {
    color: #aaa
}

    .btn-default > em[class*=icon-], .btn-default > em[class^=icon-] {
        color: #8c8c8c
    }

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

    .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #3379b5;
        border-color: #2a6496
    }

    .btn-primary.active, .btn-primary:active {
        background-image: none;
        background-color: #2d6ca2
    }

        .btn-primary.active:hover, .btn-primary:active:hover {
            background-color: #3071a9
        }

.open .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary .badge {
    color: #428bca;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #45B6AF;
    border-color: #3ea49d
}

    .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #3b9c96;
        border-color: #307f7a
    }

    .btn-success.active, .btn-success:active {
        background-image: none;
        background-color: #348a84
    }

        .btn-success.active:hover, .btn-success:active:hover {
            background-color: #37918b
        }

.open .btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #45B6AF;
    border-color: #3ea49d
}

.btn-success .badge {
    color: #45B6AF;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #89C4F4;
    border-color: #72b8f2
}

    .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #68b4f1;
        border-color: #43a1ed
    }

    .btn-info.active, .btn-info:active {
        background-image: none;
        background-color: #51a8ef
    }

        .btn-info.active:hover, .btn-info:active:hover {
            background-color: #5aadf0
        }

.open .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #89C4F4;
    border-color: #72b8f2
}

.btn-info .badge {
    color: #89C4F4;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #FFCC00;
    border-color: #dbb233
}

    .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #daae2b;
        border-color: #bb9521
    }

    .btn-warning.active, .btn-warning:active {
        background-image: none;
        background-color: #c89f23
    }

        .btn-warning.active:hover, .btn-warning:active:hover {
            background-color: #d0a625
        }

.open .btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #FFCC00;
    border-color: #dbb233
}

.btn-warning .badge {
    color: #FFCC00;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #F3565D;
    border-color: #f13e46
}

    .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #f1353d;
        border-color: #ec111b
    }

    .btn-danger.active, .btn-danger:active {
        background-image: none;
        background-color: #ef1d26
    }

        .btn-danger.active:hover, .btn-danger:active:hover {
            background-color: #f0262f
        }

.open .btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #F3565D;
    border-color: #f13e46
}

.btn-danger .badge {
    color: #F3565D;
    background-color: #fff
}

.btn > em {
    font-size: 14px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    vertical-align: middle
}

    .btn-lg > em {
        font-size: 18px
    }

.btn-sm, .btn-xs {
    padding: 4px 10px 5px;
    font-size: 13px;
    line-height: 1.5
}

.btn-xs {
    padding: 5px 8px
}

.btn-group .input-sm .btn-default {
    padding-top: 3px;
    padding-bottom: 3px
}

.btn-arrow-link {
    vertical-align: middle;
    display: inline-block;
    font-size: 13px
}

    .btn-arrow-link > em {
        font-size: 14px;
        line-height: 14px;
        vertical-align: top;
        margin: 2px 3px;
        color: #999
    }

    .btn-arrow-link.btn-arrow-link-lg {
        font-size: 14px
    }

        .btn-arrow-link.btn-arrow-link-lg > em {
            font-size: 16px;
            line-height: 16px;
            margin: 2px 3px 1px
        }

.btn-circle {
    border-radius: 25px !important
}

.btn-circle-right {
    border-radius: 0 25px 25px 0 !important
}

.btn-circle-left {
    border-radius: 25px 0 0 25px !important
}

.btn-circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.btn-circle-top {
    border-radius: 25px 25px 0 0 !important
}

.btn-icon-only {
    height: 34px;
    width: 34px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

    .btn-icon-only > [class^=icon-], .btn-icon-only > em {
        text-align: center;
        margin-top: 2px
    }

.btn-sm > [class*=" glyphicon-"], .btn-sm > [class^=glyphicon-], .btn-sm > em {
    font-size: 13px
}

.btn-xs > [class*=" glyphicon-"], .btn-xs > [class^=glyphicon-], .btn-xs > em {
    font-size: 11px
}

.btn-group.btn-group-circle > .btn:first-child {
    border-radius: 25px 0 0 25px !important
}

.btn-group.btn-group-circle > .btn:last-child {
    border-radius: 0 25px 25px 0 !important
}

.btn-group.btn-group-devided > .btn {
    margin-right: 5px
}

    .btn-group.btn-group-devided > .btn:last-child {
        margin-right: 0
    }

.btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
    border-radius: 25px 25px 0 0 !important
}

.btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
    border-radius: 0 0 25px 25px !important
}

.carousel.image-carousel .carousel-inner {
    padding-top: 0;
    padding-bottom: 0
}

.carousel.image-carousel .carousel-control em {
    position: absolute;
    top: 40%
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control em {
    display: none
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control em {
    display: inline-block
}

.carousel.image-carousel .carousel-control.left em {
    left: 10px
}

.carousel.image-carousel .carousel-control.right em {
    right: 10px
}

.carousel.image-carousel .carousel-indicators {
    margin-top: 10px;
    bottom: -7px
}

    .carousel.image-carousel .carousel-indicators li, .carousel.image-carousel .carousel-indicators li.active {
        background-color: #666
    }

.carousel.image-carousel .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 15px 25px;
    background: #333;
    background: rgba(0,0,0,.75)
}

    .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption p {
        text-align: left;
        line-height: 20px;
        color: #fff
    }

    .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4 {
        margin: 0 0 5px
    }

        .carousel.image-carousel .carousel-caption h2 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h4 a {
            color: #aaa
        }

    .carousel.image-carousel .carousel-caption p {
        margin-bottom: 0
    }

    .carousel.image-carousel .carousel-caption .item {
        margin: 0
    }

.bars, .chart, .pie {
    overflow: hidden;
    height: 300px;
    width: 100%;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px
}

.item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px
}

.chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff
}

    .chart-tooltip .label {
        clear: both;
        display: block;
        margin-bottom: 2px
    }

.bar-chart, .line-chart {
    display: none
}

.chats {
    margin: 0;
    padding: 0;
    margin-top: -15px
}

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

        .chats li .body {
            display: block
        }

        .chats li .avatar {
            height: 45px;
            width: 45px;
            border-radius: 50% !important
        }

        .chats li.in .avatar {
            float: left;
            margin-right: 10px
        }

        .chats li.out .avatar {
            float: right;
            margin-left: 10px
        }

        .chats li .name {
            color: #3590c1;
            font-size: 13px;
            font-weight: 400
        }

        .chats li .datetime {
            color: #333;
            font-size: 13px;
            font-weight: 400
        }

        .chats li .message {
            display: block;
            padding: 5px;
            position: relative
        }

        .chats li.in .message {
            text-align: left;
            border-left: 2px solid #1BBC9B;
            margin-left: 65px;
            background: #fafafa
        }

            .chats li.in .message .arrow {
                display: block;
                position: absolute;
                top: 5px;
                left: -8px;
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 8px solid #1BBC9B
            }

        .chats li.out .message {
            border-right: 2px solid #F3565D;
            margin-right: 65px;
            background: #fafafa;
            text-align: right
        }

            .chats li.out .message .arrow {
                display: block;
                position: absolute;
                top: 5px;
                right: -8px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid #F3565D
            }

        .chats li.out .datetime, .chats li.out .name {
            text-align: right
        }

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #e9eff3;
    overflow: hidden;
    clear: both
}

    .chat-form .input-cont {
        margin-right: 40px
    }

        .chat-form .input-cont .form-control {
            border: 1px solid #ddd;
            width: 100% !important;
            margin-top: 0;
            background-color: #fff !important
        }

            .chat-form .input-cont .form-control:focus {
                border: 1px solid #4b8df9 !important
            }

    .chat-form .btn-cont {
        margin-top: -42px;
        position: relative;
        float: right;
        width: 44px
    }

        .chat-form .btn-cont .arrow {
            position: absolute;
            top: 17px;
            right: 43px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #4d90fe;
            box-sizing: border-box
        }

        .chat-form .btn-cont .btn {
            margin-top: 8px
        }

        .chat-form .btn-cont:hover .arrow {
            border-right-color: #0362fd
        }

        .chat-form .btn-cont:hover .btn {
            background-color: #0362fd
        }

.close {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 9px;
    height: 15px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
    background-image: url(../../images/remove-icon-small.png) !important
}

.dropdown.open > .dropdown-toggle, .dropup.open > .dropdown-toggle {
    border-color: #ddd
}

.dropdown-menu {
    min-width: 270px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .dropdown-menu li.divider {
        background: #DDD
    }

    .dropdown-menu li.dropdown-header {
        padding: 8px 14px 2px
    }

    .dropdown-menu li > a {
        padding: 5px;
        color: #555;
        text-decoration: none;
        display: block;
        clear: both;
        font-weight: 300;
        line-height: 18px;
        white-space: nowrap
    }

        .dropdown-menu li > a > [class*=" fa-"], .dropdown-menu li > a > [class^=fa-] {
            color: #888
        }

        .dropdown-menu li > a > [class*=" icon-"], .dropdown-menu li > a > [class^=icon-] {
            color: #666
        }

        .dropdown-menu li > a > [class*=" glyphicon-"], .dropdown-menu li > a > [class^=glyphicon-] {
            color: #888
        }

        .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover {
            text-decoration: none;
            background-image: none;
            background-color: #f6f6f6;
            color: #555;
            -webkit-filter: none;
            filter: none
        }

    .dropdown-menu.bottom-up {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px
    }

    .dropdown-menu > li:first-child:hover > a {
        border-radius: 4px 4px 0 0
    }

    .dropdown-menu > li:last-child:hover > a {
        border-radius: 0 0 4px 4px
    }

.btn-group > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .dropdown > .dropdown-menu {
    margin-top: 10px
}

    .btn-group > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .dropdown > .dropdown-menu:before {
        position: absolute;
        top: -8px;
        left: 9px;
        right: auto;
        display: inline-block !important;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #e0e0e0;
        border-left: 8px solid transparent;
        content: ''
    }

    .btn-group > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .dropdown > .dropdown-menu:after {
        position: absolute;
        top: -7px;
        left: 10px;
        right: auto;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        content: ''
    }

    .btn-group > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .dropdown > .dropdown-menu.pull-left:before {
        left: auto;
        right: 9px
    }

    .btn-group > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .dropdown > .dropdown-menu.pull-left:after {
        left: auto;
        right: 10px
    }

    .btn-group > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .dropdown > .dropdown-menu.pull-right:before {
        left: auto;
        right: 9px
    }

    .btn-group > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .dropdown > .dropdown-menu.pull-right:after {
        left: auto;
        right: 10px
    }

.btn-group.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .dropdown.dropup > .dropdown-menu {
    margin-top: 0;
    margin-bottom: 10px
}

    .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before {
        display: none !important
    }

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 5px;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px
    }

    .dropdown-submenu > a:after {
        position: absolute;
        display: inline-block;
        font-size: 14px;
        right: 7px;
        top: 7px;
        font-family: FontAwesome,sans-serif;
        height: auto;
        content: "\f105";
        font-weight: 300
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff
    }

    .dropdown-submenu.pull-left {
        float: none
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px
        }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px
}

.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

    .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before {
        right: 12px;
        left: auto
    }

    .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after {
        right: 13px;
        left: auto
    }

    .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        right: 100%;
        left: auto;
        margin-right: -1px;
        margin-left: 0
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid #efefef;
        box-shadow: 5px 5px rgba(102,102,102,.1)
    }

        .navbar-nav .open .dropdown-menu > li > a {
            padding: 6px 0 6px 13px;
            color: #333
        }

            .navbar-nav .open .dropdown-menu > li > a:active, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-color: #eee
            }
}

.dropdown-content {
    padding: 5px
}

    .dropdown-content form {
        margin: 0
    }

.dropdown.inline .dropdown-menu {
    display: inline-block;
    position: relative
}

.dropdown-checkboxes, .dropdown-radiobuttons {
    padding: 5px
}

    .dropdown-checkboxes label, .dropdown-radiobuttons label {
        display: block;
        font-weight: 300;
        color: #333;
        margin-bottom: 4px;
        margin-top: 4px
    }

        .dropdown-checkboxes label .radio, .dropdown-radiobuttons label .radio {
            margin-right: 3px
        }

.dropdown-menu-v2 {
    top: 100%;
    right: 0;
    z-index: 1001;
    display: none;
    float: left;
    min-width: 225px;
    padding: 20px 0;
    margin: 25px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    position: absolute;
    background: #242b31;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7,1,.7,1);
    transition-timing-function: cubic-bezier(0.7,1,.7,1)
}

    .dropdown-menu-v2:before {
        top: -10px;
        right: 0;
        width: 0;
        height: 0;
        content: ' ';
        position: absolute;
        border-style: solid;
        display: inline-block;
        border-width: 0 0 15px 15px;
        border-color: transparent transparent #242b31
    }

    .dropdown-menu-v2 > li > a {
        clear: both;
        color: #606e7a;
        display: block;
        font-weight: 600;
        padding: 8px 20px;
        position: relative;
        white-space: nowrap;
        line-height: 1.42857143;
        text-transform: uppercase
    }

        .dropdown-menu-v2 > li > a:focus, .dropdown-menu-v2 > li > a:hover {
            background: #21282e;
            text-decoration: none;
            color: #009dc7
        }

    .dropdown-menu-v2 .active > a, .dropdown-menu-v2 .active > a:focus, .dropdown-menu-v2 .active > a:hover {
        outline: 0;
        text-decoration: none;
        background-color: #21282e;
        color: #009dc7
    }

    .dropdown-menu-v2 .disabled > a, .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover {
        color: #009dc7
    }

        .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none
        }

    .dropdown-menu-v2 .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background: #2e353c
    }

    .dropdown-menu-v2 .badge {
        top: 8px;
        right: 10px;
        position: absolute
    }

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

.open > .dropdown-menu-v2 {
    display: block
}

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

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

    .feeds li {
        background-color: #fafafa;
        color: #82949a;
        margin-bottom: 7px;
        font-size: 14px
    }

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

        .feeds li:after {
            clear: both
        }

        .feeds li:last-child {
            margin-bottom: 0
        }

        .feeds li .col1 {
            float: left;
            width: 100%;
            clear: both
        }

            .feeds li .col1 > .cont {
                float: left;
                margin-right: 75px;
                overflow: hidden
            }

                .feeds li .col1 > .cont > .cont-col1 {
                    float: left;
                    margin-right: -100%
                }

                    .feeds li .col1 > .cont > .cont-col1 > .label {
                        display: inline-block;
                        padding: 5px 4px 6px 5px;
                        vertical-align: middle;
                        text-align: center
                    }

                        .feeds li .col1 > .cont > .cont-col1 > .label > em {
                            text-align: center;
                            font-size: 14px
                        }

                .feeds li .col1 > .cont > .cont-col2 {
                    float: left;
                    width: 100%
                }

                    .feeds li .col1 > .cont > .cont-col2 > .desc {
                        margin-left: 35px;
                        padding-top: 4px;
                        padding-bottom: 5px;
                        overflow: hidden
                    }

        .feeds li .col2 {
            float: left;
            width: 75px;
            margin-left: -75px
        }

            .feeds li .col2 > .date {
                padding: 4px 9px 5px 4px;
                text-align: right;
                font-style: italic;
                color: #c1cbd0
            }

.static-info {
    margin-bottom: 10px
}

    .static-info .name {
        font-size: 14px
    }

    .static-info .value {
        font-size: 14px;
        font-weight: 600
    }

    .static-info.align-reverse .name, .static-info.align-reverse .value {
        text-align: right
    }

.help-block {
    margin-top: 5px;
    margin-bottom: 5px
}

.help-inline {
    font-size: 13px;
    color: #737373;
    display: inline-block;
    padding: 5px
}

.form-inline input {
    margin-bottom: 0 !important
}

.control-label {
    margin-top: 1px
}

    .control-label .required {
        color: #e02222;
        font-size: 12px;
        padding-left: 2px
    }

.form {
    padding: 0 !important
}

    .form .form-body {
        padding: 10px
    }

.portlet.light .form .form-body {
    padding-left: 0;
    padding-right: 0
}

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

.portlet.light .form .form-actions {
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.form .form-actions.noborder {
    border-top: 0
}

.portlet .form .form-actions {
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

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

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

.form .form-actions.right {
    padding-left: 0;
    padding-right: 10px;
    text-align: right
}

.portlet.light .form .form-actions.right {
    padding-right: 0
}

.form .form-actions.left {
    padding-left: 10px;
    padding-right: 0;
    text-align: left
}

.portlet.light .form .form-actions.left {
    padding-left: 0
}

.form .form-actions.nobg {
    background-color: transparent
}

.form .form-actions.top {
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5
}

.portlet.light .form .form-actions.top {
    background: 0 0
}

.form .form-actions .btn-set {
    display: inline-block
}

@media (max-width:767px) {
    .form .form-actions .btn-set {
        margin-bottom: 3px;
        margin-top: 3px;
        float: left !important
    }
}

.form .form-section {
    margin: 30px 0 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee
}

    .form .form-section:first-child {
        margin-top: 5px
    }

.checkbox, .form-horizontal .checkbox {
    padding: 0
}

    .checkbox > label, .form-horizontal .checkbox > label {
        padding-left: 0
    }

.checkbox-list > label {
    display: block
}

    .checkbox-list > label.checkbox-inline {
        display: inline-block
    }

        .checkbox-list > label.checkbox-inline:first-child {
            padding-left: 0
        }

.radio-list > label {
    display: block
}

    .radio-list > label.radio-inline {
        display: inline-block
    }

        .radio-list > label.radio-inline:first-child {
            padding-left: 0
        }

.form-horizontal .radio-list .radio {
    padding-top: 1px
}

.form-horizontal .radio-list > label {
    margin-bottom: 0
}

.form-horizontal .radio > span {
    margin-top: 2px
}

.form .form-row-seperated .portlet-body {
    padding: 0
}

.form .form-row-seperated .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding: 15px 0
}

    .form .form-row-seperated .form-group.last {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 13px
    }

    .form .form-row-seperated .form-group .help-block {
        margin-bottom: 0
    }

.form .form-row-seperated .form-body {
    padding: 0
}

.form .form-row-seperated .form-actions {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.form .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef
}

    .form .form-bordered .form-group > div {
        padding: 15px;
        border-left: 1px solid #efefef
    }

@media (max-width:991px) {
    .form .form-bordered .form-group > div {
        border-left: 0
    }
}

.form .form-bordered .form-group.last {
    border-bottom: 0
}

.form .form-bordered .form-group .control-label {
    padding-top: 20px
}

@media (max-width:991px) {
    .form .form-bordered .form-group .control-label {
        padding-top: 10px
    }
}

.form .form-bordered .form-group .help-block {
    margin-bottom: 0
}

.form .form-bordered .form-group .form-control {
    margin: 0
}

.form .form-bordered .form-body {
    margin: 0;
    padding: 0
}

.form .form-bordered .form-actions {
    margin-top: 0;
    padding-left: 16px !important;
    padding-right: 16px !important
}

@media (max-width:991px) {
    .form .form-bordered .form-actions {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
    background: #fff !important
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
    background-color: #fff
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form-control::-moz-placeholder {
    color: #b3b3b3;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #b3b3b3
}

.form-control::-webkit-input-placeholder {
    color: #b3b3b3
}

.form-control {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .form-control:focus {
        border-color: #999;
        outline: 0;
        box-shadow: none
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee
    }

    .form-control.height-auto {
        height: auto
    }

    .form-control.form-control-solid {
        background-color: #F1F3F8;
        border-color: #F1F3F8;
        color: #A6B2BA
    }

        .form-control.form-control-solid:focus {
            border-color: #e3e7f1
        }

        .form-control.form-control-solid::-moz-placeholder {
            color: #acb7be;
            opacity: 1
        }

        .form-control.form-control-solid:-ms-input-placeholder {
            color: #acb7be
        }

        .form-control.form-control-solid::-webkit-input-placeholder {
            color: #acb7be
        }

.uneditable-input {
    padding: 6px 12px;
    min-width: 206px;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.input-mini {
    width: 45px !important
}

.input-xsmall {
    width: 80px !important
}

.input-small {
    width: 145px !important
}

.input-medium {
    width: 240px !important
}

.input-large {
    width: 320px !important
}

.input-xlarge {
    width: 420px !important
}

.input-inline {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.input-fixed {
    overflow: hidden
}

.form-group .input-inline {
    margin-right: 5px
}

.input-sm {
    height: 28px;
    padding: 5px 10px;
    font-size: 13px
}

select.input-sm {
    height: 28px;
    line-height: 28px;
    padding: 2px 10px
}

@media (max-width:768px) {
    .input-large {
        width: 250px !important
    }

    .input-xlarge {
        width: 300px !important
    }
}

.input-group .btn-default {
    border-color: #e5e5e5
}

.input-group .input-group-addon {
    border-color: #e5e5e5;
    background: #e5e5e5;
    min-width: 39px
}

    .input-group .input-group-addon > em {
        color: #999
    }

input[type=color].spinner, input[type=date].spinner, input[type=datetime-local].spinner, input[type=datetime].spinner, input[type=email].spinner, input[type=month].spinner, input[type=number].spinner, input[type=password].spinner, input[type=search].spinner, input[type=tel].spinner, input[type=text].spinner, input[type=time].spinner, input[type=url].spinner, input[type=week].spinner {
    background-image: url(../img/input-spinner.gif) !important;
    background-repeat: no-repeat;
    background-position: right 8px
}

label {
    font-weight: 400;
    font-size: 14px
}

.form-control-static {
    margin: 2px 0;
    display: inline-block
}

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

.has-success .form-control {
    border-color: #d6e9c6;
    box-shadow: none
}

    .has-success .form-control:focus {
        border-color: #bbdba1;
        box-shadow: none
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #d6e9c6;
    background-color: #dff0d8
}

    .has-success .form-control-feedback, .has-success .input-group-addon > em {
        color: #3c763d
    }

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

.has-warning .form-control {
    border-color: #faebcc;
    box-shadow: none
}

    .has-warning .form-control:focus {
        border-color: #f5d89e;
        box-shadow: none
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #faebcc;
    background-color: #fcf8e3
}

    .has-warning .form-control-feedback, .has-warning .input-group-addon > em {
        color: #8a6d3b
    }

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

.has-error .form-control {
    border-color: #ebccd1;
    box-shadow: none
}

    .has-error .form-control:focus {
        border-color: #dca7b0;
        box-shadow: none
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #ebccd1;
    background-color: #f2dede
}

    .has-error .form-control-feedback, .has-error .input-group-addon > em {
        color: #a94442
    }

.input-circle {
    border-radius: 25px !important
}

.input-circle-right {
    border-radius: 0 25px 25px 0 !important
}

.input-circle-left {
    border-radius: 25px 0 0 25px !important
}

.input-circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.input-circle-top {
    border-radius: 25px 25px 0 0 !important
}

.icon-btn {
    height: 60px;
    min-width: 80px;
    margin: 5px 5px 0 0;
    border: 1px solid #ddd;
    padding: 12px 0 0;
    background-color: #fafafa;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
    display: inline-block;
    color: #646464;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

    .icon-btn:hover {
        text-decoration: none;
        border-color: #999;
        color: #444;
        text-shadow: 0 1px 0 #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        box-shadow: none
    }

        .icon-btn:hover > .badge {
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            box-shadow: none
        }

    .icon-btn > div {
        margin-top: 5px;
        margin-bottom: 20px;
        color: #000;
        font-size: 12px;
        font-weight: 300
    }

    .icon-btn > .badge {
        position: absolute;
        font-size: 11px;
        font-weight: 300;
        top: -5px;
        right: -5px;
        padding: 3px 6px;
        color: #fff;
        text-shadow: none;
        border-width: 0;
        border-style: solid;
        border-radius: 12px;
        box-shadow: none
    }

    .icon-btn > em {
        font-size: 18px
    }

.ie8 .icon-btn:hover {
    -webkit-filter: none;
    filter: none
}

.input-icon {
    position: relative;
    left: 0
}

    .input-icon > .form-control {
        padding-left: 33px
    }

.input-group .input-icon > .form-control {
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-icon > em {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center
}

.modal .input-icon > em {
    z-index: 10055
}

.has-success .input-icon > em {
    color: #45B6AF
}

.has-warning .input-icon > em {
    color: #FFCC00
}

.has-info .input-icon > em {
    color: #89C4F4
}

.has-error .input-icon > em {
    color: #F3565D
}

.input-icon.right {
    left: auto;
    right: 0
}

    .input-icon.right > .form-control {
        padding-right: 33px;
        padding-left: 12px
    }

.input-group .input-icon.right > .form-control {
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-icon.right > em {
    right: 8px;
    float: right
}

.input-icon.input-icon-lg > em {
    margin-top: 16px
}

.input-icon.input-icon-sm > em {
    margin-top: 8px;
    font-size: 13px
}

.label {
    text-shadow: none !important;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px;
    color: #fff;
    font-family: "Open Sans",sans-serif
}

    .label.label-sm {
        font-size: 12px;
        padding: 0 4px 1px
    }

h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
    font-size: 75%
}

.label-default {
    background-color: #c6c6c6
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #adadad
    }

.label-primary {
    background-color: #428bca
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #3071a9
    }

.label-success {
    background-color: #45B6AF
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #37918b
    }

.label-info {
    background-color: #89C4F4
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #5aadf0
    }

.label-warning {
    background-color: #FFCC00
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #d0a625
    }

.label-danger {
    background-color: #F3565D
}

.label-theme {
    background-color: #FC0;
    color: #0E1271 !important
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #FC0
}

.label.label-icon {
    padding: 4px 0 4px 4px;
    margin-right: 2px;
    text-align: center !important
}

    .label.label-icon > em {
        font-size: 12px;
        text-align: center !important
    }

.ie8 .label.label-icon, .ie9 .label.label-icon {
    padding: 3px 0 3px 3px
}

.text-default {
    color: #c6c6c6
}

.text-primary {
    color: #428bca
}

.text-success {
    color: #45B6AF
}

.text-info {
    color: #89C4F4
}

.text-warning {
    color: #FFCC00
}

.text-danger {
    color: #F3565D
}

.list-group > li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group > li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.list-group .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

.list-group a.list-group-item-success {
    color: #3c763d
}

    .list-group a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-success:focus, .list-group a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:focus, .list-group a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

.list-group a.list-group-item-info {
    color: #31708f
}

    .list-group a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-info:focus, .list-group a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:focus, .list-group a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

.list-group a.list-group-item-warning {
    color: #8a6d3b
}

    .list-group a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-warning:focus, .list-group a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:focus, .list-group a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

.list-group a.list-group-item-danger {
    color: #a94442
}

    .list-group a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-danger:focus, .list-group a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:focus, .list-group a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.loading-message {
    display: inline-block;
    min-width: 125px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle
}

    .loading-message.loading-message-boxed {
        border: 1px solid #ddd;
        background-color: #eee;
        -o-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 1px 8px rgba(0,0,0,.1)
    }

    .loading-message > span {
        line-height: 20px;
        vertical-align: middle
    }

.page-loading {
    -o-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    box-shadow: 0 1px 8px rgba(0,0,0,.1)
}

    .page-loading > span {
        line-height: 20px;
        vertical-align: middle
    }

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center
}

    .page-spinner-bar > div {
        margin: 0 5px;
        width: 18px;
        height: 18px;
        background: #eee;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .page-spinner-bar .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .page-spinner-bar .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center
}

    .block-spinner-bar > div {
        margin: 0 2px;
        width: 15px;
        height: 15px;
        background: #eee;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .block-spinner-bar .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .block-spinner-bar .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

[class^=m-icon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    line-height: 14px;
    vertical-align: top;
    background-image: url(../images/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

[class^=m-icon-big-] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 6px;
    vertical-align: middle;
    background-image: url(../images/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.btn.m-icon-big {
    padding: 9px 16px 8px
}

    .btn.m-icon-big.m-icon-only {
        padding: 9px 8px 8px 0
    }

    .btn.m-icon-big [class^=m-icon-big-] {
        margin: 0 0 0 10px
    }

.btn.m-icon-ony > em {
    margin-left: 0
}

.btn.m-icon {
    padding: 7px 14px
}

    .btn.m-icon [class^=m-icon-] {
        margin: 4px 0 0 5px
    }

    .btn.m-icon.m-icon-only {
        padding: 7px 10px 7px 6px
    }

.m-icon-white {
    background-image: url(../images/syncfusion-icons-white.png)
}

.m-icon-swapright {
    background-position: -27px -10px
}

.m-icon-swapdown {
    background-position: -68px -10px
}

.m-icon-swapleft {
    background-position: -8px -10px
}

.m-icon-swapup {
    background-position: -46px -10px
}

.m-icon-big-swapright {
    background-position: -42px -28px
}

.m-icon-big-swapdown {
    background-position: -115px -28px
}

.m-icon-big-swapleft {
    background-position: -6px -28px
}

.m-icon-big-swapup {
    background-position: -78px -28px
}

.modal {
    z-index: 10050;
    outline: 0;
    overflow-y: auto !important
}

.page-portlet-fullscreen .modal {
    z-index: 10060
}

.modal .modal-header {
    border-bottom: 1px solid #EFEFEF
}

    .modal .modal-header h3 {
        font-weight: 300
    }

    .modal .modal-header .close {
        margin-top: 0 !important
    }

.modal.draggable-modal .modal-header {
    cursor: move
}

.modal .modal-dialog {
    z-index: 10051
}

.modal > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.modal.in .page-loading {
    display: none
}

.modal-open {
    overflow-y: auto !important
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

.modal-backdrop {
    border: 0;
    outline: 0;
    z-index: 10049
}

.page-portlet-fullscreen .modal-backdrop {
    z-index: 10059
}

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important
}

.modal-full.modal-dialog {
    width: 99%
}

@media (max-width:768px) {
    .modal-full.modal-dialog {
        width: auto
    }
}

.note {
    margin: 0 0 20px;
    padding: 10px 10px 10px 10px;
    border-left: 5px solid #eee;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

    .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
        margin-top: 0
    }

        .note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
            margin-right: -10px
        }

    .note p {
        font-size: 13px
    }

        .note p:last-child {
            margin-bottom: 0
        }

    .note .highlight, .note code {
        background-color: #fff
    }

    .note.note-default {
        background-color: #d3d3d3;
        border-color: #adadad;
        color: #333
    }

        .note.note-default.note-bordered {
            background-color: #c3c3c3;
            border-color: #a0a0a0
        }

        .note.note-default.note-shadow {
            background-color: #c6c6c6;
            border-color: #a0a0a0;
            box-shadow: 5px 5px rgba(162,162,162,.2)
        }

    .note.note-primary {
        background-color: #5697d0;
        border-color: #3085a9;
        color: #D8E3F2
    }

        .note.note-primary.note-bordered {
            background-color: #3e89c9;
            border-color: #2a7696
        }

        .note.note-primary.note-shadow {
            background-color: #428bca;
            border-color: #2a7696;
            box-shadow: 5px 5px rgba(43,121,154,.2)
        }

    .note.note-success {
        background-color: #eef7ea;
        border-color: #c9e2b3;
        color: #3c763d
    }

        .note.note-success.note-bordered {
            background-color: #dcefd4;
            border-color: #bbdba1
        }

        .note.note-success.note-shadow {
            background-color: #dff0d8;
            border-color: #bbdba1;
            box-shadow: 5px 5px rgba(190,220,164,.2)
        }

    .note.note-info {
        background-color: #eef7fb;
        border-color: #a6e1ec;
        color: #31708f
    }

        .note.note-info.note-bordered {
            background-color: #d5ebf6;
            border-color: #91d9e8
        }

        .note.note-info.note-shadow {
            background-color: #d9edf7;
            border-color: #91d9e8;
            box-shadow: 5px 5px rgba(150,219,233,.2)
        }

    .note.note-warning {
        background-color: #fcf8e3;
        border-color: #f5d89e;
        color: #8a6d3b
    }

        .note.note-warning.note-bordered {
            background-color: #f9f1c7;
            border-color: #f2cf87
        }

        .note.note-warning.note-shadow {
            background-color: #faf2cc;
            border-color: #f2cf87;
            box-shadow: 5px 5px rgba(243,209,139,.2)
        }

    .note.note-danger {
        background-color: #f9f0f0;
        border-color: #e4b9c0;
        color: #a94442
    }

        .note.note-danger.note-bordered {
            background-color: #f1dada;
            border-color: #dca7b0
        }

        .note.note-danger.note-shadow {
            background-color: #f2dede;
            border-color: #dca7b0;
            box-shadow: 5px 5px rgba(222,171,179,.2)
        }

    .note.note-custom {
        background-color: #eef7fb;
        border-color: #454e84;
        color: #4E5895
    }

        .note.note-custom.note-bordered {
            background-color: #d5ebf6;
            border-color: #3c4474
        }

        .note.note-custom.note-shadow {
            background-color: #d9edf7;
            border-color: #3c4474;
            box-shadow: 5px 5px rgba(62,70,119,.2)
        }

    .note.note-theme {
        background-color: #eee;
        border-color: #3343a4;
        color: #333
    }

.pagination {
    margin: 10px 0
}

    .pagination.pagination-circle > li:first-child > a {
        border-radius: 25px 0 0 25px !important
    }

    .pagination.pagination-circle > li:last-child > a {
        border-radius: 0 25px 25px 0 !important
    }

    .pagination .active > a, .pagination .active > a:hover {
        background: #eee;
        border-color: #ddd;
        color: #333
    }

.panel {
    box-shadow: none !important
}

.panel-group .panel {
    overflow: visible
}

.panel .panel-body {
    font-size: 13px
}

.panel .panel-title > a:hover {
    text-decoration: none;
    color: #FC0
}

.accordion .panel .panel-heading, .accordion .panel .panel-title {
    padding: 0
}

    .accordion .panel .panel-title .accordion-toggle {
        display: block;
        padding: 10px 15px
    }

        .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
            background: url(../img/accordion-plusminus.png) no-repeat;
            background-position: right -19px;
            margin-right: 15px
        }

            .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
                background-position: right 12px
            }

.panel-default {
    border-color: #e0e0e0
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f9f9f9;
        border-color: #e0e0e0
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #e0e0e0
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #e0e0e0
    }

.panel-primary {
    border-color: #3595bd
}

    .panel-primary > .panel-heading {
        color: #D8E3F2;
        background-color: #428bca;
        border-color: #3595bd
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #3595bd
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #3595bd
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #faebcc
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ebccd1
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ebccd1
    }

.panel-dark {
    border-color: #3343a4
}

    .panel-dark > .panel-heading {
        color: #FFF;
        background-color: #3343a4;
        border-color: #3343a4
    }

        .panel-dark > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #3343a4
        }

    .panel-dark > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #3343a4
    }

.accordion-heading {
    background: #eee
}

    .accordion-heading a, .accordion-heading a:hover {
        text-decoration: none
    }

.popover {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    padding: 0
}

    .popover .popover-title {
        margin: 0 !important
    }

    .popover.name .popover-content, .popover.name .popover-title, .name .popover .popover-content {
        color: #F3565D
    }

.page-portlet-fullscreen {
    overflow: hidden
}

.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .portlet.portlet-fullscreen {
        z-index: 10060;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #fff
    }

        .portlet.portlet-fullscreen > .portlet-body {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0 10px
        }

        .portlet.portlet-fullscreen > .portlet-title {
            padding: 0 10px
        }

    .portlet > .portlet-title {
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 10px;
        min-height: 41px;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

        .portlet > .portlet-title:after, .portlet > .portlet-title:before {
            content: " ";
            display: table
        }

        .portlet > .portlet-title:after {
            clear: both
        }

        .portlet > .portlet-title > .caption {
            float: left;
            display: inline-block;
            font-size: 14px;
            line-height: 18px;
            padding: 10px 0 !important
        }

            .portlet > .portlet-title > .caption.bold {
                font-weight: 400
            }

            .portlet > .portlet-title > .caption > em {
                float: left;
                margin-top: 4px;
                display: inline-block;
                font-size: 13px;
                margin-right: 5px;
                color: #666
            }

                .portlet > .portlet-title > .caption > em.glyphicon {
                    margin-top: 2px
                }

            .portlet > .portlet-title > .caption > .caption-helper {
                padding: 0;
                margin: 0;
                line-height: 13px;
                color: #9eacb4;
                font-size: 13px;
                font-weight: 400
            }

        .portlet > .portlet-title > .actions {
            float: right;
            display: inline-block;
            padding: 6px 0 !important
        }

            .portlet > .portlet-title > .actions > .dropdown-menu em {
                color: #555
            }

            .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn.btn-sm {
                padding: 4px 10px;
                font-size: 13px;
                line-height: 1.5
            }

                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default {
                    padding: 3px 9px
                }

                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > em, .portlet > .portlet-title > .actions > .btn-group > .btn > em, .portlet > .portlet-title > .actions > .btn.btn-sm > em, .portlet > .portlet-title > .actions > .btn > em {
                    font-size: 13px
                }

            .portlet > .portlet-title > .actions .btn-icon-only {
                padding: 5px 7px 3px
            }

                .portlet > .portlet-title > .actions .btn-icon-only.btn-default {
                    padding: 4px 6px 2px
                }

                    .portlet > .portlet-title > .actions .btn-icon-only.btn-default > em {
                        font-size: 14px
                    }

                    .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
                        font-family: FontAwesome,sans-serif;
                        color: #a0a0a0;
                        padding-top: 3px
                    }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
                            padding: 3px 3px !important;
                            height: 27px;
                            width: 27px
                        }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
                            content: "\f065"
                        }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
                            content: "\f066"
                        }

        .portlet > .portlet-title > .tools {
            float: right;
            display: inline-block;
            padding: 12px 0 8px
        }

            .portlet > .portlet-title > .tools > a {
                display: inline-block;
                height: 16px;
                margin-left: 5px;
                opacity: 1;
                filter: alpha(opacity=100)
            }

                .portlet > .portlet-title > .tools > a.remove {
                    background-image: url(.../../images/portlet-remove-icon.png);
                    background-repeat: no-repeat;
                    width: 11px
                }

                .portlet > .portlet-title > .tools > a.config {
                    background-image: url(.../../images/portlet-config-icon.png);
                    background-repeat: no-repeat;
                    width: 12px
                }

                .portlet > .portlet-title > .tools > a.reload {
                    background-image: url(.../../images/portlet-reload-icon.png);
                    width: 13px
                }

                .portlet > .portlet-title > .tools > a.expand {
                    background-image: url(../Images/portlet-expand-icon.png);
                    width: 14px;
                    visibility: visible
                }

                .portlet > .portlet-title > .tools > a.collapse {
                    background-image: url(../Images/portlet-collapse-icon.png);
                    width: 14px;
                    visibility: visible
                }

                .portlet > .portlet-title > .tools > a.fullscreen {
                    display: inline-block;
                    top: -3px;
                    position: relative;
                    font-size: 13px;
                    font-family: FontAwesome,sans-serif;
                    color: #ACACAC
                }

                    .portlet > .portlet-title > .tools > a.fullscreen:before {
                        content: "\f065"
                    }

                    .portlet > .portlet-title > .tools > a.fullscreen.on:before {
                        content: "\f066"
                    }

                .portlet > .portlet-title > .tools > a:hover {
                    text-decoration: none;
                    -webkit-transition: all .1s ease-in-out;
                    transition: all .1s ease-in-out;
                    opacity: .8;
                    filter: alpha(opacity=80)
                }

        .portlet > .portlet-title > .pagination {
            float: right;
            display: inline-block;
            margin: 2px 0 0;
            border: 0;
            padding: 4px 0
        }

        .portlet > .portlet-title > .nav-tabs {
            background: #0E1271;
            margin: 0;
            float: right;
            display: inline-block;
            border: 0
        }

            .portlet > .portlet-title > .nav-tabs > li {
                background: 0 0;
                margin: 0;
                border: 0
            }

                .portlet > .portlet-title > .nav-tabs > li > a {
                    background: 0 0;
                    margin: 5px 0 0 1px;
                    border: 0;
                    padding: 8px 10px;
                    color: #fff
                }

                .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
                    color: #0E1271;
                    background: #FFF;
                    border: 0
                }

    .portlet > .portlet-body {
        clear: both;
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px
    }

    .portlet > .portlet-empty {
        min-height: 125px
    }

    .portlet.full-height-content {
        margin-bottom: 0
    }

    .portlet.bordered {
        border-left: 2px solid #e6e9ec !important
    }

        .portlet.bordered > .portlet-title {
            border-bottom: 0
        }

    .portlet.solid {
        padding: 0 10px 10px;
        border: 0
    }

        .portlet.solid > .portlet-title {
            border-bottom: 0;
            margin-bottom: 10px
        }

            .portlet.solid > .portlet-title > .caption {
                padding: 16px 0 2px
            }

            .portlet.solid > .portlet-title > .actions {
                padding: 12px 0 6px
            }

            .portlet.solid > .portlet-title > .tools {
                padding: 14px 0 6px
            }

        .portlet.solid.bordered > .portlet-title {
            margin-bottom: 10px
        }

    .portlet.box {
        padding: 0 !important
    }

        .portlet.box > .portlet-title {
            border-bottom: 0;
            padding: 0 10px;
            margin-bottom: 0;
            color: #fff
        }

            .portlet.box > .portlet-title > .caption {
                padding: 11px 0 9px
            }

            .portlet.box > .portlet-title > .tools > a.remove {
                background-image: url(.../../images/portlet-remove-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.config {
                background-image: url(.../../images/portlet-config-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.reload {
                background-image: url(.../../images/portlet-reload-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.expand {
                background-image: url(../Images/portlet-expand-icon.png)
            }

            .portlet.box > .portlet-title > .tools > a.collapse {
                background-image: url(../Images/portlet-collapse-icon.png)
            }

            .portlet.box > .portlet-title > .tools > a.fullscreen {
                color: #fdfdfd
            }

            .portlet.box > .portlet-title > .actions {
                padding: 7px 0 5px
            }

        .portlet.box > .portlet-body {
            background-color: #fff;
            padding: 10px
        }

        .portlet.box.portlet-fullscreen > .portlet-body {
            padding: 10px
        }

    .portlet.light {
        padding: 12px 20px 15px;
        background-color: #fff
    }

        .portlet.light.bordered {
            border: 1px solid #e1e1e1 !important
        }

            .portlet.light.bordered > .portlet-title {
                border-bottom: 1px solid #eee
            }

        .portlet.light.bg-inverse {
            background: #F7F7F7
        }

        .portlet.light > .portlet-title {
            padding: 0;
            min-height: 48px
        }

            .portlet.light > .portlet-title > .caption {
                color: #101081;
                padding: 0px
            }

                .portlet.light > .portlet-title > .caption > .caption-subject {
                    font-size: 16px
                }

                .portlet.light > .portlet-title > .caption > em {
                    color: #777;
                    font-size: 15px;
                    font-weight: 300;
                    margin-top: 3px
                }

                .portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
                    font-size: 15px
                }

                .portlet.light > .portlet-title > .caption.caption-md > em {
                    font-size: 14px
                }

            .portlet.light > .portlet-title > .actions {
                padding: 6px 0 14px
            }

                .portlet.light > .portlet-title > .actions .btn-default {
                    color: #666
                }

                .portlet.light > .portlet-title > .actions .btn-icon-only {
                    height: 27px;
                    width: 27px
                }

                .portlet.light > .portlet-title > .actions .dropdown-menu li > a {
                    color: #555
                }

            .portlet.light > .portlet-title > .inputs {
                float: right;
                display: inline-block;
                padding: 4px 0
            }

                .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > em {
                    font-size: 14px;
                    margin-top: 9px
                }

                .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
                    height: 30px;
                    padding: 2px 26px 3px 10px;
                    font-size: 13px
                }

                .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
                    height: 30px;
                    padding: 3px 10px;
                    font-size: 13px
                }

            .portlet.light > .portlet-title > .pagination {
                padding: 2px 0 13px
            }

            .portlet.light > .portlet-title > .tools {
                padding: 10px 0 13px;
                margin-top: 2px
            }

            .portlet.light > .portlet-title > .nav-tabs > li {
                margin: 0;
                padding: 0
            }

                .portlet.light > .portlet-title > .nav-tabs > li > a {
                    margin: 0;
                    padding: 12px 13px 13px;
                    font-size: 13px;
                    color: #666
                }

                .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
                    margin: 0;
                    background: 0 0;
                    color: #333
                }

        .portlet.light.form-fit {
            padding: 0
        }

            .portlet.light.form-fit > .portlet-title {
                padding: 17px 20px 10px;
                margin-bottom: 0
            }

        .portlet.light .portlet-body {
            padding-top: 8px
        }

        .portlet.light.portlet-fullscreen > .portlet-body {
            padding: 8px 0
        }

.tab-pane > p:last-child {
    margin-bottom: 0
}

.tabs-reversed > li {
    float: right;
    margin-right: 0
}

    .tabs-reversed > li > a {
        margin-right: 0
    }

.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
    cursor: move
}

.portlet-sortable-placeholder {
    border: 2px dashed #eee;
    margin-bottom: 25px
}

.portlet-sortable-empty {
    box-shadow: none !important;
    height: 45px
}

.progress {
    border: 0;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none
}

    .progress.progress-sm {
        height: 12px
    }

    .progress > .progress-bar-default {
        background-color: #c6c6c6
    }

.progress-striped .progress > .progress-bar-default {
    background-image: none;
}

.progress > .progress-bar-success {
    background-color: #45B6AF
}

.progress-striped .progress > .progress-bar-success {
    background-image: none;
}

.progress > .progress-bar-info {
    background-color: #89C4F4
}

.progress-striped .progress > .progress-bar-info {
    background-image: none;
}

.progress > .progress-bar-danger {
    background-color: #F3565D
}

.progress-striped .progress > .progress-bar-danger {
    background-image: none;
}

.progress > .progress-bar-warning {
    background-color: #FFCC00
}

.progress-striped .progress > .progress-bar-warning {
    background-image: none;
}

.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .dashboard-stat:after, .dashboard-stat:before {
        content: " ";
        display: table
    }

    .dashboard-stat:after {
        clear: both
    }

.portlet .dashboard-stat:last-child {
    margin-bottom: 0
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px
}

    .dashboard-stat .visual > em {
        margin-left: -35px;
        font-size: 110px;
        line-height: 110px
    }

.dashboard-stat .details {
    position: absolute;
    right: 05px;
    padding-right: 15px
}

    .dashboard-stat .details .number {
        padding-top: 25px;
        text-align: right;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: -1px;
        margin-bottom: 0;
        font-weight: 300
    }

    .dashboard-stat .details .desc {
        text-align: right;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 300
    }

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    opacity: 1;
    filter: alpha(opacity=70)
}

    .dashboard-stat .more:hover {
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .dashboard-stat .more > em {
        display: inline-block;
        margin-top: 1px;
        float: right
    }

.dashboard-stat-light {
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .dashboard-stat-light .details {
        margin-bottom: 5px
    }

        .dashboard-stat-light .details .number {
            font-weight: 300;
            margin-bottom: 0
        }

.dashboard-stat2 {
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 15px 15px 30px;
    margin-bottom: 20px
}

    .dashboard-stat2 .display {
        margin-bottom: 20px
    }

        .dashboard-stat2 .display:after, .dashboard-stat2 .display:before {
            content: " ";
            display: table
        }

        .dashboard-stat2 .display:after {
            clear: both
        }

        .dashboard-stat2 .display .number {
            float: left;
            display: inline-block
        }

            .dashboard-stat2 .display .number h3 {
                margin: 0 0 2px;
                padding: 0;
                font-size: 30px;
                font-weight: 400
            }

                .dashboard-stat2 .display .number h3 > small {
                    font-size: 23px
                }

            .dashboard-stat2 .display .number small {
                font-size: 14px;
                color: #AAB5BC;
                font-weight: 600;
                text-transform: uppercase
            }

        .dashboard-stat2 .display .icon {
            display: inline-block;
            float: right;
            padding: 7px 0 0
        }

            .dashboard-stat2 .display .icon > em {
                color: #cbd4e0;
                font-size: 26px
            }

    .dashboard-stat2 .progress-info {
        clear: both
    }

        .dashboard-stat2 .progress-info .progress {
            margin: 0;
            height: 4px;
            clear: both;
            display: block
        }

        .dashboard-stat2 .progress-info .status {
            margin-top: 5px;
            font-size: 11px;
            color: #AAB5BC;
            font-weight: 600;
            text-transform: uppercase
        }

            .dashboard-stat2 .progress-info .status .status-title {
                float: left;
                display: inline-block
            }

            .dashboard-stat2 .progress-info .status .status-number {
                float: right;
                display: inline-block
            }

.text-stat h3 {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 18px
}

.text-stat span {
    font-size: 13px !important
}

@media (max-width:767px) {
    .text-stat {
        margin-top: 20px
    }
}

.social-icons {
    padding: 0;
    margin: 0
}

    .social-icons:after, .social-icons:before {
        content: " ";
        display: table
    }

    .social-icons:after {
        clear: both
    }

    .social-icons li {
        float: left;
        display: inline;
        list-style: none;
        margin-right: 5px;
        margin-bottom: 5px;
        text-indent: -9999px
    }

        .social-icons li > a {
            -o-border-radius: 2px;
            border-radius: 2px;
            width: 28px;
            height: 28px;
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out
        }

        .social-icons li:hover > a {
            background-position: 0 -38px
        }

        .social-icons li .amazon {
            background: url(../img/social/amazon.png) no-repeat
        }

        .social-icons li .behance {
            background: url(../img/social/behance.png) no-repeat
        }

        .social-icons li .blogger {
            background: url(../img/social/blogger.png) no-repeat
        }

        .social-icons li .deviantart {
            background: url(../img/social/deviantart.png) no-repeat
        }

        .social-icons li .dribbble {
            background: url(../img/social/dribbble.png) no-repeat
        }

        .social-icons li .dropbox {
            background: url(../img/social/dropbox.png) no-repeat
        }

        .social-icons li .evernote {
            background: url(../img/social/evernote.png) no-repeat
        }

        .social-icons li .facebook {
            background: url(../img/social/facebook.png) no-repeat
        }

        .social-icons li .forrst {
            background: url(../img/social/forrst.png) no-repeat
        }

        .social-icons li .github {
            background: url(../img/social/github.png) no-repeat
        }

        .social-icons li .googleplus {
            background: url(../img/social/googleplus.png) no-repeat
        }

        .social-icons li .jolicloud {
            background: url(../img/social/jolicloud.png) no-repeat
        }

        .social-icons li .last-fm {
            background: url(../img/social/last-fm.png) no-repeat
        }

        .social-icons li .linkedin {
            background: url(../img/social/linkedin.png) no-repeat
        }

        .social-icons li .picasa {
            background: url(../img/social/picasa.png) no-repeat
        }

        .social-icons li .pintrest {
            background: url(../img/social/pintrest.png) no-repeat
        }

        .social-icons li .rss {
            background: url(../img/social/rss.png) no-repeat
        }

        .social-icons li .skype {
            background: url(../img/social/skype.png) no-repeat
        }

        .social-icons li .spotify {
            background: url(../img/social/spotify.png) no-repeat
        }

        .social-icons li .stumbleupon {
            background: url(../img/social/stumbleupon.png) no-repeat
        }

        .social-icons li .tumblr {
            background: url(../img/social/tumblr.png) no-repeat
        }

        .social-icons li .twitter {
            background: url(../img/social/twitter.png) no-repeat
        }

        .social-icons li .vimeo {
            background: url(../img/social/vimeo.png) no-repeat
        }

        .social-icons li .wordpress {
            background: url(../img/social/wordpress.png) no-repeat
        }

        .social-icons li .xing {
            background: url(../img/social/xing.png) no-repeat
        }

        .social-icons li .yahoo {
            background: url(../img/social/yahoo.png) no-repeat
        }

        .social-icons li .youtube {
            background: url(../img/social/youtube.png) no-repeat
        }

        .social-icons li .vk {
            background: url(../img/social/vk.png) no-repeat
        }

        .social-icons li .instagram {
            background: url(../img/social/instagram.png) no-repeat
        }

        .social-icons li .reddit {
            background: url(../img/social/reddit.png) no-repeat
        }

        .social-icons li .aboutme {
            background: url(../img/social/aboutme.png) no-repeat
        }

        .social-icons li .flickr {
            background: url(../img/social/flickr.png) no-repeat
        }

        .social-icons li .foursquare {
            background: url(../img/social/foursquare.png) no-repeat
        }

        .social-icons li .gravatar {
            background: url(../img/social/gravatar.png) no-repeat
        }

        .social-icons li .klout {
            background: url(../img/social/klout.png) no-repeat
        }

        .social-icons li .myspace {
            background: url(../img/social/myspace.png) no-repeat
        }

        .social-icons li .quora {
            background: url(../img/social/quora.png) no-repeat
        }

    .social-icons.social-icons-color > li > a {
        opacity: .7;
        background-position: 0 -38px !important
    }

        .social-icons.social-icons-color > li > a:hover {
            opacity: 1
        }

    .social-icons.social-icons-circle > li > a {
        border-radius: 25px !important
    }

.social-icon {
    display: inline-block !important;
    width: 28px;
    height: 28px;
    background-position: 0 0;
    background-repeat: no-repeat;
    -o-border-radius: 2px;
    border-radius: 2px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

    .social-icon.social-icon-circle {
        border-radius: 25px !important
    }

    .social-icon.amazon {
        background: url(../img/social/amazon.png) no-repeat
    }

    .social-icon.behance {
        background: url(../img/social/behance.png) no-repeat
    }

    .social-icon.blogger {
        background: url(../img/social/blogger.png) no-repeat
    }

    .social-icon.deviantart {
        background: url(../img/social/deviantart.png) no-repeat
    }

    .social-icon.dribbble {
        background: url(../img/social/dribbble.png) no-repeat
    }

    .social-icon.dropbox {
        background: url(../img/social/dropbox.png) no-repeat
    }

    .social-icon.evernote {
        background: url(../img/social/evernote.png) no-repeat
    }

    .social-icon.facebook {
        background: url(../img/social/facebook.png) no-repeat
    }

    .social-icon.forrst {
        background: url(../img/social/forrst.png) no-repeat
    }

    .social-icon.github {
        background: url(../img/social/github.png) no-repeat
    }

    .social-icon.googleplus {
        background: url(../img/social/googleplus.png) no-repeat
    }

    .social-icon.jolicloud {
        background: url(../img/social/jolicloud.png) no-repeat
    }

    .social-icon.last-fm {
        background: url(../img/social/last-fm.png) no-repeat
    }

    .social-icon.linkedin {
        background: url(../img/social/linkedin.png) no-repeat
    }

    .social-icon.picasa {
        background: url(../img/social/picasa.png) no-repeat
    }

    .social-icon.pintrest {
        background: url(../img/social/pintrest.png) no-repeat
    }

    .social-icon.rss {
        background: url(../img/social/rss.png) no-repeat
    }

    .social-icon.skype {
        background: url(../img/social/skype.png) no-repeat
    }

    .social-icon.spotify {
        background: url(../img/social/spotify.png) no-repeat
    }

    .social-icon.stumbleupon {
        background: url(../img/social/stumbleupon.png) no-repeat
    }

    .social-icon.tumblr {
        background: url(../img/social/tumblr.png) no-repeat
    }

    .social-icon.twitter {
        background: url(../img/social/twitter.png) no-repeat
    }

    .social-icon.vimeo {
        background: url(../img/social/vimeo.png) no-repeat
    }

    .social-icon.wordpress {
        background: url(../img/social/wordpress.png) no-repeat
    }

    .social-icon.xing {
        background: url(../img/social/xing.png) no-repeat
    }

    .social-icon.yahoo {
        background: url(../img/social/yahoo.png) no-repeat
    }

    .social-icon.youtube {
        background: url(../img/social/youtube.png) no-repeat
    }

    .social-icon.vk {
        background: url(../img/social/vk.png) no-repeat
    }

    .social-icon.instagram {
        background: url(../img/social/instagram.png) no-repeat
    }

    .social-icon.reddit {
        background: url(../img/social/reddit.png) no-repeat
    }

    .social-icon.aboutme {
        background: url(../img/social/aboutme.png) no-repeat
    }

    .social-icon.flickr {
        background: url(../img/social/flickr.png) no-repeat
    }

    .social-icon.foursquare {
        background: url(../img/social/foursquare.png) no-repeat
    }

    .social-icon.gravatar {
        background: url(../img/social/gravatar.png) no-repeat
    }

    .social-icon.klout {
        background: url(../img/social/klout.png) no-repeat
    }

    .social-icon.myspace {
        background: url(../img/social/myspace.png) no-repeat
    }

    .social-icon.quora {
        background: url(../img/social/quora.png) no-repeat
    }

    .social-icon:hover {
        background-position: 0 -38px
    }

.social-icon-color {
    opacity: .7;
    background-position: 0 -38px !important
}

    .social-icon-color:hover {
        opacity: 1
    }

.table.table-bordered thead > tr > th {
    border-bottom: 0
}

.table tr.heading > th {
    background-color: #eee !important
}

.table td .img-responsive {
    width: 100%
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background: #a6c8e6;
    color: #132339
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background: #92bce0
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background: #dff0d8;
    color: #3c763d
}

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

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background: #d9edf7;
    color: #31708f
}

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

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background: #fcf8e3;
    color: #8a6d3b
}

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

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background: #f2dede;
    color: #a94442
}

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

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #ddd;
    margin: 10px 0 !important
}

    .table-scrollable.table-scrollable-borderless {
        border: 0
    }

    .table-scrollable > .table {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 0;
        background-color: #fff
    }

        .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > td, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > th {
            white-space: nowrap
        }

    .table-scrollable > .table-bordered {
        border: 0
    }

        .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > thead > tr > th:first-child {
            border-left: 0
        }

        .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > thead > tr > th:last-child {
            border-right: 0
        }

        .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > thead > tr:last-child > th {
            border-bottom: 0
        }

.flip-scroll table {
    width: 100%
}

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

    .flip-scroll * html .flip-content, .flip-scroll :first-child + html .flip-content {
        zoom: 1
    }

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

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

    .flip-scroll th {
        border: 0 !important;
        border-bottom: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        font-size: 13px !important;
        padding: 5px;
        width: auto !important;
        display: block;
        text-align: right;
        border-left: 0
    }

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

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

    .flip-scroll thead tr {
        display: block
    }

    .flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
        margin-left: -5px;
        border-left: 1px solid #ddd
    }

    .flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0
    }

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

.table-toolbar {
    margin-bottom: 15px
}

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

    .table-toolbar:after {
        clear: both
    }

.table.table-full-width {
    width: 100% !important
}

.table .btn {
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px
}

.table thead tr th {
    font-size: 14px;
    font-weight: 600
}

.table-advance {
    margin-bottom: 10px !important
}

    .table-advance thead {
        color: #999
    }

        .table-advance thead tr th {
            background-color: #DDD;
            font-size: 14px;
            font-weight: 400;
            color: #666
        }

    .table-advance div.danger, .table-advance div.important, .table-advance div.info, .table-advance div.success, .table-advance div.warning {
        position: absolute;
        margin-top: -5px;
        float: left;
        width: 2px;
        height: 30px;
        margin-right: 20px !important
    }

    .table-advance tr td {
        border-left-width: 0
    }

        .table-advance tr td:first-child {
            border-left-width: 1px !important
        }

        .table-advance tr td.highlight:first-child a {
            margin-left: 15px
        }

    .table-advance td.highlight div.primary {
        border-left: 2px solid #428bca
    }

    .table-advance td.highlight div.success {
        border-left: 2px solid #45B6AF
    }

    .table-advance td.highlight div.info {
        border-left: 2px solid #89C4F4
    }

    .table-advance td.highlight div.warning {
        border-left: 2px solid #FFCC00
    }

    .table-advance td.highlight div.danger {
        border-left: 2px solid #F3565D
    }

@media (max-width:767px) {
    .table-advance tr > td.highlight:first-child a {
        margin-left: 8px
    }
}

.table.table-light {
    border: 0 !important
}

    .table.table-light > thead > tr:hover > th {
        background: 0 0
    }

    .table.table-light > thead > tr.uppercase {
        text-transform: uppercase
    }

    .table.table-light > thead > tr > th {
        font-weight: 600;
        font-size: 13px;
        color: #93a2a9;
        font-family: "Open Sans",sans-serif;
        border: 0;
        border-bottom: 1px solid #F2F5F8
    }

    .table.table-light > tbody > tr:last-child > td {
        border: 0
    }

    .table.table-light > tbody > tr > td {
        border: 0;
        border-bottom: 1px solid #F2F5F8;
        color: #8896a0;
        vertical-align: middle
    }

        .table.table-light > tbody > tr > td.fit {
            width: 1px;
            padding-right: 3px
        }

        .table.table-light > tbody > tr > td .user-pic {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
            -o-border-radius: 100%;
            border-radius: 100%
        }

    .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th, .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover {
        background: #f9fafb
    }

.nav-pills, .nav-tabs {
    margin-bottom: 10px
}

    .nav-pills > li > a, .nav-tabs > li > a {
        font-size: 14px;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

        .nav-pills > li > a > .badge, .nav-tabs > li > a > .badge {
            margin-top: -6px
        }

    .nav-pills > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-tabs > li .dropdown-menu:before {
        display: none
    }

    .nav-pills.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-tabs.nav-tabs-sm > li > a {
        font-size: 13px
    }

    .nav-pills .dropdown.open > .dropdown-toggle, .nav-tabs .dropdown.open > .dropdown-toggle {
        background: #eee;
        color: #0d638f;
        border-color: transparent
    }

.tabs-left.nav-tabs, .tabs-right.nav-tabs {
    border-bottom: 0
}

    .tabs-left.nav-tabs > li, .tabs-right.nav-tabs > li {
        float: none
    }

        .tabs-left.nav-tabs > li > a, .tabs-right.nav-tabs > li > a {
            margin-right: 0;
            margin-bottom: 3px
        }

.tabs-left.nav-tabs {
    border-right: 1px solid #ddd
}

    .tabs-left.nav-tabs > li > a {
        display: block;
        margin-right: -1px
    }

        .tabs-left.nav-tabs > li > a:focus, .tabs-left.nav-tabs > li > a:hover {
            -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            border-color: #eee #ddd #eee #eee
        }

    .tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {
        -o-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #fff
    }

.tabs-right.nav-tabs {
    border-left: 1px solid #ddd
}

    .tabs-right.nav-tabs > li > a {
        display: block;
        margin-left: -1px
    }

        .tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover {
            -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
            border-color: #eee #eee #eee #ddd
        }

    .tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {
        -o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #fff
    }

.tabs-below > .nav-pills, .tabs-below > .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 10px
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 10px
}

    .tabs-below > .nav-tabs > li > a {
        margin-top: -1px;
        margin-bottom: 0
    }

        .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
            border-top-color: #ddd;
            border-bottom-color: transparent
        }

        .tabs-below > .nav-tabs > li > a .dropdown-menu {
            -o-border-radius: 4px;
            border-radius: 4px
        }

    .tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus {
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        border-color: transparent #ddd #ddd !important
    }

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

.tabbable:after {
    clear: both
}

.tabbable-custom {
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden
}

    .tabbable-custom > .nav-tabs {
        border: none;
        margin: 0
    }

        .tabbable-custom > .nav-tabs > li {
            margin-right: 2px;
            border-top: 2px solid transparent
        }

            .tabbable-custom > .nav-tabs > li > a {
                margin-right: 0;
                -o-border-radius: 0;
                border-radius: 0
            }

                .tabbable-custom > .nav-tabs > li > a:hover {
                    background: 0 0;
                    border-color: transparent
                }

            .tabbable-custom > .nav-tabs > li.active {
                border-top: 3px solid #F3565D;
                margin-top: 0;
                position: relative
            }

                .tabbable-custom > .nav-tabs > li.active > a {
                    border-top: none !important;
                    font-weight: 400;
                    -o-border-radius: 0;
                    border-radius: 0
                }

                    .tabbable-custom > .nav-tabs > li.active > a:hover {
                        -o-border-radius: 0;
                        border-radius: 0;
                        border-top: none;
                        background: #fff;
                        border-color: #d4d4d4 #d4d4d4 transparent
                    }

    .tabbable-custom > .tab-content {
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px
    }

    .tabbable-custom.nav-justified > .tab-content {
        margin-top: -1px
    }

    .tabbable-custom.boxless > .tab-content {
        padding: 15px 0;
        border-left: none;
        border-right: none;
        border-bottom: none
    }

    .tabbable-custom.tabs-below.nav-justified .tab-content {
        margin-top: 0;
        margin-bottom: -2px;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

    .tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
        color: #424242;
        font-size: 15px;
        padding: 9px 15px
    }

    .tabbable-custom.tabbable-full-width > .tab-content {
        padding: 15px 0;
        border-left: none;
        border-right: none;
        border-bottom: none
    }

    .tabbable-custom.tabs-below .nav-tabs > li > a {
        border-top: none;
        border-bottom: 2px solid transparent;
        margin-top: -1px
    }

    .tabbable-custom.tabs-below .nav-tabs > li.active {
        border-top: none;
        border-bottom: 3px solid #d12610;
        margin-bottom: 0;
        position: relative
    }

        .tabbable-custom.tabs-below .nav-tabs > li.active > a {
            border-bottom: none
        }

            .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
                background: #fff;
                border-color: #d4d4d4 #d4d4d4 transparent
            }

    .tabbable-custom.tabbable-noborder .tab-content, .tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
        border: 0
    }

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373
        }

            .tabbable-line > .nav-tabs > li > a > em {
                color: #a6a6a6
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #fbcdcf
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333
            }

                .tabbable-line > .nav-tabs > li.open > a > em, .tabbable-line > .nav-tabs > li:hover > a > em {
                    color: #a6a6a6
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #F3565D;
            position: relative
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #333
            }

                .tabbable-line > .nav-tabs > li.active > a > em {
                    color: #404040
                }

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0
}

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent
}

    .tabbable-line.tabs-below > .nav-tabs > li > a {
        margin-top: 0
    }

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbcdcf
    }

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #F3565D
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.tiles {
    margin-right: -10px
}

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

    .tiles:after {
        clear: both
    }

    .tiles .tile {
        display: block;
        float: left;
        height: 150px;
        width: 175px !important;
        cursor: pointer;
        text-decoration: none;
        color: #fff;
        position: relative;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: .02em;
        line-height: 20px;
        overflow: hidden;
        border: 4px solid transparent;
        margin: 0 10px 10px 0
    }

        .tiles .tile:after, .tiles .tile:before {
            content: "";
            float: left
        }

        .tiles .tile.double {
            width: 280px !important
        }

        .tiles .tile.double-down {
            height: 280px !important
        }

            .tiles .tile.double-down em {
                margin-top: 95px
            }

        .tiles .tile:hover {
            border-color: #aaa !important
        }

        .tiles .tile.selected, .tiles .tile:active {
            border-color: #ccc !important
        }

            .tiles .tile.selected .corner:after {
                content: "";
                display: inline-block;
                border-left: 40px solid transparent;
                border-bottom: 40px solid transparent;
                border-right: 40px solid #ccc;
                position: absolute;
                top: -3px;
                right: -3px
            }

            .tiles .tile.selected .check:after {
                font-family: FontAwesome,sans-serif;
                font-size: 13px;
                content: "\f00c";
                display: inline-block;
                position: absolute;
                top: 2px;
                right: 2px
            }

        .tiles .tile.icon {
            padding: 0
        }

        .tiles .tile.image .tile-body {
            padding: 0 !important
        }

            .tiles .tile.image .tile-body > img {
                width: 100%;
                height: auto;
                min-height: 100%;
                max-width: 100%
            }

            .tiles .tile.image .tile-body h3 {
                display: inline-block
            }

        .tiles .tile .tile-body {
            height: 100%;
            vertical-align: top;
            padding: 10px;
            overflow: hidden;
            position: relative;
            font-weight: 400;
            font-size: 12px;
            color: #000;
            color: #fff;
            margin-bottom: 10px
        }

            .tiles .tile .tile-body p {
                font-weight: 400;
                font-size: 13px;
                color: #000;
                color: #fff;
                overflow: hidden
            }

                .tiles .tile .tile-body p:active {
                    color: rgba(0,0,0,.4)
                }

            .tiles .tile .tile-body img {
                float: left;
                margin-right: 10px
            }

                .tiles .tile .tile-body img.pull-right {
                    float: right !important;
                    margin-left: 10px;
                    margin-right: 0
                }

            .tiles .tile .tile-body > .content {
                display: inline-block
            }

            .tiles .tile .tile-body > em {
                margin-top: 17px;
                display: block;
                font-size: 56px;
                line-height: 56px;
                text-align: center;
                color: #FFF
            }

            .tiles .tile .tile-body h1, .tiles .tile .tile-body h2, .tiles .tile .tile-body h3, .tiles .tile .tile-body h4, .tiles .tile .tile-body h5, .tiles .tile .tile-body h6, .tiles .tile .tile-body p {
                padding: 0;
                margin: 0;
                line-height: 14px
            }

                .tiles .tile .tile-body h1:hover, .tiles .tile .tile-body h2:hover, .tiles .tile .tile-body h3:hover, .tiles .tile .tile-body h4:hover, .tiles .tile .tile-body h5:hover, .tiles .tile .tile-body h6:hover, .tiles .tile .tile-body p:hover {
                    color: #fff
                }

            .tiles .tile .tile-body h3, .tiles .tile .tile-body h4 {
                margin-bottom: 5px
            }

        .tiles .tile .tile-object {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            min-height: 30px;
            background-color: transparent;
            *zoom: 1
        }

            .tiles .tile .tile-object:after, .tiles .tile .tile-object:before {
                display: table;
                content: ""
            }

            .tiles .tile .tile-object:after {
                clear: both
            }

            .tiles .tile .tile-object > .name {
                position: absolute;
                bottom: 0;
                left: 0;
                margin-bottom: 5px;
                margin-left: 10px;
                margin-right: 15px;
                font-weight: 400;
                font-size: 17px;
                color: #fff
            }

                .tiles .tile .tile-object > .name > em {
                    vertical-align: middle;
                    display: block;
                    font-size: 24px;
                    height: 18px;
                    width: 24px
                }

            .tiles .tile .tile-object > .number {
                position: absolute;
                bottom: 0;
                right: 0;
                color: #fff;
                text-align: center;
                font-weight: 600;
                font-size: 14px;
                letter-spacing: .01em;
                line-height: 14px;
                margin-bottom: 8px;
                margin-right: 10px
            }

.well {
    background-color: #ECECEE;
    border: 0;
    box-shadow: none !important
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade-in-up {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s
}

@-webkit-keyframes bounceDelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceDelay {
    0%,100%,80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes input-focus {
    0% {
        left: 20%;
        width: 20%
    }

    99% {
        width: 0;
        left: 0;
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes input-focus {
    0% {
        left: 20%;
        width: 20%
    }

    99% {
        width: 0;
        left: 0;
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.mt-code {
    padding: 3px;
    color: #E43A45;
    border-radius: 4px !important;
    display: inline;
    word-wrap: normal
}

.caption-desc {
    font-size: 13px;
    margin-top: .5em;
    line-height: 2.3em
}

.mt-element-step .row {
    margin: 0
}

.mt-element-step .step-default .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.mt-element-step .step-default .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto;
    padding: 3px 14px;
    margin-bottom: 20px
}

.mt-element-step .step-default .mt-step-title {
    font-size: 30px;
    font-weight: 100
}

.mt-element-step .step-default .active {
    background-color: #32c5d2 !important
}

    .mt-element-step .step-default .active .mt-step-number {
        color: #32c5d2 !important
    }

    .mt-element-step .step-default .active .mt-step-content, .mt-element-step .step-default .active .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-default .done {
    background-color: #26C281 !important
}

    .mt-element-step .step-default .done .mt-step-number {
        color: #26C281 !important
    }

    .mt-element-step .step-default .done .mt-step-content, .mt-element-step .step-default .done .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-default .error {
    background-color: #E7505A !important
}

    .mt-element-step .step-default .error .mt-step-number {
        color: #E7505A !important
    }

    .mt-element-step .step-default .error .mt-step-content, .mt-element-step .step-default .error .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px
}

.mt-element-step .step-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px
}

.mt-element-step .step-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px
}

.mt-element-step .step-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px
}

.mt-element-step .step-thin .active {
    background-color: #32c5d2 !important
}

    .mt-element-step .step-thin .active .mt-step-number {
        color: #32c5d2 !important
    }

    .mt-element-step .step-thin .active .mt-step-content, .mt-element-step .step-thin .active .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-thin .done {
    background-color: #26C281 !important
}

    .mt-element-step .step-thin .done .mt-step-number {
        color: #26C281 !important
    }

    .mt-element-step .step-thin .done .mt-step-content, .mt-element-step .step-thin .done .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-thin .error {
    background-color: #E7505A !important
}

    .mt-element-step .step-thin .error .mt-step-number {
        color: #E7505A !important
    }

    .mt-element-step .step-thin .error .mt-step-content, .mt-element-step .step-thin .error .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-background .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    height: 160px
}

.mt-element-step .step-background .mt-step-number {
    font-size: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: .79em;
    color: #dae1e4;
    z-index: 4
}

.mt-element-step .step-background .mt-step-title {
    font-size: 30px;
    font-weight: 100;
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative
}

.mt-element-step .step-background .mt-step-content {
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative
}

.mt-element-step .step-background .active {
    background-color: #32c5d2 !important
}

    .mt-element-step .step-background .active .mt-step-number {
        color: #2ab4c0 !important
    }

    .mt-element-step .step-background .active .mt-step-content, .mt-element-step .step-background .active .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-background .done {
    background-color: #26C281 !important
}

    .mt-element-step .step-background .done .mt-step-number {
        color: #22ad73 !important
    }

    .mt-element-step .step-background .done .mt-step-content, .mt-element-step .step-background .done .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-background .error {
    background-color: #E7505A !important
}

    .mt-element-step .step-background .error .mt-step-number {
        color: #e43a45 !important
    }

    .mt-element-step .step-background .error .mt-step-content, .mt-element-step .step-background .error .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-background-thin .mt-step-col {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.mt-element-step .step-background-thin .mt-step-number {
    font-size: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: .79em;
    color: #dae1e4;
    z-index: 4
}

.mt-element-step .step-background-thin .mt-step-title {
    font-size: 30px;
    font-weight: 100;
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative
}

.mt-element-step .step-background-thin .mt-step-content {
    text-align: right;
    position: relative;
    padding-right: 25%;
    z-index: 5
}

.mt-element-step .step-background-thin .active {
    background-color: #32c5d2 !important
}

    .mt-element-step .step-background-thin .active .mt-step-number {
        color: #2ab4c0 !important
    }

    .mt-element-step .step-background-thin .active .mt-step-content, .mt-element-step .step-background-thin .active .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-background-thin .done {
    background-color: #26C281 !important
}

    .mt-element-step .step-background-thin .done .mt-step-number {
        color: #22ad73 !important
    }

    .mt-element-step .step-background-thin .done .mt-step-content, .mt-element-step .step-background-thin .done .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-background-thin .error {
    background-color: #E7505A !important
}

    .mt-element-step .step-background-thin .error .mt-step-number {
        color: #e43a45 !important
    }

    .mt-element-step .step-background-thin .error .mt-step-content, .mt-element-step .step-background-thin .error .mt-step-title {
        color: #fff !important
    }

.mt-element-step .step-no-background .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.mt-element-step .step-no-background .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto;
    padding: 3px 14px;
    margin-bottom: 20px;
    border: 1px solid;
    border-color: #e5e5e5
}

.mt-element-step .step-no-background .mt-step-title {
    font-size: 30px;
    font-weight: 100
}

.mt-element-step .step-no-background .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    font-weight: 700
}

.mt-element-step .step-no-background .active .mt-step-content, .mt-element-step .step-no-background .active .mt-step-title {
    color: #32c5d2 !important;
    font-weight: 700
}

.mt-element-step .step-no-background .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
    font-weight: 700
}

.mt-element-step .step-no-background .done .mt-step-content, .mt-element-step .step-no-background .done .mt-step-title {
    color: #26C281 !important;
    font-weight: 700
}

.mt-element-step .step-no-background .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
    font-weight: 700
}

.mt-element-step .step-no-background .error .mt-step-content, .mt-element-step .step-no-background .error .mt-step-title {
    color: #E7505A !important;
    font-weight: 700
}

.mt-element-step .step-no-background-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px
}

.mt-element-step .step-no-background-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
    border: 1px solid;
    border-color: #e5e5e5
}

.mt-element-step .step-no-background-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px
}

.mt-element-step .step-no-background-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px
}

.mt-element-step .step-no-background-thin .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    font-weight: 700
}

.mt-element-step .step-no-background-thin .active .mt-step-content, .mt-element-step .step-no-background-thin .active .mt-step-title {
    color: #32c5d2 !important;
    font-weight: 700
}

.mt-element-step .step-no-background-thin .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
    font-weight: 700
}

.mt-element-step .step-no-background-thin .done .mt-step-content, .mt-element-step .step-no-background-thin .done .mt-step-title {
    color: #26C281 !important;
    font-weight: 700
}

.mt-element-step .step-no-background-thin .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
    font-weight: 700
}

.mt-element-step .step-no-background-thin .error .mt-step-content, .mt-element-step .step-no-background-thin .error .mt-step-title {
    color: #E7505A !important;
    font-weight: 700
}

.mt-element-step .step-line .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.mt-element-step .step-line .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto;
    padding: 9px;
    margin-bottom: 5px;
    border: 3px solid;
    border-color: #e5e5e5;
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    text-align: center
}

    .mt-element-step .step-line .mt-step-number > em {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        transform: translateY(-120%)
    }

.mt-element-step .step-line .mt-step-title {
    font-size: 20px;
    font-weight: 400
}

    .mt-element-step .step-line .mt-step-title:after {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e5e5e5;
        top: 53px;
        left: 50%;
        z-index: 4
    }

    .mt-element-step .step-line .mt-step-title:before {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e5e5e5;
        top: 53px;
        right: 50%;
        z-index: 4
    }

.mt-element-step .step-line .first .mt-step-title:before, .mt-element-step .step-line .last .mt-step-title:after {
    content: none
}

.mt-element-step .step-line .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important
}

.mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title {
    color: #32c5d2 !important
}

    .mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
        background-color: #32c5d2
    }

.mt-element-step .step-line .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important
}

.mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title {
    color: #26C281 !important
}

    .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
        background-color: #26C281
    }

.mt-element-step .step-line .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important
}

.mt-element-step .step-line .error .mt-step-content, .mt-element-step .step-line .error .mt-step-title {
    color: #E7505A !important
}

    .mt-element-step .step-line .error .mt-step-title:after, .mt-element-step .step-line .error .mt-step-title:before {
        background-color: #E7505A
    }

@media (max-width:991px) {
    .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {
        content: none
    }
}

.mt-element-ribbon {
    padding: 25px;
    position: relative;
    margin-bottom: 30px
}

    .mt-element-ribbon .ribbon-content {
        margin: 0;
        padding-top: 2.5em
    }

        .mt-element-ribbon .ribbon-content.no-padding {
            padding-top: 0
        }

    .mt-element-ribbon .ribbon {
        position: absolute;
        top: 15px;
        left: -2px;
        padding: .5em 1em;
        z-index: 5;
        background-color: #c6c6c6;
        color: #474747
    }

        .mt-element-ribbon .ribbon.ribbon-right {
            left: auto;
            right: -2px
        }

        .mt-element-ribbon .ribbon.ribbon-vertical-left {
            top: -2px;
            left: 15px;
            padding-top: 1em;
            padding-bottom: 1em
        }

        .mt-element-ribbon .ribbon.ribbon-vertical-right {
            top: -2px;
            left: auto;
            right: 15px;
            padding-top: 1em;
            padding-bottom: 1em
        }

        .mt-element-ribbon .ribbon.ribbon-shadow {
            box-shadow: 2px 2px 7px rgba(0,0,0,.4)
        }

            .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right, .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
                box-shadow: -2px 2px 7px rgba(0,0,0,.4)
            }

        .mt-element-ribbon .ribbon.ribbon-round {
            border-top-right-radius: 5px !important;
            border-bottom-right-radius: 5px !important
        }

            .mt-element-ribbon .ribbon.ribbon-round.ribbon-right {
                border-top-right-radius: 0 !important;
                border-bottom-right-radius: 0 !important;
                border-top-left-radius: 5px !important;
                border-bottom-left-radius: 5px !important
            }

            .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left, .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right {
                border-top-right-radius: 0 !important;
                border-bottom-right-radius: 5px !important;
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 5px !important
            }

        .mt-element-ribbon .ribbon.ribbon-border:after {
            border: 1px solid;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-vert:after {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid;
            border-right: 1px solid;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-hor:after {
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-left: none;
            border-right: none;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            right: 0
        }

        .mt-element-ribbon .ribbon.ribbon-border-dash:after {
            border: 1px solid;
            border-style: dashed;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid;
            border-right: 1px solid;
            border-left-style: dashed;
            border-right-style: dashed;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-left: none;
            border-right: none;
            border-top-style: dashed;
            border-bottom-style: dashed;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            right: 0
        }

        .mt-element-ribbon .ribbon.ribbon-clip {
            left: -10px
        }

            .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {
                left: auto;
                right: -10px
            }

        .mt-element-ribbon .ribbon > .ribbon-sub {
            z-index: -1;
            position: absolute;
            padding: 0;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #c6c6c6;
            color: #474747
        }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-color: transparent !important;
                bottom: -10px
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
                border-width: 0 10px 10px 0;
                border-right-color: #222 !important;
                left: 0
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-color: transparent;
                bottom: -10px
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
                border-right-color: transparent !important
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
                border-width: 0 0 10px 10px;
                border-left-color: #222 !important;
                right: 0
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {
                border-left: 21px solid;
                border-right: 20px solid;
                border-bottom: 1em solid transparent !important;
                bottom: -1em;
                content: '';
                height: 0;
                left: 0;
                position: absolute;
                width: 0
            }

        .mt-element-ribbon .ribbon:after {
            border-color: #7a7a7a
        }

        .mt-element-ribbon .ribbon > .ribbon-sub:after {
            border-color: #7a7a7a;
            border-left-color: #c6c6c6;
            border-right-color: #c6c6c6
        }

        .mt-element-ribbon .ribbon.ribbon-color-default {
            background-color: #c6c6c6;
            color: #474747
        }

            .mt-element-ribbon .ribbon.ribbon-color-default:after {
                border-color: #adadad
            }

            .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub {
                background-color: #c6c6c6;
                color: #474747
            }

                .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
                    border-color: #7a7a7a;
                    border-left-color: #c6c6c6;
                    border-right-color: #c6c6c6
                }

        .mt-element-ribbon .ribbon.ribbon-color-primary {
            background-color: #428bca;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-primary:after {
                border-color: #3071a9
            }

            .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub {
                background-color: #428bca;
                color: #03070a
            }

                .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
                    border-color: #193c5a;
                    border-left-color: #428bca;
                    border-right-color: #428bca
                }

        .mt-element-ribbon .ribbon.ribbon-color-info {
            background-color: #89C4F4;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-info:after {
                border-color: #5aadf0
            }

            .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub {
                background-color: #89C4F4;
                color: #0b4473
            }

                .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after {
                    border-color: #137cd1;
                    border-left-color: #89C4F4;
                    border-right-color: #89C4F4
                }

        .mt-element-ribbon .ribbon.ribbon-color-success {
            background-color: #45B6AF;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-success:after {
                border-color: #37918b
            }

            .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub {
                background-color: #45B6AF;
                color: #000
            }

                .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after {
                    border-color: #1b4744;
                    border-left-color: #45B6AF;
                    border-right-color: #45B6AF
                }

        .mt-element-ribbon .ribbon.ribbon-color-danger {
            background-color: #F3565D;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-danger:after {
                border-color: #f0262f
            }

            .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub {
                background-color: #F3565D;
                color: #450508
            }

                .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {
                    border-color: #a40c12;
                    border-left-color: #F3565D;
                    border-right-color: #F3565D
                }

        .mt-element-ribbon .ribbon.ribbon-color-warning {
            background-color: #FFCC00;
            color: #231c06
        }

            .mt-element-ribbon .ribbon.ribbon-color-warning:after {
                border-color: #d0a625
            }

            .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub {
                background-color: #FFCC00;
                color: #231c06
            }

                .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {
                    border-color: #7a6115;
                    border-left-color: #FFCC00;
                    border-right-color: #FFCC00
                }

.mt-element-list .list-default.mt-list-head {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px
}

    .mt-element-list .list-default.mt-list-head .list-title {
        margin: 0 0 .7em;
        font-size: 18px
    }

    .mt-element-list .list-default.mt-list-head .list-date {
        font-size: 12px
    }

    .mt-element-list .list-default.mt-list-head .list-pending {
        margin-bottom: 10px
    }

    .mt-element-list .list-default.mt-list-head .list-count {
        display: inline-block;
        padding: 3px 7px
    }

        .mt-element-list .list-default.mt-list-head .list-count.last {
            margin-bottom: 0
        }

    .mt-element-list .list-default.mt-list-head .list-label {
        display: inline-block;
        font-size: 12px
    }

.mt-element-list .list-default.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px
}

    .mt-element-list .list-default.mt-list-container .mt-list-title {
        padding-bottom: 15px;
        font-size: 14px;
        font-weight: 700
    }

    .mt-element-list .list-default.mt-list-container ul {
        margin-bottom: 0;
        padding: 0
    }

        .mt-element-list .list-default.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #e7ecf1;
            padding: 25px 0;
            min-height: 45px
        }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item:first-child {
                padding-top: 0
            }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item:last-child {
                padding-bottom: 0;
                border: none
            }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container {
                border: 1px solid;
                border-color: #e7ecf1;
                border-radius: 50% !important;
                padding: .9em;
                float: left;
                width: 45px;
                height: 45px
            }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a {
                    color: #34495e
                }

                    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
                        color: #26C281;
                        text-decoration: none
                    }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done {
                    border-color: #26C281
                }

                    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
                        color: #26C281
                    }

                        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
                            color: #26C281;
                            text-decoration: none
                        }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 75px 0 60px
            }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin-top: 0;
                    margin-bottom: 5px;
                    font-size: 16px
                }

                    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e
                    }

                        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #26C281;
                            text-decoration: none
                        }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > p {
                    margin: 0
                }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
                text-align: right;
                float: right;
                width: 60px
            }

.mt-element-list .list-default.ext-1.mt-list-container {
    padding: 15px 0 0
}

    .mt-element-list .list-default.ext-1.mt-list-container .mt-list-title {
        padding: 0 15px 15px
    }

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item {
        padding: 15px;
        border-left: 3px solid;
        border-color: #2F353B;
        border-bottom-color: #e7ecf1
    }

        .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item:hover {
            background-color: #e5e5e5
        }

        .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done {
            border-color: #26C281;
            border-bottom-color: #e7ecf1
        }

            .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done:hover {
                background-color: #96ebc8
            }

        .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item > .list-icon-container {
            border: none
        }

.mt-element-list .list-default.group .list-toggle-container:active, .mt-element-list .list-default.group .list-toggle-container:focus, .mt-element-list .list-default.group .list-toggle-container:hover {
    text-decoration: none
}

.mt-element-list .list-default.group .list-toggle-container .list-toggle {
    padding: 15px;
    background-color: #2F353B;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

    .mt-element-list .list-default.group .list-toggle-container .list-toggle.done {
        background-color: #26C281
    }

.mt-element-list .list-simple.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px
}

    .mt-element-list .list-simple.mt-list-container ul {
        margin-bottom: 0;
        padding: 0
    }

        .mt-element-list .list-simple.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #e7ecf1;
            padding: 15px 0
        }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:first-child {
                padding-top: 0
            }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:last-child {
                padding-bottom: 0;
                border: none
            }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container {
                font-size: 14px;
                float: left
            }

                .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a {
                    color: #34495e
                }

                    .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
                        color: #26C281;
                        text-decoration: none
                    }

                .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done, .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
                    color: #26C281
                }

                    .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
                        color: #26C281;
                        text-decoration: none
                    }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 75px 0 60px
            }

                .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin: 0;
                    font-size: 18px
                }

                    .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e
                    }

                        .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #26C281;
                            text-decoration: none
                        }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime {
                text-align: right;
                float: right;
                width: 60px
            }

.mt-element-list .list-simple.mt-list-head {
    padding: 15px
}

    .mt-element-list .list-simple.mt-list-head .list-title {
        margin: 0;
        padding-right: 85px
    }

    .mt-element-list .list-simple.mt-list-head .list-date {
        font-size: 12px;
        opacity: .8;
        float: right;
        width: 75px
    }

.mt-element-list .list-simple.ext-1.mt-list-container {
    padding: 0
}

    .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {
        padding: 15px;
        border-left: 3px solid;
        border-color: #34495e;
        border-bottom-color: #e7ecf1
    }

        .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item:hover {
            background-color: #e5e5e5
        }

        .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done {
            border-color: #26C281;
            border-bottom-color: #e7ecf1
        }

            .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover {
                background-color: #96ebc8
            }

.mt-element-list .list-simple.group .list-toggle-container:active, .mt-element-list .list-simple.group .list-toggle-container:focus, .mt-element-list .list-simple.group .list-toggle-container:hover {
    text-decoration: none
}

.mt-element-list .list-simple.group .list-toggle-container .list-toggle {
    padding: 15px;
    background-color: #34495e;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

    .mt-element-list .list-simple.group .list-toggle-container .list-toggle.done {
        background-color: #26C281
    }

.mt-element-list .list-news.mt-list-head {
    padding: 15px;
    text-align: center
}

    .mt-element-list .list-news.mt-list-head .list-title {
        margin: 0
    }

    .mt-element-list .list-news.mt-list-head .badge {
        margin-top: 5px
    }

.mt-element-list .list-news.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px 0
}

    .mt-element-list .list-news.mt-list-container ul {
        margin-bottom: 0;
        padding: 0
    }

        .mt-element-list .list-news.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #e7ecf1;
            padding: 15px;
            position: relative
        }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item:first-child {
                padding-top: 0
            }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item:last-child {
                padding-bottom: 0;
                border: none
            }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container {
                font-size: 20px;
                position: absolute;
                right: 5px;
                top: 50%;
                margin-top: -10px
            }

                .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a {
                    color: #2f353b
                }

                    .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
                        color: #32c5d2
                    }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 25px 0 0
            }

                .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin: 0;
                    font-size: 18px;
                    margin-bottom: 10px
                }

                    .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e
                    }

                        .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #32c5d2;
                            text-decoration: none
                        }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-datetime {
                margin-bottom: 10px
            }

.mt-element-list .list-news.ext-1.mt-list-head {
    position: relative;
    text-align: left
}

    .mt-element-list .list-news.ext-1.mt-list-head .list-count {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 19px
    }

.mt-element-list .list-news.ext-1 .list-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left
}

    .mt-element-list .list-news.ext-1 .list-thumb img {
        width: 100%
    }

.mt-element-list .list-news.ext-1.mt-list-container {
    padding: 0
}

    .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item {
        padding: 15px
    }

        .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-item-content {
            padding-left: 90px
        }

        .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:hover {
            background-color: #e5e5e5
        }

        .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:last-child {
            padding-bottom: 15px
        }

.mt-element-list .list-news.ext-2.mt-list-head {
    position: relative;
    text-align: left
}

    .mt-element-list .list-news.ext-2.mt-list-head .list-count {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 19px
    }

.mt-element-list .list-news.ext-2 .list-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left
}

    .mt-element-list .list-news.ext-2 .list-thumb img {
        width: 100%
    }

.mt-element-list .list-news.ext-2.mt-list-container {
    padding: 0
}

    .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item {
        padding: 15px
    }

        .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content {
            padding-left: 90px
        }

            .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                font-size: 16px
            }

                .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                    color: #F2784B
                }

        .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:hover {
            background-color: #e5e5e5
        }

        .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:last-child {
            padding-bottom: 15px
        }

.mt-element-list .list-todo.mt-list-head {
    padding: 15px;
    position: relative
}

    .mt-element-list .list-todo.mt-list-head .list-title {
        margin: 0
    }

    .mt-element-list .list-todo.mt-list-head .list-head-count {
        margin-top: 5px
    }

        .mt-element-list .list-todo.mt-list-head .list-head-count > .list-head-count-item {
            display: inline-block;
            margin-right: 15px
        }

    .mt-element-list .list-todo.mt-list-head .list-count {
        position: absolute;
        top: 0;
        right: 0;
        padding: 29px;
        font-size: 16px
    }

    .mt-element-list .list-todo.mt-list-head a {
        color: #fff
    }

        .mt-element-list .list-todo.mt-list-head a:hover {
            text-decoration: none
        }

.mt-element-list .list-todo.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    position: relative
}

    .mt-element-list .list-todo.mt-list-container .list-todo-line {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 1px;
        top: 0;
        left: 25px;
        border-left: 1px solid;
        border-color: #e7ecf1
    }

    .mt-element-list .list-todo.mt-list-container ul {
        margin-bottom: 0;
        padding: 0;
        position: relative;
        z-index: 5
    }

        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-bottom-style: dashed;
            border-color: #e7ecf1;
            padding: 15px;
            position: relative
        }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item:last-child {
                border: none
            }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-icon {
                display: inline-block;
                margin-top: .7em;
                padding: .7em 0;
                vertical-align: top
            }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item {
                margin-left: 15px;
                display: inline-block;
                vertical-align: top;
                width: 90%;
                position: relative
            }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item:after {
                    right: 100%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    border-color: rgba(47,53,59,0);
                    border-right-color: #2f353b;
                    border-width: 8px;
                    top: 18px
                }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:active, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:focus, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:hover {
                    text-decoration: none
                }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle {
                    padding: 15px
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle > .list-toggle-title {
                        display: inline-block
                    }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list {
                    border: 1px solid;
                    border-color: #e7ecf1;
                    padding: 0;
                    margin: 0;
                    position: relative;
                    border-top: none;
                    border-bottom: none
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item {
                        list-style: none;
                        padding: 15px;
                        border-bottom: 1px solid;
                        border-color: #e7ecf1
                    }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a {
                            color: #2f353b
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover {
                                text-decoration: none;
                                color: #e43a45
                            }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item:last-child {
                            border-bottom: none
                        }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-icon {
                            float: left
                        }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content {
                            padding: 0 45px 0 35px
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > h4 {
                                margin-top: 0;
                                font-size: 14px
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > p {
                                font-size: 13px;
                                margin: 0
                            }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status {
                            float: right
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status a {
                                color: #e5e5e5
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .done:hover {
                                color: #26C281
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .pending:hover {
                                color: #e43a45
                            }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item.done > .task-status .done {
                            color: #26C281
                        }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer {
                        padding: 15px;
                        text-align: center
                    }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a {
                            color: #2f353b
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a:hover {
                                text-decoration: none
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-trash:hover {
                                color: #e43a45
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-add:hover {
                                color: #26C281
                            }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container {
                font-size: 20px;
                position: absolute;
                right: 5px;
                top: 50%;
                margin-top: -10px
            }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a {
                    color: #2f353b
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
                        color: #32c5d2
                    }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 25px 0 0
            }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin: 0;
                    font-size: 18px;
                    margin-bottom: 10px
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e
                    }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #32c5d2;
                            text-decoration: none
                        }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-datetime {
                margin-bottom: 10px
            }

.mt-element-list .list-default.mt-list-head.white, .mt-element-list .list-default.mt-list-head.white .badge {
    background-color: #fff;
    color: #666
}

    .mt-element-list .list-default.mt-list-head.white.ext-1 .badge {
        background-color: #e6e6e6
    }

    .mt-element-list .list-default.mt-list-head.white .list-date, .mt-element-list .list-default.mt-list-head.white .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.white, .mt-element-list .list-todo.mt-list-head.white {
    background-color: #fff;
    color: #666
}

    .mt-element-list .list-todo .list-count.white:hover {
        background-color: #f2f2f2
    }

.mt-element-list .list-todo .list-todo-line.white {
    border-color: #fff
}

.mt-element-list .list-todo .list-todo-item.white:after {
    border-right-color: #fff !important
}

.mt-element-list .list-todo .list-todo-item.white .list-toggle {
    background: #fff;
    color: #666 !important
}

    .mt-element-list .list-todo .list-todo-item.white .list-toggle > .badge {
        color: #fff;
        background: #666
    }

.mt-element-list .list-default.mt-list-head.default {
    background-color: #e1e5ec;
    color: #666
}

    .mt-element-list .list-default.mt-list-head.default .badge {
        background-color: #fff;
        color: #666
    }

    .mt-element-list .list-default.mt-list-head.default.ext-1 .badge {
        background-color: #c2cad8
    }

    .mt-element-list .list-default.mt-list-head.default .list-date, .mt-element-list .list-default.mt-list-head.default .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.default, .mt-element-list .list-todo.mt-list-head.default {
    background-color: #e1e5ec;
    color: #666
}

    .mt-element-list .list-todo .list-count.default:hover {
        background-color: #d1d7e2
    }

.mt-element-list .list-todo .list-todo-line.default {
    border-color: #e1e5ec
}

.mt-element-list .list-todo .list-todo-item.default:after {
    border-right-color: #e1e5ec !important
}

.mt-element-list .list-todo .list-todo-item.default .list-toggle {
    background: #e1e5ec;
    color: #666 !important
}

    .mt-element-list .list-todo .list-todo-item.default .list-toggle > .badge {
        color: #e1e5ec;
        background: #666
    }

.mt-element-list .list-default.mt-list-head.dark {
    background-color: #2f353b;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.dark .badge {
        background-color: #464f57;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.dark.ext-1 .badge {
        background-color: #181b1f
    }

    .mt-element-list .list-default.mt-list-head.dark .list-date, .mt-element-list .list-default.mt-list-head.dark .list-label {
        color: #acb4bd
    }

.mt-element-list .list-todo .list-count.dark, .mt-element-list .list-todo.mt-list-head.dark {
    background-color: #2f353b;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.dark:hover {
        background-color: #24282d
    }

.mt-element-list .list-todo .list-todo-line.dark {
    border-color: #2f353b
}

.mt-element-list .list-todo .list-todo-item.dark:after {
    border-right-color: #2f353b !important
}

.mt-element-list .list-todo .list-todo-item.dark .list-toggle {
    background: #2f353b;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.dark .list-toggle > .badge {
        color: #2f353b;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue {
    background-color: #3598dc;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue .badge {
        background-color: #60aee4;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue.ext-1 .badge {
        background-color: #217ebd
    }

    .mt-element-list .list-default.mt-list-head.blue .list-date, .mt-element-list .list-default.mt-list-head.blue .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.blue, .mt-element-list .list-todo.mt-list-head.blue {
    background-color: #3598dc;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue:hover {
        background-color: #258cd3
    }

.mt-element-list .list-todo .list-todo-line.blue {
    border-color: #3598dc
}

.mt-element-list .list-todo .list-todo-item.blue:after {
    border-right-color: #3598dc !important
}

.mt-element-list .list-todo .list-todo-item.blue .list-toggle {
    background: #3598dc;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue .list-toggle > .badge {
        color: #3598dc;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-madison {
    background-color: #578ebe;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-madison .badge {
        background-color: #7ca7cc;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-madison.ext-1 .badge {
        background-color: #3f74a3
    }

    .mt-element-list .list-default.mt-list-head.blue-madison .list-date, .mt-element-list .list-default.mt-list-head.blue-madison .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.blue-madison, .mt-element-list .list-todo.mt-list-head.blue-madison {
    background-color: #578ebe;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-madison:hover {
        background-color: #4682b5
    }

.mt-element-list .list-todo .list-todo-line.blue-madison {
    border-color: #578ebe
}

.mt-element-list .list-todo .list-todo-item.blue-madison:after {
    border-right-color: #578ebe !important
}

.mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle {
    background: #578ebe;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle > .badge {
        color: #578ebe;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-chambray {
    background-color: #2C3E50;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-chambray .badge {
        background-color: #3e5771;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge {
        background-color: #1a242f
    }

    .mt-element-list .list-default.mt-list-head.blue-chambray .list-date, .mt-element-list .list-default.mt-list-head.blue-chambray .list-label {
        color: #aabdd1
    }

.mt-element-list .list-todo .list-count.blue-chambray, .mt-element-list .list-todo.mt-list-head.blue-chambray {
    background-color: #2C3E50;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-chambray:hover {
        background-color: #233140
    }

.mt-element-list .list-todo .list-todo-line.blue-chambray {
    border-color: #2C3E50
}

.mt-element-list .list-todo .list-todo-item.blue-chambray:after {
    border-right-color: #2C3E50 !important
}

.mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle {
    background: #2C3E50;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle > .badge {
        color: #2C3E50;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-ebonyclay {
    background-color: #22313F;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-ebonyclay .badge {
        background-color: #344b60;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-ebonyclay.ext-1 .badge {
        background-color: #10171e
    }

    .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date, .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label {
        color: #98b1c8
    }

.mt-element-list .list-todo .list-count.blue-ebonyclay, .mt-element-list .list-todo.mt-list-head.blue-ebonyclay {
    background-color: #22313F;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-ebonyclay:hover {
        background-color: #19242e
    }

.mt-element-list .list-todo .list-todo-line.blue-ebonyclay {
    border-color: #22313F
}

.mt-element-list .list-todo .list-todo-item.blue-ebonyclay:after {
    border-right-color: #22313F !important
}

.mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle {
    background: #22313F;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle > .badge {
        color: #22313F;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-hoki {
    background-color: #67809F;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-hoki .badge {
        background-color: #869ab3;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-hoki.ext-1 .badge {
        background-color: #526781
    }

    .mt-element-list .list-default.mt-list-head.blue-hoki .list-date, .mt-element-list .list-default.mt-list-head.blue-hoki .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.blue-hoki, .mt-element-list .list-todo.mt-list-head.blue-hoki {
    background-color: #67809F;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-hoki:hover {
        background-color: #5c7391
    }

.mt-element-list .list-todo .list-todo-line.blue-hoki {
    border-color: #67809F
}

.mt-element-list .list-todo .list-todo-item.blue-hoki:after {
    border-right-color: #67809F !important
}

.mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle {
    background: #67809F;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle > .badge {
        color: #67809F;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-steel {
    background-color: #4B77BE;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-steel .badge {
        background-color: #7093cc;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-steel.ext-1 .badge {
        background-color: #395f9d
    }

    .mt-element-list .list-default.mt-list-head.blue-steel .list-date, .mt-element-list .list-default.mt-list-head.blue-steel .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.blue-steel, .mt-element-list .list-todo.mt-list-head.blue-steel {
    background-color: #4B77BE;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-steel:hover {
        background-color: #406bb0
    }

.mt-element-list .list-todo .list-todo-line.blue-steel {
    border-color: #4B77BE
}

.mt-element-list .list-todo .list-todo-item.blue-steel:after {
    border-right-color: #4B77BE !important
}

.mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle {
    background: #4B77BE;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle > .badge {
        color: #4B77BE;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-soft {
    background-color: #4c87b9;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-soft .badge {
        background-color: #71a0c7;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-soft.ext-1 .badge {
        background-color: #3b6d97
    }

    .mt-element-list .list-default.mt-list-head.blue-soft .list-date, .mt-element-list .list-default.mt-list-head.blue-soft .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.blue-soft, .mt-element-list .list-todo.mt-list-head.blue-soft {
    background-color: #4c87b9;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-soft:hover {
        background-color: #427aa9
    }

.mt-element-list .list-todo .list-todo-line.blue-soft {
    border-color: #4c87b9
}

.mt-element-list .list-todo .list-todo-item.blue-soft:after {
    border-right-color: #4c87b9 !important
}

.mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle {
    background: #4c87b9;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle > .badge {
        color: #4c87b9;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-dark {
    background-color: #5e738b;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-dark .badge {
        background-color: #788da4;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-dark.ext-1 .badge {
        background-color: #495a6d
    }

    .mt-element-list .list-default.mt-list-head.blue-dark .list-date, .mt-element-list .list-default.mt-list-head.blue-dark .list-label {
        color: #f2f4f6
    }

.mt-element-list .list-todo .list-count.blue-dark, .mt-element-list .list-todo.mt-list-head.blue-dark {
    background-color: #5e738b;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-dark:hover {
        background-color: #54667c
    }

.mt-element-list .list-todo .list-todo-line.blue-dark {
    border-color: #5e738b
}

.mt-element-list .list-todo .list-todo-item.blue-dark:after {
    border-right-color: #5e738b !important
}

.mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle {
    background: #5e738b;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle > .badge {
        color: #5e738b;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.blue-sharp {
    background-color: #5C9BD1;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.blue-sharp .badge {
        background-color: #84b3dc;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.blue-sharp.ext-1 .badge {
        background-color: #3782c3
    }

    .mt-element-list .list-default.mt-list-head.blue-sharp .list-date, .mt-element-list .list-default.mt-list-head.blue-sharp .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.blue-sharp, .mt-element-list .list-todo.mt-list-head.blue-sharp {
    background-color: #5C9BD1;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.blue-sharp:hover {
        background-color: #488fcb
    }

.mt-element-list .list-todo .list-todo-line.blue-sharp {
    border-color: #5C9BD1
}

.mt-element-list .list-todo .list-todo-item.blue-sharp:after {
    border-right-color: #5C9BD1 !important
}

.mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle {
    background: #5C9BD1;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle > .badge {
        color: #5C9BD1;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green {
    background-color: #32c5d2;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green .badge {
        background-color: #5cd1db;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green.ext-1 .badge {
        background-color: #26a1ab
    }

    .mt-element-list .list-default.mt-list-head.green .list-date, .mt-element-list .list-default.mt-list-head.green .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.green, .mt-element-list .list-todo.mt-list-head.green {
    background-color: #32c5d2;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green:hover {
        background-color: #2ab4c0
    }

.mt-element-list .list-todo .list-todo-line.green {
    border-color: #32c5d2
}

.mt-element-list .list-todo .list-todo-item.green:after {
    border-right-color: #32c5d2 !important
}

.mt-element-list .list-todo .list-todo-item.green .list-toggle {
    background: #32c5d2;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green .list-toggle > .badge {
        color: #32c5d2;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-meadow {
    background-color: #1BBC9B;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-meadow .badge {
        background-color: #2ae0bb;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-meadow.ext-1 .badge {
        background-color: #158f76
    }

    .mt-element-list .list-default.mt-list-head.green-meadow .list-date, .mt-element-list .list-default.mt-list-head.green-meadow .list-label {
        color: #dcfaf4
    }

.mt-element-list .list-todo .list-count.green-meadow, .mt-element-list .list-todo.mt-list-head.green-meadow {
    background-color: #1BBC9B;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-meadow:hover {
        background-color: #18a689
    }

.mt-element-list .list-todo .list-todo-line.green-meadow {
    border-color: #1BBC9B
}

.mt-element-list .list-todo .list-todo-item.green-meadow:after {
    border-right-color: #1BBC9B !important
}

.mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle {
    background: #1BBC9B;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle > .badge {
        color: #1BBC9B;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-seagreen {
    background-color: #1BA39C;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-seagreen .badge {
        background-color: #22cfc6;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-seagreen.ext-1 .badge {
        background-color: #147772
    }

    .mt-element-list .list-default.mt-list-head.green-seagreen .list-date, .mt-element-list .list-default.mt-list-head.green-seagreen .list-label {
        color: #c7f6f3
    }

.mt-element-list .list-todo .list-count.green-seagreen, .mt-element-list .list-todo.mt-list-head.green-seagreen {
    background-color: #1BA39C;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-seagreen:hover {
        background-color: #178d87
    }

.mt-element-list .list-todo .list-todo-line.green-seagreen {
    border-color: #1BA39C
}

.mt-element-list .list-todo .list-todo-item.green-seagreen:after {
    border-right-color: #1BA39C !important
}

.mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle {
    background: #1BA39C;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle > .badge {
        color: #1BA39C;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-turquoise {
    background-color: #36D7B7;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-turquoise .badge {
        background-color: #61dfc6;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-turquoise.ext-1 .badge {
        background-color: #24b699
    }

    .mt-element-list .list-default.mt-list-head.green-turquoise .list-date, .mt-element-list .list-default.mt-list-head.green-turquoise .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.green-turquoise, .mt-element-list .list-todo.mt-list-head.green-turquoise {
    background-color: #36D7B7;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-turquoise:hover {
        background-color: #28cbab
    }

.mt-element-list .list-todo .list-todo-line.green-turquoise {
    border-color: #36D7B7
}

.mt-element-list .list-todo .list-todo-item.green-turquoise:after {
    border-right-color: #36D7B7 !important
}

.mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle {
    background: #36D7B7;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle > .badge {
        color: #36D7B7;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-haze {
    background-color: #44b6ae;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-haze .badge {
        background-color: #67c6bf;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-haze.ext-1 .badge {
        background-color: #36918b
    }

    .mt-element-list .list-default.mt-list-head.green-haze .list-date, .mt-element-list .list-default.mt-list-head.green-haze .list-label {
        color: #fbfefd
    }

.mt-element-list .list-todo .list-count.green-haze, .mt-element-list .list-todo.mt-list-head.green-haze {
    background-color: #44b6ae;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-haze:hover {
        background-color: #3da39c
    }

.mt-element-list .list-todo .list-todo-line.green-haze {
    border-color: #44b6ae
}

.mt-element-list .list-todo .list-todo-item.green-haze:after {
    border-right-color: #44b6ae !important
}

.mt-element-list .list-todo .list-todo-item.green-haze .list-toggle {
    background: #44b6ae;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle > .badge {
        color: #44b6ae;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-jungle {
    background-color: #26C281;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-jungle .badge {
        background-color: #41da9a;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-jungle.ext-1 .badge {
        background-color: #1e9765
    }

    .mt-element-list .list-default.mt-list-head.green-jungle .list-date, .mt-element-list .list-default.mt-list-head.green-jungle .list-label {
        color: #ecfbf5
    }

.mt-element-list .list-todo .list-count.green-jungle, .mt-element-list .list-todo.mt-list-head.green-jungle {
    background-color: #26C281;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-jungle:hover {
        background-color: #22ad73
    }

.mt-element-list .list-todo .list-todo-line.green-jungle {
    border-color: #26C281
}

.mt-element-list .list-todo .list-todo-item.green-jungle:after {
    border-right-color: #26C281 !important
}

.mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle {
    background: #26C281;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle > .badge {
        color: #26C281;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-soft {
    background-color: #3faba4;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-soft .badge {
        background-color: #5bc2bc;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-soft.ext-1 .badge {
        background-color: #318680
    }

    .mt-element-list .list-default.mt-list-head.green-soft .list-date, .mt-element-list .list-default.mt-list-head.green-soft .list-label {
        color: #f0f9f9
    }

.mt-element-list .list-todo .list-count.green-soft, .mt-element-list .list-todo.mt-list-head.green-soft {
    background-color: #3faba4;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-soft:hover {
        background-color: #389892
    }

.mt-element-list .list-todo .list-todo-line.green-soft {
    border-color: #3faba4
}

.mt-element-list .list-todo .list-todo-item.green-soft:after {
    border-right-color: #3faba4 !important
}

.mt-element-list .list-todo .list-todo-item.green-soft .list-toggle {
    background: #3faba4;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle > .badge {
        color: #3faba4;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-dark {
    background-color: #4DB3A2;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-dark .badge {
        background-color: #71c2b5;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-dark.ext-1 .badge {
        background-color: #3d9082
    }

    .mt-element-list .list-default.mt-list-head.green-dark .list-date, .mt-element-list .list-default.mt-list-head.green-dark .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.green-dark, .mt-element-list .list-todo.mt-list-head.green-dark {
    background-color: #4DB3A2;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-dark:hover {
        background-color: #45a292
    }

.mt-element-list .list-todo .list-todo-line.green-dark {
    border-color: #4DB3A2
}

.mt-element-list .list-todo .list-todo-item.green-dark:after {
    border-right-color: #4DB3A2 !important
}

.mt-element-list .list-todo .list-todo-item.green-dark .list-toggle {
    background: #4DB3A2;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle > .badge {
        color: #4DB3A2;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.green-sharp {
    background-color: #2ab4c0;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.green-sharp .badge {
        background-color: #46cbd7;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.green-sharp.ext-1 .badge {
        background-color: #218d96
    }

    .mt-element-list .list-default.mt-list-head.green-sharp .list-date, .mt-element-list .list-default.mt-list-head.green-sharp .list-label {
        color: #eefafb
    }

.mt-element-list .list-todo .list-count.green-sharp, .mt-element-list .list-todo.mt-list-head.green-sharp {
    background-color: #2ab4c0;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.green-sharp:hover {
        background-color: #25a0ab
    }

.mt-element-list .list-todo .list-todo-line.green-sharp {
    border-color: #2ab4c0
}

.mt-element-list .list-todo .list-todo-item.green-sharp:after {
    border-right-color: #2ab4c0 !important
}

.mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle {
    background: #2ab4c0;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle > .badge {
        color: #2ab4c0;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.grey {
    background-color: #E5E5E5;
    color: #333
}

    .mt-element-list .list-default.mt-list-head.grey .badge {
        background-color: #fff;
        color: #333
    }

    .mt-element-list .list-default.mt-list-head.grey.ext-1 .badge {
        background-color: #ccc
    }

    .mt-element-list .list-default.mt-list-head.grey .list-date, .mt-element-list .list-default.mt-list-head.grey .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey, .mt-element-list .list-todo.mt-list-head.grey {
    background-color: #E5E5E5;
    color: #333
}

    .mt-element-list .list-todo .list-count.grey:hover {
        background-color: #d8d8d8
    }

.mt-element-list .list-todo .list-todo-line.grey {
    border-color: #E5E5E5
}

.mt-element-list .list-todo .list-todo-item.grey:after {
    border-right-color: #E5E5E5 !important
}

.mt-element-list .list-todo .list-todo-item.grey .list-toggle {
    background: #E5E5E5;
    color: #333 !important
}

    .mt-element-list .list-todo .list-todo-item.grey .list-toggle > .badge {
        color: #E5E5E5;
        background: #333
    }

.mt-element-list .list-default.mt-list-head.grey-steel {
    background-color: #e9edef;
    color: #80898e
}

    .mt-element-list .list-default.mt-list-head.grey-steel .badge {
        background-color: #fff;
        color: #80898e
    }

    .mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge {
        background-color: #cbd5da
    }

    .mt-element-list .list-default.mt-list-head.grey-steel .list-date, .mt-element-list .list-default.mt-list-head.grey-steel .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey-steel, .mt-element-list .list-todo.mt-list-head.grey-steel {
    background-color: #e9edef;
    color: #80898e
}

    .mt-element-list .list-todo .list-count.grey-steel:hover {
        background-color: #dae1e4
    }

.mt-element-list .list-todo .list-todo-line.grey-steel {
    border-color: #e9edef
}

.mt-element-list .list-todo .list-todo-item.grey-steel:after {
    border-right-color: #e9edef !important
}

.mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle {
    background: #e9edef;
    color: #80898e !important
}

    .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle > .badge {
        color: #e9edef;
        background: #80898e
    }

.mt-element-list .list-default.mt-list-head.grey-cararra {
    background-color: #fafafa;
    color: #333
}

    .mt-element-list .list-default.mt-list-head.grey-cararra .badge {
        background-color: #fff;
        color: #333
    }

    .mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge {
        background-color: #e1e1e1
    }

    .mt-element-list .list-default.mt-list-head.grey-cararra .list-date, .mt-element-list .list-default.mt-list-head.grey-cararra .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey-cararra, .mt-element-list .list-todo.mt-list-head.grey-cararra {
    background-color: #fafafa;
    color: #333
}

    .mt-element-list .list-todo .list-count.grey-cararra:hover {
        background-color: #ededed
    }

.mt-element-list .list-todo .list-todo-line.grey-cararra {
    border-color: #fafafa
}

.mt-element-list .list-todo .list-todo-item.grey-cararra:after {
    border-right-color: #fafafa !important
}

.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle {
    background: #fafafa;
    color: #333 !important
}

    .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle > .badge {
        color: #fafafa;
        background: #333
    }

.mt-element-list .list-default.mt-list-head.grey-gallery {
    background-color: #555;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.grey-gallery .badge {
        background-color: #6e6e6e;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.grey-gallery.ext-1 .badge {
        background-color: #3b3b3b
    }

    .mt-element-list .list-default.mt-list-head.grey-gallery .list-date, .mt-element-list .list-default.mt-list-head.grey-gallery .list-label {
        color: #d4d4d4
    }

.mt-element-list .list-todo .list-count.grey-gallery, .mt-element-list .list-todo.mt-list-head.grey-gallery {
    background-color: #555;
    color: #fff
}

    .mt-element-list .list-todo .list-count.grey-gallery:hover {
        background-color: #484848
    }

.mt-element-list .list-todo .list-todo-line.grey-gallery {
    border-color: #555
}

.mt-element-list .list-todo .list-todo-item.grey-gallery:after {
    border-right-color: #555 !important
}

.mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle {
    background: #555;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle > .badge {
        color: #555;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.grey-cascade {
    background-color: #95A5A6;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.grey-cascade .badge {
        background-color: #b1bdbd;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.grey-cascade.ext-1 .badge {
        background-color: #798d8f
    }

    .mt-element-list .list-default.mt-list-head.grey-cascade .list-date, .mt-element-list .list-default.mt-list-head.grey-cascade .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey-cascade, .mt-element-list .list-todo.mt-list-head.grey-cascade {
    background-color: #95A5A6;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.grey-cascade:hover {
        background-color: #87999a
    }

.mt-element-list .list-todo .list-todo-line.grey-cascade {
    border-color: #95A5A6
}

.mt-element-list .list-todo .list-todo-item.grey-cascade:after {
    border-right-color: #95A5A6 !important
}

.mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle {
    background: #95A5A6;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle > .badge {
        color: #95A5A6;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.grey-silver {
    background-color: #BFBFBF;
    color: #FAFCFB
}

    .mt-element-list .list-default.mt-list-head.grey-silver .badge {
        background-color: #d9d9d9;
        color: #FAFCFB
    }

    .mt-element-list .list-default.mt-list-head.grey-silver.ext-1 .badge {
        background-color: #a6a6a6
    }

    .mt-element-list .list-default.mt-list-head.grey-silver .list-date, .mt-element-list .list-default.mt-list-head.grey-silver .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey-silver, .mt-element-list .list-todo.mt-list-head.grey-silver {
    background-color: #BFBFBF;
    color: #FAFCFB
}

    .mt-element-list .list-todo .list-count.grey-silver:hover {
        background-color: #b2b2b2
    }

.mt-element-list .list-todo .list-todo-line.grey-silver {
    border-color: #BFBFBF
}

.mt-element-list .list-todo .list-todo-item.grey-silver:after {
    border-right-color: #BFBFBF !important
}

.mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle {
    background: #BFBFBF;
    color: #FAFCFB !important
}

    .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle > .badge {
        color: #BFBFBF;
        background: #FAFCFB
    }

.mt-element-list .list-default.mt-list-head.grey-salsa {
    background-color: #ACB5C3;
    color: #FAFCFB
}

    .mt-element-list .list-default.mt-list-head.grey-salsa .badge {
        background-color: #cacfd8;
        color: #FAFCFB
    }

    .mt-element-list .list-default.mt-list-head.grey-salsa.ext-1 .badge {
        background-color: #8e9bae
    }

    .mt-element-list .list-default.mt-list-head.grey-salsa .list-date, .mt-element-list .list-default.mt-list-head.grey-salsa .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey-salsa, .mt-element-list .list-todo.mt-list-head.grey-salsa {
    background-color: #ACB5C3;
    color: #FAFCFB
}

    .mt-element-list .list-todo .list-count.grey-salsa:hover {
        background-color: #9da8b8
    }

.mt-element-list .list-todo .list-todo-line.grey-salsa {
    border-color: #ACB5C3
}

.mt-element-list .list-todo .list-todo-item.grey-salsa:after {
    border-right-color: #ACB5C3 !important
}

.mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle {
    background: #ACB5C3;
    color: #FAFCFB !important
}

    .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle > .badge {
        color: #ACB5C3;
        background: #FAFCFB
    }

.mt-element-list .list-default.mt-list-head.grey-salt {
    background-color: #bfcad1;
    color: #FAFCFB
}

    .mt-element-list .list-default.mt-list-head.grey-salt .badge {
        background-color: #dde3e6;
        color: #FAFCFB
    }

    .mt-element-list .list-default.mt-list-head.grey-salt.ext-1 .badge {
        background-color: #a1b1bc
    }

    .mt-element-list .list-default.mt-list-head.grey-salt .list-date, .mt-element-list .list-default.mt-list-head.grey-salt .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.grey-salt, .mt-element-list .list-todo.mt-list-head.grey-salt {
    background-color: #bfcad1;
    color: #FAFCFB
}

    .mt-element-list .list-todo .list-count.grey-salt:hover {
        background-color: #b0bec6
    }

.mt-element-list .list-todo .list-todo-line.grey-salt {
    border-color: #bfcad1
}

.mt-element-list .list-todo .list-todo-item.grey-salt:after {
    border-right-color: #bfcad1 !important
}

.mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle {
    background: #bfcad1;
    color: #FAFCFB !important
}

    .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle > .badge {
        color: #bfcad1;
        background: #FAFCFB
    }

.mt-element-list .list-default.mt-list-head.grey-mint {
    background-color: #525e64;
    color: #FFF
}

    .mt-element-list .list-default.mt-list-head.grey-mint .badge {
        background-color: #697880;
        color: #FFF
    }

    .mt-element-list .list-default.mt-list-head.grey-mint.ext-1 .badge {
        background-color: #3b4448
    }

    .mt-element-list .list-default.mt-list-head.grey-mint .list-date, .mt-element-list .list-default.mt-list-head.grey-mint .list-label {
        color: #d7dcde
    }

.mt-element-list .list-todo .list-count.grey-mint, .mt-element-list .list-todo.mt-list-head.grey-mint {
    background-color: #525e64;
    color: #FFF
}

    .mt-element-list .list-todo .list-count.grey-mint:hover {
        background-color: #475156
    }

.mt-element-list .list-todo .list-todo-line.grey-mint {
    border-color: #525e64
}

.mt-element-list .list-todo .list-todo-item.grey-mint:after {
    border-right-color: #525e64 !important
}

.mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle {
    background: #525e64;
    color: #FFF !important
}

    .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle > .badge {
        color: #525e64;
        background: #FFF
    }

.mt-element-list .list-default.mt-list-head.red {
    background-color: #e7505a;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red .badge {
        background-color: #ed7d84;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red.ext-1 .badge {
        background-color: #e12330
    }

    .mt-element-list .list-default.mt-list-head.red .list-date, .mt-element-list .list-default.mt-list-head.red .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red, .mt-element-list .list-todo.mt-list-head.red {
    background-color: #e7505a;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red:hover {
        background-color: #e43a45
    }

.mt-element-list .list-todo .list-todo-line.red {
    border-color: #e7505a
}

.mt-element-list .list-todo .list-todo-item.red:after {
    border-right-color: #e7505a !important
}

.mt-element-list .list-todo .list-todo-item.red .list-toggle {
    background: #e7505a;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red .list-toggle > .badge {
        color: #e7505a;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-pink {
    background-color: #E08283;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-pink .badge {
        background-color: #eaabac;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-pink.ext-1 .badge {
        background-color: #d6595a
    }

    .mt-element-list .list-default.mt-list-head.red-pink .list-date, .mt-element-list .list-default.mt-list-head.red-pink .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-pink, .mt-element-list .list-todo.mt-list-head.red-pink {
    background-color: #E08283;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-pink:hover {
        background-color: #db6e6f
    }

.mt-element-list .list-todo .list-todo-line.red-pink {
    border-color: #E08283
}

.mt-element-list .list-todo .list-todo-item.red-pink:after {
    border-right-color: #E08283 !important
}

.mt-element-list .list-todo .list-todo-item.red-pink .list-toggle {
    background: #E08283;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle > .badge {
        color: #E08283;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-sunglo {
    background-color: #E26A6A;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-sunglo .badge {
        background-color: #ea9595;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-sunglo.ext-1 .badge {
        background-color: #da3f3f
    }

    .mt-element-list .list-default.mt-list-head.red-sunglo .list-date, .mt-element-list .list-default.mt-list-head.red-sunglo .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-sunglo, .mt-element-list .list-todo.mt-list-head.red-sunglo {
    background-color: #E26A6A;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-sunglo:hover {
        background-color: #de5555
    }

.mt-element-list .list-todo .list-todo-line.red-sunglo {
    border-color: #E26A6A
}

.mt-element-list .list-todo .list-todo-item.red-sunglo:after {
    border-right-color: #E26A6A !important
}

.mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle {
    background: #E26A6A;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle > .badge {
        color: #E26A6A;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-intense {
    background-color: #e35b5a;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-intense .badge {
        background-color: #ea8686;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-intense.ext-1 .badge {
        background-color: #dc302e
    }

    .mt-element-list .list-default.mt-list-head.red-intense .list-date, .mt-element-list .list-default.mt-list-head.red-intense .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-intense, .mt-element-list .list-todo.mt-list-head.red-intense {
    background-color: #e35b5a;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-intense:hover {
        background-color: #df4544
    }

.mt-element-list .list-todo .list-todo-line.red-intense {
    border-color: #e35b5a
}

.mt-element-list .list-todo .list-todo-item.red-intense:after {
    border-right-color: #e35b5a !important
}

.mt-element-list .list-todo .list-todo-item.red-intense .list-toggle {
    background: #e35b5a;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle > .badge {
        color: #e35b5a;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-thunderbird {
    background-color: #D91E18;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-thunderbird .badge {
        background-color: #e9403b;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-thunderbird.ext-1 .badge {
        background-color: #ab1813
    }

    .mt-element-list .list-default.mt-list-head.red-thunderbird .list-date, .mt-element-list .list-default.mt-list-head.red-thunderbird .list-label {
        color: #fef3f2
    }

.mt-element-list .list-todo .list-count.red-thunderbird, .mt-element-list .list-todo.mt-list-head.red-thunderbird {
    background-color: #D91E18;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-thunderbird:hover {
        background-color: #c21b15
    }

.mt-element-list .list-todo .list-todo-line.red-thunderbird {
    border-color: #D91E18
}

.mt-element-list .list-todo .list-todo-item.red-thunderbird:after {
    border-right-color: #D91E18 !important
}

.mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle {
    background: #D91E18;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle > .badge {
        color: #D91E18;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-flamingo {
    background-color: #EF4836;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-flamingo .badge {
        background-color: #f37365;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-flamingo.ext-1 .badge {
        background-color: #e02612
    }

    .mt-element-list .list-default.mt-list-head.red-flamingo .list-date, .mt-element-list .list-default.mt-list-head.red-flamingo .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-flamingo, .mt-element-list .list-todo.mt-list-head.red-flamingo {
    background-color: #EF4836;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-flamingo:hover {
        background-color: #ed321e
    }

.mt-element-list .list-todo .list-todo-line.red-flamingo {
    border-color: #EF4836
}

.mt-element-list .list-todo .list-todo-item.red-flamingo:after {
    border-right-color: #EF4836 !important
}

.mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle {
    background: #EF4836;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle > .badge {
        color: #EF4836;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-soft {
    background-color: #d05454;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-soft .badge {
        background-color: #db7c7c;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-soft.ext-1 .badge {
        background-color: #bd3434
    }

    .mt-element-list .list-default.mt-list-head.red-soft .list-date, .mt-element-list .list-default.mt-list-head.red-soft .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-soft, .mt-element-list .list-todo.mt-list-head.red-soft {
    background-color: #d05454;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-soft:hover {
        background-color: #cb4040
    }

.mt-element-list .list-todo .list-todo-line.red-soft {
    border-color: #d05454
}

.mt-element-list .list-todo .list-todo-item.red-soft:after {
    border-right-color: #d05454 !important
}

.mt-element-list .list-todo .list-todo-item.red-soft .list-toggle {
    background: #d05454;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle > .badge {
        color: #d05454;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-haze {
    background-color: #f36a5a;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-haze .badge {
        background-color: #f6958a;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-haze.ext-1 .badge {
        background-color: #f03f2a
    }

    .mt-element-list .list-default.mt-list-head.red-haze .list-date, .mt-element-list .list-default.mt-list-head.red-haze .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-haze, .mt-element-list .list-todo.mt-list-head.red-haze {
    background-color: #f36a5a;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-haze:hover {
        background-color: #f15542
    }

.mt-element-list .list-todo .list-todo-line.red-haze {
    border-color: #f36a5a
}

.mt-element-list .list-todo .list-todo-item.red-haze:after {
    border-right-color: #f36a5a !important
}

.mt-element-list .list-todo .list-todo-item.red-haze .list-toggle {
    background: #f36a5a;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle > .badge {
        color: #f36a5a;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.red-mint {
    background-color: #e43a45;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.red-mint .badge {
        background-color: #ea676f;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.red-mint.ext-1 .badge {
        background-color: #cf1c28
    }

    .mt-element-list .list-default.mt-list-head.red-mint .list-date, .mt-element-list .list-default.mt-list-head.red-mint .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.red-mint, .mt-element-list .list-todo.mt-list-head.red-mint {
    background-color: #e43a45;
    color: #fff
}

    .mt-element-list .list-todo .list-count.red-mint:hover {
        background-color: #e12430
    }

.mt-element-list .list-todo .list-todo-line.red-mint {
    border-color: #e43a45
}

.mt-element-list .list-todo .list-todo-item.red-mint:after {
    border-right-color: #e43a45 !important
}

.mt-element-list .list-todo .list-todo-item.red-mint .list-toggle {
    background: #e43a45;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle > .badge {
        color: #e43a45;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow {
    background-color: #c49f47;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow .badge {
        background-color: #d0b36e;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow.ext-1 .badge {
        background-color: #a48334
    }

    .mt-element-list .list-default.mt-list-head.yellow .list-date, .mt-element-list .list-default.mt-list-head.yellow .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow, .mt-element-list .list-todo.mt-list-head.yellow {
    background-color: #c49f47;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow:hover {
        background-color: #b7923b
    }

.mt-element-list .list-todo .list-todo-line.yellow {
    border-color: #c49f47
}

.mt-element-list .list-todo .list-todo-item.yellow:after {
    border-right-color: #c49f47 !important
}

.mt-element-list .list-todo .list-todo-item.yellow .list-toggle {
    background: #c49f47;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow .list-toggle > .badge {
        color: #c49f47;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-gold {
    background-color: #E87E04;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-gold .badge {
        background-color: #fb9724;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-gold.ext-1 .badge {
        background-color: #b66303
    }

    .mt-element-list .list-default.mt-list-head.yellow-gold .list-date, .mt-element-list .list-default.mt-list-head.yellow-gold .list-label {
        color: #fff6ec
    }

.mt-element-list .list-todo .list-count.yellow-gold, .mt-element-list .list-todo.mt-list-head.yellow-gold {
    background-color: #E87E04;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-gold:hover {
        background-color: #cf7004
    }

.mt-element-list .list-todo .list-todo-line.yellow-gold {
    border-color: #E87E04
}

.mt-element-list .list-todo .list-todo-item.yellow-gold:after {
    border-right-color: #E87E04 !important
}

.mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle {
    background: #E87E04;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle > .badge {
        color: #E87E04;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-casablanca {
    background-color: #f2784b;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-casablanca .badge {
        background-color: #f59c7b;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-casablanca.ext-1 .badge {
        background-color: #ef541b
    }

    .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-date, .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow-casablanca, .mt-element-list .list-todo.mt-list-head.yellow-casablanca {
    background-color: #f2784b;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-casablanca:hover {
        background-color: #f06633
    }

.mt-element-list .list-todo .list-todo-line.yellow-casablanca {
    border-color: #f2784b
}

.mt-element-list .list-todo .list-todo-item.yellow-casablanca:after {
    border-right-color: #f2784b !important
}

.mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle {
    background: #f2784b;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle > .badge {
        color: #f2784b;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-crusta {
    background-color: #f3c200;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-crusta .badge {
        background-color: #ffd327;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-crusta.ext-1 .badge {
        background-color: #c09900
    }

    .mt-element-list .list-default.mt-list-head.yellow-crusta .list-date, .mt-element-list .list-default.mt-list-head.yellow-crusta .list-label {
        color: #fffdf3
    }

.mt-element-list .list-todo .list-count.yellow-crusta, .mt-element-list .list-todo.mt-list-head.yellow-crusta {
    background-color: #f3c200;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-crusta:hover {
        background-color: #d9ae00
    }

.mt-element-list .list-todo .list-todo-line.yellow-crusta {
    border-color: #f3c200
}

.mt-element-list .list-todo .list-todo-item.yellow-crusta:after {
    border-right-color: #f3c200 !important
}

.mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle {
    background: #f3c200;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle > .badge {
        color: #f3c200;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-lemon {
    background-color: #F7CA18;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-lemon .badge {
        background-color: #f9d549;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-lemon.ext-1 .badge {
        background-color: #d5ab07
    }

    .mt-element-list .list-default.mt-list-head.yellow-lemon .list-date, .mt-element-list .list-default.mt-list-head.yellow-lemon .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow-lemon, .mt-element-list .list-todo.mt-list-head.yellow-lemon {
    background-color: #F7CA18;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-lemon:hover {
        background-color: #edbf08
    }

.mt-element-list .list-todo .list-todo-line.yellow-lemon {
    border-color: #F7CA18
}

.mt-element-list .list-todo .list-todo-item.yellow-lemon:after {
    border-right-color: #F7CA18 !important
}

.mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle {
    background: #F7CA18;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle > .badge {
        color: #F7CA18;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-saffron {
    background-color: #F4D03F;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-saffron .badge {
        background-color: #f7dc6f;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-saffron.ext-1 .badge {
        background-color: #f1c40f
    }

    .mt-element-list .list-default.mt-list-head.yellow-saffron .list-date, .mt-element-list .list-default.mt-list-head.yellow-saffron .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow-saffron, .mt-element-list .list-todo.mt-list-head.yellow-saffron {
    background-color: #F4D03F;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-saffron:hover {
        background-color: #f3ca27
    }

.mt-element-list .list-todo .list-todo-line.yellow-saffron {
    border-color: #F4D03F
}

.mt-element-list .list-todo .list-todo-item.yellow-saffron:after {
    border-right-color: #F4D03F !important
}

.mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle {
    background: #F4D03F;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle > .badge {
        color: #F4D03F;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-soft {
    background-color: #c8d046;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-soft .badge {
        background-color: #d4da6f;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-soft.ext-1 .badge {
        background-color: #adb52e
    }

    .mt-element-list .list-default.mt-list-head.yellow-soft .list-date, .mt-element-list .list-default.mt-list-head.yellow-soft .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow-soft, .mt-element-list .list-todo.mt-list-head.yellow-soft {
    background-color: #c8d046;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-soft:hover {
        background-color: #c1c933
    }

.mt-element-list .list-todo .list-todo-line.yellow-soft {
    border-color: #c8d046
}

.mt-element-list .list-todo .list-todo-item.yellow-soft:after {
    border-right-color: #c8d046 !important
}

.mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle {
    background: #c8d046;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle > .badge {
        color: #c8d046;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-haze {
    background-color: #c5bf66;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-haze .badge {
        background-color: #d3ce8b;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-haze.ext-1 .badge {
        background-color: #b4ad44
    }

    .mt-element-list .list-default.mt-list-head.yellow-haze .list-date, .mt-element-list .list-default.mt-list-head.yellow-haze .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow-haze, .mt-element-list .list-todo.mt-list-head.yellow-haze {
    background-color: #c5bf66;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-haze:hover {
        background-color: #beb754
    }

.mt-element-list .list-todo .list-todo-line.yellow-haze {
    border-color: #c5bf66
}

.mt-element-list .list-todo .list-todo-item.yellow-haze:after {
    border-right-color: #c5bf66 !important
}

.mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle {
    background: #c5bf66;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle > .badge {
        color: #c5bf66;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.yellow-mint {
    background-color: #c5b96b;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.yellow-mint .badge {
        background-color: #d3ca90;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.yellow-mint.ext-1 .badge {
        background-color: #b6a747
    }

    .mt-element-list .list-default.mt-list-head.yellow-mint .list-date, .mt-element-list .list-default.mt-list-head.yellow-mint .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.yellow-mint, .mt-element-list .list-todo.mt-list-head.yellow-mint {
    background-color: #c5b96b;
    color: #fff
}

    .mt-element-list .list-todo .list-count.yellow-mint:hover {
        background-color: #beb059
    }

.mt-element-list .list-todo .list-todo-line.yellow-mint {
    border-color: #c5b96b
}

.mt-element-list .list-todo .list-todo-item.yellow-mint:after {
    border-right-color: #c5b96b !important
}

.mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle {
    background: #c5b96b;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle > .badge {
        color: #c5b96b;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple {
    background-color: #8E44AD;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple .badge {
        background-color: #a563c1;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple.ext-1 .badge {
        background-color: #703688
    }

    .mt-element-list .list-default.mt-list-head.purple .list-date, .mt-element-list .list-default.mt-list-head.purple .list-label {
        color: #f9f5fb
    }

.mt-element-list .list-todo .list-count.purple, .mt-element-list .list-todo.mt-list-head.purple {
    background-color: #8E44AD;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple:hover {
        background-color: #7f3d9b
    }

.mt-element-list .list-todo .list-todo-line.purple {
    border-color: #8E44AD
}

.mt-element-list .list-todo .list-todo-item.purple:after {
    border-right-color: #8E44AD !important
}

.mt-element-list .list-todo .list-todo-item.purple .list-toggle {
    background: #8E44AD;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple .list-toggle > .badge {
        color: #8E44AD;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-plum {
    background-color: #8775a7;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-plum .badge {
        background-color: #a294bb;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-plum.ext-1 .badge {
        background-color: #6d5b8e
    }

    .mt-element-list .list-default.mt-list-head.purple-plum .list-date, .mt-element-list .list-default.mt-list-head.purple-plum .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.purple-plum, .mt-element-list .list-todo.mt-list-head.purple-plum {
    background-color: #8775a7;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-plum:hover {
        background-color: #79659d
    }

.mt-element-list .list-todo .list-todo-line.purple-plum {
    border-color: #8775a7
}

.mt-element-list .list-todo .list-todo-item.purple-plum:after {
    border-right-color: #8775a7 !important
}

.mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle {
    background: #8775a7;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle > .badge {
        color: #8775a7;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-medium {
    background-color: #BF55EC;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-medium .badge {
        background-color: #d083f1;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-medium.ext-1 .badge {
        background-color: #ae27e7
    }

    .mt-element-list .list-default.mt-list-head.purple-medium .list-date, .mt-element-list .list-default.mt-list-head.purple-medium .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.purple-medium, .mt-element-list .list-todo.mt-list-head.purple-medium {
    background-color: #BF55EC;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-medium:hover {
        background-color: #b63ee9
    }

.mt-element-list .list-todo .list-todo-line.purple-medium {
    border-color: #BF55EC
}

.mt-element-list .list-todo .list-todo-item.purple-medium:after {
    border-right-color: #BF55EC !important
}

.mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle {
    background: #BF55EC;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle > .badge {
        color: #BF55EC;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-studio {
    background-color: #8E44AD;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-studio .badge {
        background-color: #a563c1;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-studio.ext-1 .badge {
        background-color: #703688
    }

    .mt-element-list .list-default.mt-list-head.purple-studio .list-date, .mt-element-list .list-default.mt-list-head.purple-studio .list-label {
        color: #f9f5fb
    }

.mt-element-list .list-todo .list-count.purple-studio, .mt-element-list .list-todo.mt-list-head.purple-studio {
    background-color: #8E44AD;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-studio:hover {
        background-color: #7f3d9b
    }

.mt-element-list .list-todo .list-todo-line.purple-studio {
    border-color: #8E44AD
}

.mt-element-list .list-todo .list-todo-item.purple-studio:after {
    border-right-color: #8E44AD !important
}

.mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle {
    background: #8E44AD;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle > .badge {
        color: #8E44AD;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-wisteria {
    background-color: #9B59B6;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-wisteria .badge {
        background-color: #b07cc6;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-wisteria.ext-1 .badge {
        background-color: #804399
    }

    .mt-element-list .list-default.mt-list-head.purple-wisteria .list-date, .mt-element-list .list-default.mt-list-head.purple-wisteria .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.purple-wisteria, .mt-element-list .list-todo.mt-list-head.purple-wisteria {
    background-color: #9B59B6;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-wisteria:hover {
        background-color: #8f4bab
    }

.mt-element-list .list-todo .list-todo-line.purple-wisteria {
    border-color: #9B59B6
}

.mt-element-list .list-todo .list-todo-item.purple-wisteria:after {
    border-right-color: #9B59B6 !important
}

.mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle {
    background: #9B59B6;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle > .badge {
        color: #9B59B6;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-seance {
    background-color: #9A12B3;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-seance .badge {
        background-color: #c217e1;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-seance.ext-1 .badge {
        background-color: #720d85
    }

    .mt-element-list .list-default.mt-list-head.purple-seance .list-date, .mt-element-list .list-default.mt-list-head.purple-seance .list-label {
        color: #f2cafa
    }

.mt-element-list .list-todo .list-count.purple-seance, .mt-element-list .list-todo.mt-list-head.purple-seance {
    background-color: #9A12B3;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-seance:hover {
        background-color: #86109c
    }

.mt-element-list .list-todo .list-todo-line.purple-seance {
    border-color: #9A12B3
}

.mt-element-list .list-todo .list-todo-item.purple-seance:after {
    border-right-color: #9A12B3 !important
}

.mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle {
    background: #9A12B3;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle > .badge {
        color: #9A12B3;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-intense {
    background-color: #8775a7;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-intense .badge {
        background-color: #a294bb;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-intense.ext-1 .badge {
        background-color: #6d5b8e
    }

    .mt-element-list .list-default.mt-list-head.purple-intense .list-date, .mt-element-list .list-default.mt-list-head.purple-intense .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.purple-intense, .mt-element-list .list-todo.mt-list-head.purple-intense {
    background-color: #8775a7;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-intense:hover {
        background-color: #79659d
    }

.mt-element-list .list-todo .list-todo-line.purple-intense {
    border-color: #8775a7
}

.mt-element-list .list-todo .list-todo-item.purple-intense:after {
    border-right-color: #8775a7 !important
}

.mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle {
    background: #8775a7;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle > .badge {
        color: #8775a7;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-sharp {
    background-color: #796799;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-sharp .badge {
        background-color: #9486ad;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-sharp.ext-1 .badge {
        background-color: #61527b
    }

    .mt-element-list .list-default.mt-list-head.purple-sharp .list-date, .mt-element-list .list-default.mt-list-head.purple-sharp .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.purple-sharp, .mt-element-list .list-todo.mt-list-head.purple-sharp {
    background-color: #796799;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-sharp:hover {
        background-color: #6d5d8a
    }

.mt-element-list .list-todo .list-todo-line.purple-sharp {
    border-color: #796799
}

.mt-element-list .list-todo .list-todo-item.purple-sharp:after {
    border-right-color: #796799 !important
}

.mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle {
    background: #796799;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle > .badge {
        color: #796799;
        background: #fff
    }

.mt-element-list .list-default.mt-list-head.purple-soft {
    background-color: #8877a9;
    color: #fff
}

    .mt-element-list .list-default.mt-list-head.purple-soft .badge {
        background-color: #a396bd;
        color: #fff
    }

    .mt-element-list .list-default.mt-list-head.purple-soft.ext-1 .badge {
        background-color: #6e5c91
    }

    .mt-element-list .list-default.mt-list-head.purple-soft .list-date, .mt-element-list .list-default.mt-list-head.purple-soft .list-label {
        color: #fff
    }

.mt-element-list .list-todo .list-count.purple-soft, .mt-element-list .list-todo.mt-list-head.purple-soft {
    background-color: #8877a9;
    color: #fff
}

    .mt-element-list .list-todo .list-count.purple-soft:hover {
        background-color: #7a679f
    }

.mt-element-list .list-todo .list-todo-line.purple-soft {
    border-color: #8877a9
}

.mt-element-list .list-todo .list-todo-item.purple-soft:after {
    border-right-color: #8877a9 !important
}

.mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle {
    background: #8877a9;
    color: #fff !important
}

    .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle > .badge {
        color: #8877a9;
        background: #fff
    }

.mt-element-list .list-todo-item.white:after {
    border-right-color: #fff
}

.mt-element-list .list-todo-item.white .list-toggle {
    background: #fff
}

.mt-element-list .list-todo-item.default:after {
    border-right-color: #e1e5ec
}

.mt-element-list .list-todo-item.default .list-toggle {
    background: #e1e5ec
}

.mt-element-list .list-todo-item.dark:after {
    border-right-color: #2f353b
}

.mt-element-list .list-todo-item.dark .list-toggle {
    background: #2f353b
}

.mt-element-list .list-todo-item.blue:after {
    border-right-color: #3598dc
}

.mt-element-list .list-todo-item.blue .list-toggle {
    background: #3598dc
}

.mt-element-list .list-todo-item.blue-madison:after {
    border-right-color: #578ebe
}

.mt-element-list .list-todo-item.blue-madison .list-toggle {
    background: #578ebe
}

.mt-element-list .list-todo-item.blue-chambray:after {
    border-right-color: #2C3E50
}

.mt-element-list .list-todo-item.blue-chambray .list-toggle {
    background: #2C3E50
}

.mt-element-list .list-todo-item.blue-ebonyclay:after {
    border-right-color: #22313F
}

.mt-element-list .list-todo-item.blue-ebonyclay .list-toggle {
    background: #22313F
}

.mt-element-list .list-todo-item.blue-hoki:after {
    border-right-color: #67809F
}

.mt-element-list .list-todo-item.blue-hoki .list-toggle {
    background: #67809F
}

.mt-element-list .list-todo-item.blue-steel:after {
    border-right-color: #4B77BE
}

.mt-element-list .list-todo-item.blue-steel .list-toggle {
    background: #4B77BE
}

.mt-element-list .list-todo-item.blue-soft:after {
    border-right-color: #4c87b9
}

.mt-element-list .list-todo-item.blue-soft .list-toggle {
    background: #4c87b9
}

.mt-element-list .list-todo-item.blue-dark:after {
    border-right-color: #5e738b
}

.mt-element-list .list-todo-item.blue-dark .list-toggle {
    background: #5e738b
}

.mt-element-list .list-todo-item.blue-sharp:after {
    border-right-color: #5C9BD1
}

.mt-element-list .list-todo-item.blue-sharp .list-toggle {
    background: #5C9BD1
}

.mt-element-list .list-todo-item.green:after {
    border-right-color: #32c5d2
}

.mt-element-list .list-todo-item.green .list-toggle {
    background: #32c5d2
}

.mt-element-list .list-todo-item.green-meadow:after {
    border-right-color: #1BBC9B
}

.mt-element-list .list-todo-item.green-meadow .list-toggle {
    background: #1BBC9B
}

.mt-element-list .list-todo-item.green-seagreen:after {
    border-right-color: #1BA39C
}

.mt-element-list .list-todo-item.green-seagreen .list-toggle {
    background: #1BA39C
}

.mt-element-list .list-todo-item.green-turquoise:after {
    border-right-color: #36D7B7
}

.mt-element-list .list-todo-item.green-turquoise .list-toggle {
    background: #36D7B7
}

.mt-element-list .list-todo-item.green-haze:after {
    border-right-color: #44b6ae
}

.mt-element-list .list-todo-item.green-haze .list-toggle {
    background: #44b6ae
}

.mt-element-list .list-todo-item.green-jungle:after {
    border-right-color: #26C281
}

.mt-element-list .list-todo-item.green-jungle .list-toggle {
    background: #26C281
}

.mt-element-list .list-todo-item.green-soft:after {
    border-right-color: #3faba4
}

.mt-element-list .list-todo-item.green-soft .list-toggle {
    background: #3faba4
}

.mt-element-list .list-todo-item.green-dark:after {
    border-right-color: #4DB3A2
}

.mt-element-list .list-todo-item.green-dark .list-toggle {
    background: #4DB3A2
}

.mt-element-list .list-todo-item.green-sharp:after {
    border-right-color: #2ab4c0
}

.mt-element-list .list-todo-item.green-sharp .list-toggle {
    background: #2ab4c0
}

.mt-element-list .list-todo-item.grey:after {
    border-right-color: #E5E5E5
}

.mt-element-list .list-todo-item.grey .list-toggle {
    background: #E5E5E5
}

.mt-element-list .list-todo-item.grey-steel:after {
    border-right-color: #e9edef
}

.mt-element-list .list-todo-item.grey-steel .list-toggle {
    background: #e9edef
}

.mt-element-list .list-todo-item.grey-cararra:after {
    border-right-color: #fafafa
}

.mt-element-list .list-todo-item.grey-cararra .list-toggle {
    background: #fafafa
}

.mt-element-list .list-todo-item.grey-gallery:after {
    border-right-color: #555
}

.mt-element-list .list-todo-item.grey-gallery .list-toggle {
    background: #555
}

.mt-element-list .list-todo-item.grey-cascade:after {
    border-right-color: #95A5A6
}

.mt-element-list .list-todo-item.grey-cascade .list-toggle {
    background: #95A5A6
}

.mt-element-list .list-todo-item.grey-silver:after {
    border-right-color: #BFBFBF
}

.mt-element-list .list-todo-item.grey-silver .list-toggle {
    background: #BFBFBF
}

.mt-element-list .list-todo-item.grey-salsa:after {
    border-right-color: #ACB5C3
}

.mt-element-list .list-todo-item.grey-salsa .list-toggle {
    background: #ACB5C3
}

.mt-element-list .list-todo-item.grey-salt:after {
    border-right-color: #bfcad1
}

.mt-element-list .list-todo-item.grey-salt .list-toggle {
    background: #bfcad1
}

.mt-element-list .list-todo-item.grey-mint:after {
    border-right-color: #525e64
}

.mt-element-list .list-todo-item.grey-mint .list-toggle {
    background: #525e64
}

.mt-element-list .list-todo-item.red:after {
    border-right-color: #e7505a
}

.mt-element-list .list-todo-item.red .list-toggle {
    background: #e7505a
}

.mt-element-list .list-todo-item.red-pink:after {
    border-right-color: #E08283
}

.mt-element-list .list-todo-item.red-pink .list-toggle {
    background: #E08283
}

.mt-element-list .list-todo-item.red-sunglo:after {
    border-right-color: #E26A6A
}

.mt-element-list .list-todo-item.red-sunglo .list-toggle {
    background: #E26A6A
}

.mt-element-list .list-todo-item.red-intense:after {
    border-right-color: #e35b5a
}

.mt-element-list .list-todo-item.red-intense .list-toggle {
    background: #e35b5a
}

.mt-element-list .list-todo-item.red-thunderbird:after {
    border-right-color: #D91E18
}

.mt-element-list .list-todo-item.red-thunderbird .list-toggle {
    background: #D91E18
}

.mt-element-list .list-todo-item.red-flamingo:after {
    border-right-color: #EF4836
}

.mt-element-list .list-todo-item.red-flamingo .list-toggle {
    background: #EF4836
}

.mt-element-list .list-todo-item.red-soft:after {
    border-right-color: #d05454
}

.mt-element-list .list-todo-item.red-soft .list-toggle {
    background: #d05454
}

.mt-element-list .list-todo-item.red-haze:after {
    border-right-color: #f36a5a
}

.mt-element-list .list-todo-item.red-haze .list-toggle {
    background: #f36a5a
}

.mt-element-list .list-todo-item.red-mint:after {
    border-right-color: #e43a45
}

.mt-element-list .list-todo-item.red-mint .list-toggle {
    background: #e43a45
}

.mt-element-list .list-todo-item.yellow:after {
    border-right-color: #c49f47
}

.mt-element-list .list-todo-item.yellow .list-toggle {
    background: #c49f47
}

.mt-element-list .list-todo-item.yellow-gold:after {
    border-right-color: #E87E04
}

.mt-element-list .list-todo-item.yellow-gold .list-toggle {
    background: #E87E04
}

.mt-element-list .list-todo-item.yellow-casablanca:after {
    border-right-color: #f2784b
}

.mt-element-list .list-todo-item.yellow-casablanca .list-toggle {
    background: #f2784b
}

.mt-element-list .list-todo-item.yellow-crusta:after {
    border-right-color: #f3c200
}

.mt-element-list .list-todo-item.yellow-crusta .list-toggle {
    background: #f3c200
}

.mt-element-list .list-todo-item.yellow-lemon:after {
    border-right-color: #F7CA18
}

.mt-element-list .list-todo-item.yellow-lemon .list-toggle {
    background: #F7CA18
}

.mt-element-list .list-todo-item.yellow-saffron:after {
    border-right-color: #F4D03F
}

.mt-element-list .list-todo-item.yellow-saffron .list-toggle {
    background: #F4D03F
}

.mt-element-list .list-todo-item.yellow-soft:after {
    border-right-color: #c8d046
}

.mt-element-list .list-todo-item.yellow-soft .list-toggle {
    background: #c8d046
}

.mt-element-list .list-todo-item.yellow-haze:after {
    border-right-color: #c5bf66
}

.mt-element-list .list-todo-item.yellow-haze .list-toggle {
    background: #c5bf66
}

.mt-element-list .list-todo-item.yellow-mint:after {
    border-right-color: #c5b96b
}

.mt-element-list .list-todo-item.yellow-mint .list-toggle {
    background: #c5b96b
}

.mt-element-list .list-todo-item.purple:after {
    border-right-color: #8E44AD
}

.mt-element-list .list-todo-item.purple .list-toggle {
    background: #8E44AD
}

.mt-element-list .list-todo-item.purple-plum:after {
    border-right-color: #8775a7
}

.mt-element-list .list-todo-item.purple-plum .list-toggle {
    background: #8775a7
}

.mt-element-list .list-todo-item.purple-medium:after {
    border-right-color: #BF55EC
}

.mt-element-list .list-todo-item.purple-medium .list-toggle {
    background: #BF55EC
}

.mt-element-list .list-todo-item.purple-studio:after {
    border-right-color: #8E44AD
}

.mt-element-list .list-todo-item.purple-studio .list-toggle {
    background: #8E44AD
}

.mt-element-list .list-todo-item.purple-wisteria:after {
    border-right-color: #9B59B6
}

.mt-element-list .list-todo-item.purple-wisteria .list-toggle {
    background: #9B59B6
}

.mt-element-list .list-todo-item.purple-seance:after {
    border-right-color: #9A12B3
}

.mt-element-list .list-todo-item.purple-seance .list-toggle {
    background: #9A12B3
}

.mt-element-list .list-todo-item.purple-intense:after {
    border-right-color: #8775a7
}

.mt-element-list .list-todo-item.purple-intense .list-toggle {
    background: #8775a7
}

.mt-element-list .list-todo-item.purple-sharp:after {
    border-right-color: #796799
}

.mt-element-list .list-todo-item.purple-sharp .list-toggle {
    background: #796799
}

.mt-element-list .list-todo-item.purple-soft:after {
    border-right-color: #8877a9
}

.mt-element-list .list-todo-item.purple-soft .list-toggle {
    background: #8877a9
}

.btn.default {
    color: #333;
    background-color: #E5E5E5
}

    .btn.default.active, .btn.default:active, .btn.default:focus, .btn.default:hover, .open .btn.default.dropdown-toggle {
        color: #333;
        background-color: #d3d3d3
    }

    .btn.default.active, .btn.default:active {
        background-image: none;
        background-color: #c6c6c6
    }

        .btn.default.active:hover, .btn.default:active:hover {
            background-color: #ccc
        }

.open .btn.default.dropdown-toggle {
    background-image: none
}

.btn.default.disabled, .btn.default.disabled.active, .btn.default.disabled:active, .btn.default.disabled:focus, .btn.default.disabled:hover, .btn.default[disabled], .btn.default[disabled].active, .btn.default[disabled]:active, .btn.default[disabled]:focus, .btn.default[disabled]:hover, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default.active, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:hover {
    background-color: #E5E5E5
}

.btn.default .badge {
    color: #E5E5E5;
    background-color: #333
}

.blue.btn {
    color: #FFF;
    background-color: #14149A;
}

    .blue.btn.active, .blue.btn:active, .blue.btn:focus, .blue.btn:hover {
        color: #FFF;
        background-color: #3343a4
    }

.open .blue.btn.dropdown-toggle {
    color: #FFF;
    background-color: #2386ca;
    background-image: none
}

.blue.btn.active, .blue.btn:active {
    background-image: none;
    background-color: #3343a4
}

    .blue.btn.active:hover, .blue.btn:active:hover {
        background-color: #3343a4
    }

.blue.btn.disabled, .blue.btn.disabled.active, .blue.btn.disabled:active, .blue.btn.disabled:focus, .blue.btn.disabled:hover, .blue.btn[disabled], .blue.btn[disabled].active, .blue.btn[disabled]:active, .blue.btn[disabled]:focus, .blue.btn[disabled]:hover, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn.active, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:hover {
    background-color: #3598dc
}

.blue.btn .badge {
    color: #3598dc;
    background-color: #FFF
}

.btn.blue-stripe {
    border-left: 3px solid #3598dc
}

.portlet.blue, .portlet > .portlet-body.blue {
    background-color: #3598dc
}

.portlet.solid.blue > .portlet-body, .portlet.solid.blue > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue {
    border: 1px solid #60aee4;
    border-top: 0
}

    .portlet.box.blue > .portlet-title {
        background-color: #3598dc
    }

        .portlet.box.blue > .portlet-title > .caption, .portlet.box.blue > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #95c9ed;
            color: #aad4f0
        }

            .portlet.box.blue > .portlet-title > .actions .btn-default > em {
                color: #b7daf3
            }

            .portlet.box.blue > .portlet-title > .actions .btn-default.active, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #c0dff4;
                color: #d6eaf8
            }

.dashboard-stat.blue {
    background-color: #3598dc
}

    .dashboard-stat.blue.dashboard-stat-light:hover {
        background-color: #258fd7
    }

    .dashboard-stat.blue .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue .details .number {
        color: #FFF
    }

    .dashboard-stat.blue .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue .more {
        color: #FFF;
        background-color: #258fd7
    }

.bg-blue {
    border-color: #3598dc !important;
    background-image: none !important;
    background-color: #3598dc !important;
    color: #FFF !important
}

.font-blue {
    color: #3598dc !important
}

.progress-bar.blue {
    background: #3598dc !important;
    color: #FFF !important
}

.blue-madison.btn {
    color: #FFF;
    background-color: #578ebe
}

    .blue-madison.btn.active, .blue-madison.btn:active, .blue-madison.btn:focus, .blue-madison.btn:hover, .open .blue-madison.btn.dropdown-toggle {
        color: #FFF;
        background-color: #437cae
    }

    .blue-madison.btn.active, .blue-madison.btn:active {
        background-image: none;
        background-color: #3c6f9c
    }

        .blue-madison.btn.active:hover, .blue-madison.btn:active:hover {
            background-color: #3f74a3
        }

.open .blue-madison.btn.dropdown-toggle {
    background-image: none
}

.blue-madison.btn.disabled, .blue-madison.btn.disabled.active, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:hover, .blue-madison.btn[disabled], .blue-madison.btn[disabled].active, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:hover, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn.active, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:hover {
    background-color: #578ebe
}

.blue-madison.btn .badge {
    color: #578ebe;
    background-color: #FFF
}

.btn.blue-madison-stripe {
    border-left: 3px solid #578ebe
}

.portlet.blue-madison, .portlet > .portlet-body.blue-madison {
    background-color: #578ebe
}

.portlet.solid.blue-madison > .portlet-body, .portlet.solid.blue-madison > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-madison > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-madison > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-madison {
    border: 1px solid #7ca7cc;
    border-top: 0
}

    .portlet.box.blue-madison > .portlet-title {
        background-color: #578ebe
    }

        .portlet.box.blue-madison > .portlet-title > .caption, .portlet.box.blue-madison > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-madison > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #a8c4dd;
            color: #bad1e4
        }

            .portlet.box.blue-madison > .portlet-title > .actions .btn-default > em {
                color: #c5d8e9
            }

            .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #cdddec;
                color: #dfeaf3
            }

.dashboard-stat.blue-madison {
    background-color: #578ebe
}

    .dashboard-stat.blue-madison.dashboard-stat-light:hover {
        background-color: #4884b8
    }

    .dashboard-stat.blue-madison .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-madison .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-madison .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-madison .more {
        color: #FFF;
        background-color: #4884b8
    }

.bg-blue-madison {
    border-color: #578ebe !important;
    background-image: none !important;
    background-color: #578ebe !important;
    color: #FFF !important
}

.font-blue-madison {
    color: #578ebe !important
}

.progress-bar.blue-madison {
    background: #578ebe !important;
    color: #FFF !important
}

.blue-chambray.btn {
    color: #FFF;
    background-color: #2C3E50
}

    .blue-chambray.btn.active, .blue-chambray.btn:active, .blue-chambray.btn:focus, .blue-chambray.btn:hover, .open .blue-chambray.btn.dropdown-toggle {
        color: #FFF;
        background-color: #1f2c39
    }

    .blue-chambray.btn.active, .blue-chambray.btn:active {
        background-image: none;
        background-color: #161f29
    }

        .blue-chambray.btn.active:hover, .blue-chambray.btn:active:hover {
            background-color: #1a242f
        }

.open .blue-chambray.btn.dropdown-toggle {
    background-image: none
}

.blue-chambray.btn.disabled, .blue-chambray.btn.disabled.active, .blue-chambray.btn.disabled:active, .blue-chambray.btn.disabled:focus, .blue-chambray.btn.disabled:hover, .blue-chambray.btn[disabled], .blue-chambray.btn[disabled].active, .blue-chambray.btn[disabled]:active, .blue-chambray.btn[disabled]:focus, .blue-chambray.btn[disabled]:hover, fieldset[disabled] .blue-chambray.btn, fieldset[disabled] .blue-chambray.btn.active, fieldset[disabled] .blue-chambray.btn:active, fieldset[disabled] .blue-chambray.btn:focus, fieldset[disabled] .blue-chambray.btn:hover {
    background-color: #2C3E50
}

.blue-chambray.btn .badge {
    color: #2C3E50;
    background-color: #FFF
}

.btn.blue-chambray-stripe {
    border-left: 3px solid #2C3E50
}

.portlet.blue-chambray, .portlet > .portlet-body.blue-chambray {
    background-color: #2C3E50
}

.portlet.solid.blue-chambray > .portlet-body, .portlet.solid.blue-chambray > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-chambray > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-chambray > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-chambray {
    border: 1px solid #3e5771;
    border-top: 0
}

    .portlet.box.blue-chambray > .portlet-title {
        background-color: #2C3E50
    }

        .portlet.box.blue-chambray > .portlet-title > .caption, .portlet.box.blue-chambray > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-chambray > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #547698;
            color: #5f83a7
        }

            .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > em {
                color: #698aac
            }

            .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #6f90b0;
                color: #809cb9
            }

.dashboard-stat.blue-chambray {
    background-color: #2C3E50
}

    .dashboard-stat.blue-chambray.dashboard-stat-light:hover {
        background-color: #253443
    }

    .dashboard-stat.blue-chambray .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-chambray .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-chambray .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-chambray .more {
        color: #FFF;
        background-color: #253443
    }

.bg-blue-chambray {
    border-color: #2C3E50 !important;
    background-image: none !important;
    background-color: #2C3E50 !important;
    color: #FFF !important
}

.font-blue-chambray {
    color: #2C3E50 !important
}

.progress-bar.blue-chambray {
    background: #2C3E50 !important;
    color: #FFF !important
}

.blue-ebonyclay.btn {
    color: #FFF;
    background-color: #22313F
}

    .blue-ebonyclay.btn.active, .blue-ebonyclay.btn:active, .blue-ebonyclay.btn:focus, .blue-ebonyclay.btn:hover, .open .blue-ebonyclay.btn.dropdown-toggle {
        color: #FFF;
        background-color: #151f28
    }

    .blue-ebonyclay.btn.active, .blue-ebonyclay.btn:active {
        background-image: none;
        background-color: #0d1217
    }

        .blue-ebonyclay.btn.active:hover, .blue-ebonyclay.btn:active:hover {
            background-color: #10171e
        }

.open .blue-ebonyclay.btn.dropdown-toggle {
    background-image: none
}

.blue-ebonyclay.btn.disabled, .blue-ebonyclay.btn.disabled.active, .blue-ebonyclay.btn.disabled:active, .blue-ebonyclay.btn.disabled:focus, .blue-ebonyclay.btn.disabled:hover, .blue-ebonyclay.btn[disabled], .blue-ebonyclay.btn[disabled].active, .blue-ebonyclay.btn[disabled]:active, .blue-ebonyclay.btn[disabled]:focus, .blue-ebonyclay.btn[disabled]:hover, fieldset[disabled] .blue-ebonyclay.btn, fieldset[disabled] .blue-ebonyclay.btn.active, fieldset[disabled] .blue-ebonyclay.btn:active, fieldset[disabled] .blue-ebonyclay.btn:focus, fieldset[disabled] .blue-ebonyclay.btn:hover {
    background-color: #22313F
}

.blue-ebonyclay.btn .badge {
    color: #22313F;
    background-color: #FFF
}

.btn.blue-ebonyclay-stripe {
    border-left: 3px solid #22313F
}

.portlet.blue-ebonyclay, .portlet > .portlet-body.blue-ebonyclay {
    background-color: #22313F
}

.portlet.solid.blue-ebonyclay > .portlet-body, .portlet.solid.blue-ebonyclay > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-ebonyclay > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-ebonyclay > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-ebonyclay {
    border: 1px solid #344b60;
    border-top: 0
}

    .portlet.box.blue-ebonyclay > .portlet-title {
        background-color: #22313F
    }

        .portlet.box.blue-ebonyclay > .portlet-title > .caption, .portlet.box.blue-ebonyclay > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #496a88;
            color: #527798
        }

            .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > em {
                color: #587ea2
            }

            .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #5d83a7;
                color: #6d90b0
            }

.dashboard-stat.blue-ebonyclay {
    background-color: #22313F
}

    .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
        background-color: #1b2732
    }

    .dashboard-stat.blue-ebonyclay .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-ebonyclay .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-ebonyclay .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-ebonyclay .more {
        color: #FFF;
        background-color: #1b2732
    }

.bg-blue-ebonyclay {
    border-color: #22313F !important;
    background-image: none !important;
    background-color: #22313F !important;
    color: #FFF !important
}

.font-blue-ebonyclay {
    color: #22313F !important
}

.progress-bar.blue-ebonyclay {
    background: #22313F !important;
    color: #FFF !important
}

.blue-hoki.btn {
    color: #FFF;
    background-color: #67809F
}

    .blue-hoki.btn.active, .blue-hoki.btn:active, .blue-hoki.btn:focus, .blue-hoki.btn:hover, .open .blue-hoki.btn.dropdown-toggle {
        color: #FFF;
        background-color: #586e8b
    }

    .blue-hoki.btn.active, .blue-hoki.btn:active {
        background-image: none;
        background-color: #4e627b
    }

        .blue-hoki.btn.active:hover, .blue-hoki.btn:active:hover {
            background-color: #526781
        }

.open .blue-hoki.btn.dropdown-toggle {
    background-image: none
}

.blue-hoki.btn.disabled, .blue-hoki.btn.disabled.active, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:hover, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled].active, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:hover, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn.active, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:hover {
    background-color: #67809F
}

.blue-hoki.btn .badge {
    color: #67809F;
    background-color: #FFF
}

.btn.blue-hoki-stripe {
    border-left: 3px solid #67809F
}

.portlet.blue-hoki, .portlet > .portlet-body.blue-hoki {
    background-color: #67809F
}

.portlet.solid.blue-hoki > .portlet-body, .portlet.solid.blue-hoki > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-hoki > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-hoki > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-hoki {
    border: 1px solid #869ab3;
    border-top: 0
}

    .portlet.box.blue-hoki > .portlet-title {
        background-color: #67809F
    }

        .portlet.box.blue-hoki > .portlet-title > .caption, .portlet.box.blue-hoki > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-hoki > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #acb9ca;
            color: #bbc7d4
        }

            .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > em {
                color: #c5ceda
            }

            .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #cbd4de;
                color: #dbe1e8
            }

.dashboard-stat.blue-hoki {
    background-color: #67809F
}

    .dashboard-stat.blue-hoki.dashboard-stat-light:hover {
        background-color: #5e7694
    }

    .dashboard-stat.blue-hoki .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-hoki .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-hoki .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-hoki .more {
        color: #FFF;
        background-color: #5e7694
    }

.bg-blue-hoki {
    border-color: #67809F !important;
    background-image: none !important;
    background-color: #67809F !important;
    color: #FFF !important
}

.font-blue-hoki {
    color: #67809F !important
}

.progress-bar.blue-hoki {
    background: #67809F !important;
    color: #FFF !important
}

.blue-steel.btn, .blue-steel.btn.active, .blue-steel.btn:active, .blue-steel.btn:focus, .blue-steel.btn:hover, .open .blue-steel.btn.dropdown-toggle {
    color: #FFF;
    background-color: #0E1271
}

    .blue-steel.btn.active, .blue-steel.btn:active {
        background-image: none;
        background-color: #0E1271
    }

        .blue-steel.btn.active:hover, .blue-steel.btn:active:hover {
            background-color: #3343a4
        }

.open .blue-steel.btn.dropdown-toggle {
    background-image: none
}

.blue-steel.btn.disabled, .blue-steel.btn.disabled.active, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:hover, .blue-steel.btn[disabled], .blue-steel.btn[disabled].active, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:hover, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn.active, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:hover {
    background-color: #4B77BE
}

.blue-steel.btn .badge {
    color: #4B77BE;
    background-color: #FFF
}

.btn.blue-steel-stripe {
    border-left: 3px solid #4B77BE
}

.portlet.blue-steel, .portlet > .portlet-body.blue-steel {
    background-color: #FFF
}

.portlet.solid.blue-steel > .portlet-body, .portlet.solid.blue-steel > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-steel > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-steel > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-steel {
    border: 1px solid #8775a7;
    border-top: 0
}

    .portlet.box.blue-steel > .portlet-title {
        background-color: #0E1271
    }

        .portlet.box.blue-steel > .portlet-title > .caption, .portlet.box.blue-steel > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-steel > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #9db5dc;
            color: #b0c3e3
        }

            .portlet.box.blue-steel > .portlet-title > .actions .btn-default > em {
                color: #bbcce7
            }

            .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #c3d2e9;
                color: #d6e0f0
            }

.portlet.box.blue-theme {
    border: 1px solid #3343a4;
    border-top: 0
}

    .portlet.box.blue-theme > .portlet-title {
        background-color: #3343a4
    }

        .portlet.box.blue-theme > .portlet-title > .caption, .portlet.box.blue-theme > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-theme > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #9db5dc;
            color: #b0c3e3
        }

            .portlet.box.blue-theme > .portlet-title > .actions .btn-default > em {
                color: #bbcce7
            }

            .portlet.box.blue-theme > .portlet-title > .actions .btn-default.active, .portlet.box.blue-theme > .portlet-title > .actions .btn-default:active, .portlet.box.blue-theme > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-theme > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #c3d2e9;
                color: #d6e0f0
            }

.portlet.box.light-grey {
    border: 2px solid #E0E0E0;
    border-top: 0
}

    .portlet.box.light-grey > .portlet-title {
        background-color: #E0E0E0
    }

        .portlet.box.light-grey > .portlet-title > .caption {
            color: #0E1271;
            font-weight: 600
        }

            .portlet.box.light-grey > .portlet-title > .caption > em {
                color: #0E1271
            }

        .portlet.box.light-grey > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #0E1271;
            color: #0E1271
        }

            .portlet.box.light-grey > .portlet-title > .actions .btn-default:hover, .portlet.box.light-grey > .portlet-title > .actions .btn-primary {
                background: transparent !important;
                background-color: #0E1271 !important;
                border: 1px solid #0E1271;
                color: #FFF
            }

                .portlet.box.light-grey > .portlet-title > .actions .btn-primary:hover {
                    background: transparent !important;
                    background-color: #3343a4 !important;
                    border: 1px solid #0E1271;
                    color: #FFF
                }

            .portlet.box.light-grey > .portlet-title > .actions .btn-default > em {
                color: #0E1271
            }

            .portlet.box.light-grey > .portlet-title > .actions .btn-default:active, .portlet.box.light-grey > .portlet-title > .actions .btn-default.active, .portlet.box.light-grey > .portlet-title > .actions .btn-default:focus, .portlet.box.light-grey > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #0E1271;
                color: #fff
            }

.dashboard-stat.blue-steel {
    background-color: #3343a4
}

    .dashboard-stat.blue-steel.dashboard-stat-light:hover {
        background-color: #416db4
    }

    .dashboard-stat.blue-steel .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-steel .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-steel .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-steel .more {
        color: #3343a4;
        background-color: #FC0
    }

.bg-blue-steel {
    border-color: #3343a4 !important;
    background-image: none !important;
    background-color: #0E1271 !important;
    color: #FFF !important
}

.bg-blue-theme {
    border-color: #0E1271 !important;
    background-image: none !important;
    background-color: #3343a4 !important;
    color: #fff !important
}

.font-blue-steel {
    color: #4B77BE !important
}

.progress-bar.blue-steel {
    background: #4B77BE !important;
    color: #FFF !important
}

.blue-soft.btn {
    color: #FFF;
    background-color: #4c87b9
}

    .blue-soft.btn.active, .blue-soft.btn:active, .blue-soft.btn:focus, .blue-soft.btn:hover, .open .blue-soft.btn.dropdown-toggle {
        color: #FFF;
        background-color: #3f75a2
    }

    .blue-soft.btn.active, .blue-soft.btn:active {
        background-image: none;
        background-color: #386890
    }

        .blue-soft.btn.active:hover, .blue-soft.btn:active:hover {
            background-color: #3b6d97
        }

.open .blue-soft.btn.dropdown-toggle {
    background-image: none
}

.blue-soft.btn.disabled, .blue-soft.btn.disabled.active, .blue-soft.btn.disabled:active, .blue-soft.btn.disabled:focus, .blue-soft.btn.disabled:hover, .blue-soft.btn[disabled], .blue-soft.btn[disabled].active, .blue-soft.btn[disabled]:active, .blue-soft.btn[disabled]:focus, .blue-soft.btn[disabled]:hover, fieldset[disabled] .blue-soft.btn, fieldset[disabled] .blue-soft.btn.active, fieldset[disabled] .blue-soft.btn:active, fieldset[disabled] .blue-soft.btn:focus, fieldset[disabled] .blue-soft.btn:hover {
    background-color: #4c87b9
}

.blue-soft.btn .badge {
    color: #4c87b9;
    background-color: #FFF
}

.btn.blue-soft-stripe {
    border-left: 3px solid #4c87b9
}

.portlet.blue-soft, .portlet > .portlet-body.blue-soft {
    background-color: #4c87b9
}

.portlet.solid.blue-soft > .portlet-body, .portlet.solid.blue-soft > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-soft > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-soft > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-soft {
    border: 1px solid #71a0c7;
    border-top: 0
}

    .portlet.box.blue-soft > .portlet-title {
        background-color: #4c87b9
    }

        .portlet.box.blue-soft > .portlet-title > .caption, .portlet.box.blue-soft > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-soft > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #9dbdd9;
            color: #afc9e0
        }

            .portlet.box.blue-soft > .portlet-title > .actions .btn-default > em {
                color: #bad1e4
            }

            .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #c1d6e7;
                color: #d4e2ee
            }

.dashboard-stat.blue-soft {
    background-color: #4c87b9
}

    .dashboard-stat.blue-soft.dashboard-stat-light:hover {
        background-color: #447dad
    }

    .dashboard-stat.blue-soft .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-soft .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-soft .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-soft .more {
        color: #FFF;
        background-color: #447dad
    }

.bg-blue-soft {
    border-color: #4c87b9 !important;
    background-image: none !important;
    background-color: #4c87b9 !important;
    color: #FFF !important
}

.font-blue-soft {
    color: #4c87b9 !important
}

.progress-bar.blue-soft {
    background: #4c87b9 !important;
    color: #FFF !important
}

.blue-dark.btn {
    color: #FFF;
    background-color: #5e738b
}

    .blue-dark.btn.active, .blue-dark.btn:active, .blue-dark.btn:focus, .blue-dark.btn:hover, .open .blue-dark.btn.dropdown-toggle {
        color: #FFF;
        background-color: #506176
    }

    .blue-dark.btn.active, .blue-dark.btn:active {
        background-image: none;
        background-color: #455566
    }

        .blue-dark.btn.active:hover, .blue-dark.btn:active:hover {
            background-color: #495a6d
        }

.open .blue-dark.btn.dropdown-toggle {
    background-image: none
}

.blue-dark.btn.disabled, .blue-dark.btn.disabled.active, .blue-dark.btn.disabled:active, .blue-dark.btn.disabled:focus, .blue-dark.btn.disabled:hover, .blue-dark.btn[disabled], .blue-dark.btn[disabled].active, .blue-dark.btn[disabled]:active, .blue-dark.btn[disabled]:focus, .blue-dark.btn[disabled]:hover, fieldset[disabled] .blue-dark.btn, fieldset[disabled] .blue-dark.btn.active, fieldset[disabled] .blue-dark.btn:active, fieldset[disabled] .blue-dark.btn:focus, fieldset[disabled] .blue-dark.btn:hover {
    background-color: #5e738b
}

.blue-dark.btn .badge {
    color: #5e738b;
    background-color: #FFF
}

.btn.blue-dark-stripe {
    border-left: 3px solid #5e738b
}

.portlet.blue-dark, .portlet > .portlet-body.blue-dark {
    background-color: #5e738b
}

.portlet.solid.blue-dark > .portlet-body, .portlet.solid.blue-dark > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-dark > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-dark > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-dark {
    border: 1px solid #788da4;
    border-top: 0
}

    .portlet.box.blue-dark > .portlet-title {
        background-color: #5e738b
    }

        .portlet.box.blue-dark > .portlet-title > .caption, .portlet.box.blue-dark > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-dark > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #9dacbd;
            color: #acb8c7
        }

            .portlet.box.blue-dark > .portlet-title > .actions .btn-default > em {
                color: #b5c0cd
            }

            .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #bbc5d1;
                color: #cad2db
            }

.dashboard-stat.blue-dark {
    background-color: #5e738b
}

    .dashboard-stat.blue-dark.dashboard-stat-light:hover {
        background-color: #56697f
    }

    .dashboard-stat.blue-dark .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-dark .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-dark .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-dark .more {
        color: #FFF;
        background-color: #56697f
    }

.bg-blue-dark {
    border-color: #5e738b !important;
    background-image: none !important;
    background-color: #5e738b !important;
    color: #FFF !important
}

.font-blue-dark {
    color: #5e738b !important
}

.progress-bar.blue-dark {
    background: #5e738b !important;
    color: #FFF !important
}

.blue-sharp.btn {
    color: #FFF;
    background-color: #5C9BD1
}

    .blue-sharp.btn.active, .blue-sharp.btn:active, .blue-sharp.btn:focus, .blue-sharp.btn:hover, .open .blue-sharp.btn.dropdown-toggle {
        color: #FFF;
        background-color: #408ac9
    }

    .blue-sharp.btn.active, .blue-sharp.btn:active {
        background-image: none;
        background-color: #357dbb
    }

        .blue-sharp.btn.active:hover, .blue-sharp.btn:active:hover {
            background-color: #3782c3
        }

.open .blue-sharp.btn.dropdown-toggle {
    background-image: none
}

.blue-sharp.btn.disabled, .blue-sharp.btn.disabled.active, .blue-sharp.btn.disabled:active, .blue-sharp.btn.disabled:focus, .blue-sharp.btn.disabled:hover, .blue-sharp.btn[disabled], .blue-sharp.btn[disabled].active, .blue-sharp.btn[disabled]:active, .blue-sharp.btn[disabled]:focus, .blue-sharp.btn[disabled]:hover, fieldset[disabled] .blue-sharp.btn, fieldset[disabled] .blue-sharp.btn.active, fieldset[disabled] .blue-sharp.btn:active, fieldset[disabled] .blue-sharp.btn:focus, fieldset[disabled] .blue-sharp.btn:hover {
    background-color: #5C9BD1
}

.blue-sharp.btn .badge {
    color: #5C9BD1;
    background-color: #FFF
}

.btn.blue-sharp-stripe {
    border-left: 3px solid #5C9BD1
}

.portlet.blue-sharp, .portlet > .portlet-body.blue-sharp {
    background-color: #5C9BD1
}

.portlet.solid.blue-sharp > .portlet-body, .portlet.solid.blue-sharp > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-sharp > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.blue-sharp > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-sharp {
    border: 1px solid #84b3dc;
    border-top: 0
}

    .portlet.box.blue-sharp > .portlet-title {
        background-color: #5C9BD1
    }

        .portlet.box.blue-sharp > .portlet-title > .caption, .portlet.box.blue-sharp > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.blue-sharp > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #b4d1ea;
            color: #c7ddef
        }

            .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > em {
                color: #d3e4f3
            }

            .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #dbe9f5;
                color: #eff5fb
            }

.dashboard-stat.blue-sharp {
    background-color: #5C9BD1
}

    .dashboard-stat.blue-sharp.dashboard-stat-light:hover {
        background-color: #4c91cd
    }

    .dashboard-stat.blue-sharp .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-sharp .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-sharp .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-sharp .more {
        color: #FFF;
        background-color: #4c91cd
    }

.bg-blue-sharp {
    border-color: #5C9BD1 !important;
    background-image: none !important;
    background-color: #5C9BD1 !important;
    color: #FFF !important
}

.font-blue-sharp {
    color: #5C9BD1 !important
}

.progress-bar.blue-sharp {
    background: #5C9BD1 !important;
    color: #FFF !important
}

.green.btn {
    color: #FFF;
    background-color: #26a69a
}

    .green.btn.active, .green.btn:active, .green.btn:focus, .green.btn:hover, .open .green.btn.dropdown-toggle {
        color: #FFF;
        background-color: #1f897f
    }

    .green.btn.active, .green.btn:active {
        background-image: none;
        background-color: #1b746c
    }

        .green.btn.active:hover, .green.btn:active:hover {
            background-color: #1c7d74
        }

.open .green.btn.dropdown-toggle {
    background-image: none
}

.green.btn.disabled, .green.btn.disabled.active, .green.btn.disabled:active, .green.btn.disabled:focus, .green.btn.disabled:hover, .green.btn[disabled], .green.btn[disabled].active, .green.btn[disabled]:active, .green.btn[disabled]:focus, .green.btn[disabled]:hover, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn.active, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:hover {
    background-color: #26a69a
}

.green.btn .badge {
    color: #26a69a;
    background-color: #FFF
}

.btn.green-stripe {
    border-left: 3px solid #26a69a
}

.portlet.green, .portlet > .portlet-body.green {
    background-color: #26a69a
}

.portlet.solid.green > .portlet-body, .portlet.solid.green > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green {
    border: 1px solid #30d0c1;
    border-top: 0
}

    .portlet.box.green > .portlet-title {
        background-color: #26a69a
    }

        .portlet.box.green > .portlet-title > .caption, .portlet.box.green > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #61dbd0;
            color: #76e0d6
        }

            .portlet.box.green > .portlet-title > .actions .btn-default > em {
                color: #83e3da
            }

            .portlet.box.green > .portlet-title > .actions .btn-default.active, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #8be4dc;
                color: #a0e9e2
            }

.dashboard-stat.green {
    background-color: #26a69a
}

    .dashboard-stat.green.dashboard-stat-light:hover {
        background-color: #22958b
    }

    .dashboard-stat.green .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green .details .number {
        color: #FFF
    }

    .dashboard-stat.green .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green .more {
        color: #FFF;
        background-color: #22958b
    }

.bg-green {
    border-color: #26a69a !important;
    background-image: none !important;
    background-color: #26a69a !important;
    color: #FFF !important
}

.font-green {
    color: #26a69a !important
}

.progress-bar.green {
    background: #26a69a !important;
    color: #FFF !important
}

.green-meadow.btn {
    color: #FFF;
    background-color: #1BBC9B
}

    .green-meadow.btn.active, .green-meadow.btn:active, .green-meadow.btn:focus, .green-meadow.btn:hover, .open .green-meadow.btn.dropdown-toggle {
        color: #FFF;
        background-color: #179d81
    }

    .green-meadow.btn.active, .green-meadow.btn:active {
        background-image: none;
        background-color: #13866f
    }

        .green-meadow.btn.active:hover, .green-meadow.btn:active:hover {
            background-color: #158f76
        }

.open .green-meadow.btn.dropdown-toggle {
    background-image: none
}

.green-meadow.btn.disabled, .green-meadow.btn.disabled.active, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:hover, .green-meadow.btn[disabled], .green-meadow.btn[disabled].active, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:hover, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn.active, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:hover {
    background-color: #1BBC9B
}

.green-meadow.btn .badge {
    color: #1BBC9B;
    background-color: #FFF
}

.btn.green-meadow-stripe {
    border-left: 3px solid #1BBC9B
}

.portlet.green-meadow, .portlet > .portlet-body.green-meadow {
    background-color: #1BBC9B
}

.portlet.solid.green-meadow > .portlet-body, .portlet.solid.green-meadow > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-meadow > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-meadow > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-meadow {
    border: 1px solid #2ae0bb;
    border-top: 0
}

    .portlet.box.green-meadow > .portlet-title {
        background-color: #1BBC9B
    }

        .portlet.box.green-meadow > .portlet-title > .caption, .portlet.box.green-meadow > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-meadow > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #5fe8cc;
            color: #75ebd3
        }

            .portlet.box.green-meadow > .portlet-title > .actions .btn-default > em {
                color: #83edd7
            }

            .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #8ceeda;
                color: #a2f2e1
            }

.dashboard-stat.green-meadow {
    background-color: #1BBC9B
}

    .dashboard-stat.green-meadow.dashboard-stat-light:hover {
        background-color: #18aa8c
    }

    .dashboard-stat.green-meadow .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-meadow .details .number {
        color: #FFF
    }

    .dashboard-stat.green-meadow .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-meadow .more {
        color: #FFF;
        background-color: #18aa8c
    }

.bg-green-meadow {
    border-color: #1BBC9B !important;
    background-image: none !important;
    background-color: #1BBC9B !important;
    color: #FFF !important
}

.font-green-meadow {
    color: #1BBC9B !important
}

.progress-bar.green-meadow {
    background: #1BBC9B !important;
    color: #FFF !important
}

.green-seagreen.btn {
    color: #FFF;
    background-color: #1BA39C
}

    .green-seagreen.btn.active, .green-seagreen.btn:active, .green-seagreen.btn:focus, .green-seagreen.btn:hover, .open .green-seagreen.btn.dropdown-toggle {
        color: #FFF;
        background-color: #16847f
    }

    .green-seagreen.btn.active, .green-seagreen.btn:active {
        background-image: none;
        background-color: #126e6a
    }

        .green-seagreen.btn.active:hover, .green-seagreen.btn:active:hover {
            background-color: #147772
        }

.open .green-seagreen.btn.dropdown-toggle {
    background-image: none
}

.green-seagreen.btn.disabled, .green-seagreen.btn.disabled.active, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:hover, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled].active, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:hover, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn.active, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:hover {
    background-color: #1BA39C
}

.green-seagreen.btn .badge {
    color: #1BA39C;
    background-color: #FFF
}

.btn.green-seagreen-stripe {
    border-left: 3px solid #1BA39C
}

.portlet.green-seagreen, .portlet > .portlet-body.green-seagreen {
    background-color: #1BA39C
}

.portlet.solid.green-seagreen > .portlet-body, .portlet.solid.green-seagreen > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-seagreen > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-seagreen > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-seagreen {
    border: 1px solid #22cfc6;
    border-top: 0
}

    .portlet.box.green-seagreen > .portlet-title {
        background-color: #1BA39C
    }

        .portlet.box.green-seagreen > .portlet-title > .caption, .portlet.box.green-seagreen > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-seagreen > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #4de1da;
            color: #63e5de
        }

            .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > em {
                color: #70e7e1
            }

            .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #78e9e3;
                color: #8eece8
            }

.dashboard-stat.green-seagreen {
    background-color: #1BA39C
}

    .dashboard-stat.green-seagreen.dashboard-stat-light:hover {
        background-color: #18918b
    }

    .dashboard-stat.green-seagreen .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-seagreen .details .number {
        color: #FFF
    }

    .dashboard-stat.green-seagreen .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-seagreen .more {
        color: #FFF;
        background-color: #18918b
    }

.bg-green-seagreen {
    border-color: #1BA39C !important;
    background-image: none !important;
    background-color: #1BA39C !important;
    color: #FFF !important
}

.font-green-seagreen {
    color: #1BA39C !important
}

.progress-bar.green-seagreen {
    background: #1BA39C !important;
    color: #FFF !important
}

.green-turquoise.btn {
    color: #FFF;
    background-color: #36D7B7
}

    .green-turquoise.btn.active, .green-turquoise.btn:active, .green-turquoise.btn:focus, .green-turquoise.btn:hover, .open .green-turquoise.btn.dropdown-toggle {
        color: #FFF;
        background-color: #27c3a4
    }

    .green-turquoise.btn.active, .green-turquoise.btn:active {
        background-image: none;
        background-color: #22ad92
    }

        .green-turquoise.btn.active:hover, .green-turquoise.btn:active:hover {
            background-color: #24b699
        }

.open .green-turquoise.btn.dropdown-toggle {
    background-image: none
}

.green-turquoise.btn.disabled, .green-turquoise.btn.disabled.active, .green-turquoise.btn.disabled:active, .green-turquoise.btn.disabled:focus, .green-turquoise.btn.disabled:hover, .green-turquoise.btn[disabled], .green-turquoise.btn[disabled].active, .green-turquoise.btn[disabled]:active, .green-turquoise.btn[disabled]:focus, .green-turquoise.btn[disabled]:hover, fieldset[disabled] .green-turquoise.btn, fieldset[disabled] .green-turquoise.btn.active, fieldset[disabled] .green-turquoise.btn:active, fieldset[disabled] .green-turquoise.btn:focus, fieldset[disabled] .green-turquoise.btn:hover {
    background-color: #36D7B7
}

.green-turquoise.btn .badge {
    color: #36D7B7;
    background-color: #FFF
}

.btn.green-turquoise-stripe {
    border-left: 3px solid #36D7B7
}

.portlet.green-turquoise, .portlet > .portlet-body.green-turquoise {
    background-color: #36D7B7
}

.portlet.solid.green-turquoise > .portlet-body, .portlet.solid.green-turquoise > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-turquoise > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-turquoise > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-turquoise {
    border: 1px solid #61dfc6;
    border-top: 0
}

    .portlet.box.green-turquoise > .portlet-title {
        background-color: #36D7B7
    }

        .portlet.box.green-turquoise > .portlet-title > .caption, .portlet.box.green-turquoise > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-turquoise > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #94ead9;
            color: #a9eee0
        }

            .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > em {
                color: #b6f0e5
            }

            .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #bef2e8;
                color: #d3f6ef
            }

.dashboard-stat.green-turquoise {
    background-color: #36D7B7
}

    .dashboard-stat.green-turquoise.dashboard-stat-light:hover {
        background-color: #29cfae
    }

    .dashboard-stat.green-turquoise .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-turquoise .details .number {
        color: #FFF
    }

    .dashboard-stat.green-turquoise .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-turquoise .more {
        color: #FFF;
        background-color: #29cfae
    }

.bg-green-turquoise {
    border-color: #36D7B7 !important;
    background-image: none !important;
    background-color: #36D7B7 !important;
    color: #FFF !important
}

.font-green-turquoise {
    color: #36D7B7 !important
}

.progress-bar.green-turquoise {
    background: #36D7B7 !important;
    color: #FFF !important
}

.green-haze.btn {
    color: #FFF;
    background-color: #44b6ae
}

    .green-haze.btn.active, .green-haze.btn:active, .green-haze.btn:focus, .green-haze.btn:hover, .open .green-haze.btn.dropdown-toggle {
        color: #FFF;
        background-color: #3a9c95
    }

    .green-haze.btn.active, .green-haze.btn:active {
        background-image: none;
        background-color: #338983
    }

        .green-haze.btn.active:hover, .green-haze.btn:active:hover {
            background-color: #36918b
        }

.open .green-haze.btn.dropdown-toggle {
    background-image: none
}

.green-haze.btn.disabled, .green-haze.btn.disabled.active, .green-haze.btn.disabled:active, .green-haze.btn.disabled:focus, .green-haze.btn.disabled:hover, .green-haze.btn[disabled], .green-haze.btn[disabled].active, .green-haze.btn[disabled]:active, .green-haze.btn[disabled]:focus, .green-haze.btn[disabled]:hover, fieldset[disabled] .green-haze.btn, fieldset[disabled] .green-haze.btn.active, fieldset[disabled] .green-haze.btn:active, fieldset[disabled] .green-haze.btn:focus, fieldset[disabled] .green-haze.btn:hover {
    background-color: #44b6ae
}

.green-haze.btn .badge {
    color: #44b6ae;
    background-color: #FFF
}

.btn.green-haze-stripe {
    border-left: 3px solid #44b6ae
}

.portlet.green-haze, .portlet > .portlet-body.green-haze {
    background-color: #44b6ae
}

.portlet.solid.green-haze > .portlet-body, .portlet.solid.green-haze > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-haze > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-haze > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-haze > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-haze {
    border: 1px solid #67c6bf;
    border-top: 0
}

    .portlet.box.green-haze > .portlet-title {
        background-color: #44b6ae
    }

        .portlet.box.green-haze > .portlet-title > .caption, .portlet.box.green-haze > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-haze > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #93d7d2;
            color: #a6deda
        }

            .portlet.box.green-haze > .portlet-title > .actions .btn-default > em {
                color: #b1e2de
            }

            .portlet.box.green-haze > .portlet-title > .actions .btn-default.active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #b9e5e2;
                color: #cbece9
            }

.dashboard-stat.green-haze {
    background-color: #44b6ae
}

    .dashboard-stat.green-haze.dashboard-stat-light:hover {
        background-color: #3ea7a0
    }

    .dashboard-stat.green-haze .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-haze .details .number {
        color: #FFF
    }

    .dashboard-stat.green-haze .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-haze .more {
        color: #FFF;
        background-color: #3ea7a0
    }

.bg-green-haze {
    border-color: #44b6ae !important;
    background-image: none !important;
    background-color: #44b6ae !important;
    color: #FFF !important
}

.font-green-haze {
    color: #44b6ae !important
}

.progress-bar.green-haze {
    background: #44b6ae !important;
    color: #FFF !important
}

.green-jungle.btn {
    color: #FFF;
    background-color: #26C281
}

    .green-jungle.btn.active, .green-jungle.btn:active, .green-jungle.btn:focus, .green-jungle.btn:hover, .open .green-jungle.btn.dropdown-toggle {
        color: #FFF;
        background-color: #20a46d
    }

    .green-jungle.btn.active, .green-jungle.btn:active {
        background-image: none;
        background-color: #1c8f5f
    }

        .green-jungle.btn.active:hover, .green-jungle.btn:active:hover {
            background-color: #1e9765
        }

.open .green-jungle.btn.dropdown-toggle {
    background-image: none
}

.green-jungle.btn.disabled, .green-jungle.btn.disabled.active, .green-jungle.btn.disabled:active, .green-jungle.btn.disabled:focus, .green-jungle.btn.disabled:hover, .green-jungle.btn[disabled], .green-jungle.btn[disabled].active, .green-jungle.btn[disabled]:active, .green-jungle.btn[disabled]:focus, .green-jungle.btn[disabled]:hover, fieldset[disabled] .green-jungle.btn, fieldset[disabled] .green-jungle.btn.active, fieldset[disabled] .green-jungle.btn:active, fieldset[disabled] .green-jungle.btn:focus, fieldset[disabled] .green-jungle.btn:hover {
    background-color: #26C281
}

.green-jungle.btn .badge {
    color: #26C281;
    background-color: #FFF
}

.btn.green-jungle-stripe {
    border-left: 3px solid #26C281
}

.portlet.green-jungle, .portlet > .portlet-body.green-jungle {
    background-color: #26C281
}

.portlet.solid.green-jungle > .portlet-body, .portlet.solid.green-jungle > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-jungle > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-jungle > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-jungle {
    border: 1px solid #41da9a;
    border-top: 0
}

    .portlet.box.green-jungle > .portlet-title {
        background-color: #26C281
    }

        .portlet.box.green-jungle > .portlet-title > .caption, .portlet.box.green-jungle > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-jungle > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #74e4b5;
            color: #8ae8c1
        }

            .portlet.box.green-jungle > .portlet-title > .actions .btn-default > em {
                color: #96ebc8
            }

            .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #9feccc;
                color: #b4f0d7
            }

.dashboard-stat.green-jungle {
    background-color: #26C281
}

    .dashboard-stat.green-jungle.dashboard-stat-light:hover {
        background-color: #23b176
    }

    .dashboard-stat.green-jungle .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-jungle .details .number {
        color: #FFF
    }

    .dashboard-stat.green-jungle .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-jungle .more {
        color: #FFF;
        background-color: #23b176
    }

.bg-green-jungle {
    border-color: #26C281 !important;
    background-image: none !important;
    background-color: #26C281 !important;
    color: #FFF !important
}

.font-green-jungle {
    color: #26C281 !important
}

.progress-bar.green-jungle {
    background: #26C281 !important;
    color: #FFF !important
}

.green-sharp.btn {
    color: #FFF;
    background-color: #4DB3A2
}

    .green-sharp.btn.active, .green-sharp.btn:active, .green-sharp.btn:focus, .green-sharp.btn:hover, .open .green-sharp.btn.dropdown-toggle {
        color: #FFF;
        background-color: #429a8c
    }

    .green-sharp.btn.active, .green-sharp.btn:active {
        background-image: none;
        background-color: #3a897b
    }

        .green-sharp.btn.active:hover, .green-sharp.btn:active:hover {
            background-color: #3d9082
        }

.open .green-sharp.btn.dropdown-toggle {
    background-image: none
}

.green-sharp.btn.disabled, .green-sharp.btn.disabled.active, .green-sharp.btn.disabled:active, .green-sharp.btn.disabled:focus, .green-sharp.btn.disabled:hover, .green-sharp.btn[disabled], .green-sharp.btn[disabled].active, .green-sharp.btn[disabled]:active, .green-sharp.btn[disabled]:focus, .green-sharp.btn[disabled]:hover, fieldset[disabled] .green-sharp.btn, fieldset[disabled] .green-sharp.btn.active, fieldset[disabled] .green-sharp.btn:active, fieldset[disabled] .green-sharp.btn:focus, fieldset[disabled] .green-sharp.btn:hover {
    background-color: #4DB3A2
}

.green-sharp.btn .badge {
    color: #4DB3A2;
    background-color: #FFF
}

.btn.green-sharp-stripe {
    border-left: 3px solid #4DB3A2
}

.portlet.green-sharp, .portlet > .portlet-body.green-sharp {
    background-color: #4DB3A2
}

.portlet.solid.green-sharp > .portlet-body, .portlet.solid.green-sharp > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-sharp > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-sharp > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-sharp {
    border: 1px solid #71c2b5;
    border-top: 0
}

    .portlet.box.green-sharp > .portlet-title {
        background-color: #4DB3A2
    }

        .portlet.box.green-sharp > .portlet-title > .caption, .portlet.box.green-sharp > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-sharp > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #9cd5cb;
            color: #addcd4
        }

            .portlet.box.green-sharp > .portlet-title > .actions .btn-default > em {
                color: #b8e1da
            }

            .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #bfe4de;
                color: #d1ebe7
            }

.dashboard-stat.green-sharp {
    background-color: #4DB3A2
}

    .dashboard-stat.green-sharp.dashboard-stat-light:hover {
        background-color: #46a595
    }

    .dashboard-stat.green-sharp .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-sharp .details .number {
        color: #FFF
    }

    .dashboard-stat.green-sharp .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-sharp .more {
        color: #FFF;
        background-color: #46a595
    }

.bg-green-sharp {
    border-color: #4DB3A2 !important;
    background-image: none !important;
    background-color: #4DB3A2 !important;
    color: #FFF !important
}

.font-green-sharp {
    color: #4DB3A2 !important
}

.progress-bar.green-sharp {
    background: #4DB3A2 !important;
    color: #FFF !important
}

.green-soft.btn {
    color: #FFF;
    background-color: #3faba4
}

    .green-soft.btn.active, .green-soft.btn:active, .green-soft.btn:focus, .green-soft.btn:hover, .open .green-soft.btn.dropdown-toggle {
        color: #FFF;
        background-color: #35918b
    }

    .green-soft.btn.active, .green-soft.btn:active {
        background-image: none;
        background-color: #2f7e79
    }

        .green-soft.btn.active:hover, .green-soft.btn:active:hover {
            background-color: #318680
        }

.open .green-soft.btn.dropdown-toggle {
    background-image: none
}

.green-soft.btn.disabled, .green-soft.btn.disabled.active, .green-soft.btn.disabled:active, .green-soft.btn.disabled:focus, .green-soft.btn.disabled:hover, .green-soft.btn[disabled], .green-soft.btn[disabled].active, .green-soft.btn[disabled]:active, .green-soft.btn[disabled]:focus, .green-soft.btn[disabled]:hover, fieldset[disabled] .green-soft.btn, fieldset[disabled] .green-soft.btn.active, fieldset[disabled] .green-soft.btn:active, fieldset[disabled] .green-soft.btn:focus, fieldset[disabled] .green-soft.btn:hover {
    background-color: #3faba4
}

.green-soft.btn .badge {
    color: #3faba4;
    background-color: #FFF
}

.btn.green-soft-stripe {
    border-left: 3px solid #3faba4
}

.portlet.green-soft, .portlet > .portlet-body.green-soft {
    background-color: #3faba4
}

.portlet.solid.green-soft > .portlet-body, .portlet.solid.green-soft > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-soft > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.green-soft > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.green-soft > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-soft {
    border: 1px solid #5bc2bc;
    border-top: 0
}

    .portlet.box.green-soft > .portlet-title {
        background-color: #3faba4
    }

        .portlet.box.green-soft > .portlet-title > .caption, .portlet.box.green-soft > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.green-soft > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #87d3ce;
            color: #9adad6
        }

            .portlet.box.green-soft > .portlet-title > .actions .btn-default > em {
                color: #a5deda
            }

            .portlet.box.green-soft > .portlet-title > .actions .btn-default.active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #ade1dd;
                color: #bfe7e5
            }

.dashboard-stat.green-soft {
    background-color: #3faba4
}

    .dashboard-stat.green-soft.dashboard-stat-light:hover {
        background-color: #3a9c96
    }

    .dashboard-stat.green-soft .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-soft .details .number {
        color: #FFF
    }

    .dashboard-stat.green-soft .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-soft .more {
        color: #FFF;
        background-color: #3a9c96
    }

.bg-green-soft {
    border-color: #3faba4 !important;
    background-image: none !important;
    background-color: #3faba4 !important;
    color: #FFF !important
}

.font-green-soft {
    color: #3faba4 !important
}

.progress-bar.green-soft {
    background: #3faba4 !important;
    color: #FFF !important
}

.grey.btn {
    color: #333;
    background-color: #E5E5E5
}

    .grey.btn.active, .grey.btn:active, .grey.btn:focus, .grey.btn:hover, .open .grey.btn.dropdown-toggle {
        color: #333;
        background-color: #d3d3d3
    }

    .grey.btn.active, .grey.btn:active {
        background-image: none;
        background-color: #c6c6c6
    }

        .grey.btn.active:hover, .grey.btn:active:hover {
            background-color: #ccc
        }

.open .grey.btn.dropdown-toggle {
    background-image: none
}

.grey.btn.disabled, .grey.btn.disabled.active, .grey.btn.disabled:active, .grey.btn.disabled:focus, .grey.btn.disabled:hover, .grey.btn[disabled], .grey.btn[disabled].active, .grey.btn[disabled]:active, .grey.btn[disabled]:focus, .grey.btn[disabled]:hover, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn.active, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:hover {
    background-color: #E5E5E5
}

.grey.btn .badge {
    color: #E5E5E5;
    background-color: #333
}

.btn.grey-stripe {
    border-left: 3px solid #E5E5E5
}

.portlet.grey, .portlet > .portlet-body.grey {
    background-color: #E5E5E5
}

.portlet.solid.grey > .portlet-body, .portlet.solid.grey > .portlet-title {
    border: 0;
    color: #333
}

    .portlet.solid.grey > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey > .portlet-title > .caption > em {
            color: #333
        }

    .portlet.solid.grey > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey {
    border: 1px solid #e5e5e5;
    border-top: 0
}

    .portlet.box.grey > .portlet-title {
        background-color: #E5E5E5
    }

        .portlet.box.grey > .portlet-title > .caption, .portlet.box.grey > .portlet-title > .caption > em {
            color: #333
        }

        .portlet.box.grey > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fff;
            color: #fff
        }

            .portlet.box.grey > .portlet-title > .actions .btn-default > em {
                color: #fff
            }

            .portlet.box.grey > .portlet-title > .actions .btn-default.active, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.grey {
    background-color: #E5E5E5
}

    .dashboard-stat.grey.dashboard-stat-light:hover {
        background-color: #dbdbdb
    }

    .dashboard-stat.grey .visual > em {
        color: #333;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey .details .number {
        color: #333
    }

    .dashboard-stat.grey .details .desc {
        color: #333;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey .more {
        color: #333;
        background-color: #dbdbdb
    }

.bg-grey {
    border-color: #E5E5E5 !important;
    background-image: none !important;
    background-color: #E5E5E5 !important;
    color: #333 !important
}

.font-grey {
    color: #E5E5E5 !important
}

.progress-bar.grey {
    background: #E5E5E5 !important;
    color: #333 !important
}

.grey-steel.btn {
    color: #80898e;
    background-color: #e9edef
}

    .grey-steel.btn.active, .grey-steel.btn:active, .grey-steel.btn:focus, .grey-steel.btn:hover, .open .grey-steel.btn.dropdown-toggle {
        color: #80898e;
        background-color: #d4dce0
    }

    .grey-steel.btn.active, .grey-steel.btn:active {
        background-image: none;
        background-color: #c6d0d5
    }

        .grey-steel.btn.active:hover, .grey-steel.btn:active:hover {
            background-color: #cbd5da
        }

.open .grey-steel.btn.dropdown-toggle {
    background-image: none
}

.grey-steel.btn.disabled, .grey-steel.btn.disabled.active, .grey-steel.btn.disabled:active, .grey-steel.btn.disabled:focus, .grey-steel.btn.disabled:hover, .grey-steel.btn[disabled], .grey-steel.btn[disabled].active, .grey-steel.btn[disabled]:active, .grey-steel.btn[disabled]:focus, .grey-steel.btn[disabled]:hover, fieldset[disabled] .grey-steel.btn, fieldset[disabled] .grey-steel.btn.active, fieldset[disabled] .grey-steel.btn:active, fieldset[disabled] .grey-steel.btn:focus, fieldset[disabled] .grey-steel.btn:hover {
    background-color: #e9edef
}

.grey-steel.btn .badge {
    color: #e9edef;
    background-color: #80898e
}

.btn.grey-steel-stripe {
    border-left: 3px solid #e9edef
}

.portlet.grey-steel, .portlet > .portlet-body.grey-steel {
    background-color: #e9edef
}

.portlet.solid.grey-steel > .portlet-body, .portlet.solid.grey-steel > .portlet-title {
    border: 0;
    color: #80898e
}

    .portlet.solid.grey-steel > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-steel > .portlet-title > .caption > em {
            color: #80898e
        }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-steel {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey-steel > .portlet-title {
        background-color: #e9edef
    }

        .portlet.box.grey-steel > .portlet-title > .caption, .portlet.box.grey-steel > .portlet-title > .caption > em {
            color: #80898e
        }

        .portlet.box.grey-steel > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fff;
            color: #fff
        }

            .portlet.box.grey-steel > .portlet-title > .actions .btn-default > em {
                color: #fff
            }

            .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.grey-steel {
    background-color: #e9edef
}

    .dashboard-stat.grey-steel.dashboard-stat-light:hover {
        background-color: #dde3e6
    }

    .dashboard-stat.grey-steel .visual > em {
        color: #80898e;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-steel .details .number {
        color: #80898e
    }

    .dashboard-stat.grey-steel .details .desc {
        color: #80898e;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-steel .more {
        color: #80898e;
        background-color: #dde3e6
    }

.bg-grey-steel {
    border-color: #e9edef !important;
    background-image: none !important;
    background-color: #e9edef !important;
    color: #80898e !important
}

.font-grey-steel {
    color: #e9edef !important
}

.progress-bar.grey-steel {
    background: #e9edef !important;
    color: #80898e !important
}

.grey-cararra.btn {
    color: #333;
    background-color: #fafafa
}

    .grey-cararra.btn.active, .grey-cararra.btn:active, .grey-cararra.btn:focus, .grey-cararra.btn:hover, .open .grey-cararra.btn.dropdown-toggle {
        color: #333;
        background-color: #e8e8e8
    }

    .grey-cararra.btn.active, .grey-cararra.btn:active {
        background-image: none;
        background-color: #dbdbdb
    }

        .grey-cararra.btn.active:hover, .grey-cararra.btn:active:hover {
            background-color: #e1e1e1
        }

.open .grey-cararra.btn.dropdown-toggle {
    background-image: none
}

.grey-cararra.btn.disabled, .grey-cararra.btn.disabled.active, .grey-cararra.btn.disabled:active, .grey-cararra.btn.disabled:focus, .grey-cararra.btn.disabled:hover, .grey-cararra.btn[disabled], .grey-cararra.btn[disabled].active, .grey-cararra.btn[disabled]:active, .grey-cararra.btn[disabled]:focus, .grey-cararra.btn[disabled]:hover, fieldset[disabled] .grey-cararra.btn, fieldset[disabled] .grey-cararra.btn.active, fieldset[disabled] .grey-cararra.btn:active, fieldset[disabled] .grey-cararra.btn:focus, fieldset[disabled] .grey-cararra.btn:hover {
    background-color: #fafafa
}

.grey-cararra.btn .badge {
    color: #fafafa;
    background-color: #333
}

.btn.grey-cararra-stripe {
    border-left: 3px solid #fafafa
}

.portlet.grey-cararra, .portlet > .portlet-body.grey-cararra {
    background-color: #fafafa
}

.portlet.solid.grey-cararra > .portlet-body, .portlet.solid.grey-cararra > .portlet-title {
    border: 0;
    color: #333
}

    .portlet.solid.grey-cararra > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-cararra > .portlet-title > .caption > em {
            color: #333
        }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-cararra {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey-cararra > .portlet-title {
        background-color: #fafafa
    }

        .portlet.box.grey-cararra > .portlet-title > .caption, .portlet.box.grey-cararra > .portlet-title > .caption > em {
            color: #333
        }

        .portlet.box.grey-cararra > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fff;
            color: #fff
        }

            .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > em {
                color: #fff
            }

            .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.grey-cararra {
    background-color: #fafafa
}

    .dashboard-stat.grey-cararra.dashboard-stat-light:hover {
        background-color: #f0f0f0
    }

    .dashboard-stat.grey-cararra .visual > em {
        color: #333;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-cararra .details .number {
        color: #333
    }

    .dashboard-stat.grey-cararra .details .desc {
        color: #333;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-cararra .more {
        color: #333;
        background-color: #f0f0f0
    }

.bg-grey-cararra {
    border-color: #fafafa !important;
    background-image: none !important;
    background-color: #fafafa !important;
    color: #333 !important
}

.font-grey-cararra {
    color: #fafafa !important
}

.progress-bar.grey-cararra {
    background: #fafafa !important;
    color: #333 !important
}

.grey-gallery.btn {
    color: #fff;
    background-color: #555
}

    .grey-gallery.btn.active, .grey-gallery.btn:active, .grey-gallery.btn:focus, .grey-gallery.btn:hover, .open .grey-gallery.btn.dropdown-toggle {
        color: #fff;
        background-color: #434343
    }

    .grey-gallery.btn.active, .grey-gallery.btn:active {
        background-image: none;
        background-color: #363636
    }

        .grey-gallery.btn.active:hover, .grey-gallery.btn:active:hover {
            background-color: #3b3b3b
        }

.open .grey-gallery.btn.dropdown-toggle {
    background-image: none
}

.grey-gallery.btn.disabled, .grey-gallery.btn.disabled.active, .grey-gallery.btn.disabled:active, .grey-gallery.btn.disabled:focus, .grey-gallery.btn.disabled:hover, .grey-gallery.btn[disabled], .grey-gallery.btn[disabled].active, .grey-gallery.btn[disabled]:active, .grey-gallery.btn[disabled]:focus, .grey-gallery.btn[disabled]:hover, fieldset[disabled] .grey-gallery.btn, fieldset[disabled] .grey-gallery.btn.active, fieldset[disabled] .grey-gallery.btn:active, fieldset[disabled] .grey-gallery.btn:focus, fieldset[disabled] .grey-gallery.btn:hover {
    background-color: #555
}

.grey-gallery.btn .badge {
    color: #555;
    background-color: #fff
}

.btn.grey-gallery-stripe {
    border-left: 3px solid #555
}

.portlet.grey-gallery, .portlet > .portlet-body.grey-gallery {
    background-color: #555
}

.portlet.solid.grey-gallery > .portlet-body, .portlet.solid.grey-gallery > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.grey-gallery > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-gallery > .portlet-title > .caption > em {
            color: #fff
        }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-gallery {
    border: 1px solid #6e6e6e;
    border-top: 0
}

    .portlet.box.grey-gallery > .portlet-title {
        background-color: #555
    }

        .portlet.box.grey-gallery > .portlet-title > .caption, .portlet.box.grey-gallery > .portlet-title > .caption > em {
            color: #fff
        }

        .portlet.box.grey-gallery > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #8d8d8d;
            color: #9a9a9a
        }

            .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > em {
                color: #a2a2a2
            }

            .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #a7a7a7;
                color: #b3b3b3
            }

.dashboard-stat.grey-gallery {
    background-color: #555
}

    .dashboard-stat.grey-gallery.dashboard-stat-light:hover {
        background-color: #4b4b4b
    }

    .dashboard-stat.grey-gallery .visual > em {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-gallery .details .number {
        color: #fff
    }

    .dashboard-stat.grey-gallery .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-gallery .more {
        color: #fff;
        background-color: #4b4b4b
    }

.bg-grey-gallery {
    border-color: #555 !important;
    background-image: none !important;
    background-color: #555 !important;
    color: #fff !important
}

.font-grey-gallery {
    color: #555 !important
}

.progress-bar.grey-gallery {
    background: #555 !important;
    color: #fff !important
}

.grey-cascade.btn {
    color: #FFF;
    background-color: #95A5A6
}

    .grey-cascade.btn.active, .grey-cascade.btn:active, .grey-cascade.btn:focus, .grey-cascade.btn:hover, .open .grey-cascade.btn.dropdown-toggle {
        color: #FFF;
        background-color: #829596
    }

    .grey-cascade.btn.active, .grey-cascade.btn:active {
        background-image: none;
        background-color: #74898a
    }

        .grey-cascade.btn.active:hover, .grey-cascade.btn:active:hover {
            background-color: #798d8f
        }

.open .grey-cascade.btn.dropdown-toggle {
    background-image: none
}

.grey-cascade.btn.disabled, .grey-cascade.btn.disabled.active, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:hover, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled].active, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:hover, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn.active, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:hover {
    background-color: #95A5A6
}

.grey-cascade.btn .badge {
    color: #95A5A6;
    background-color: #FFF
}

.btn.grey-cascade-stripe {
    border-left: 3px solid #95A5A6
}

.portlet.grey-cascade, .portlet > .portlet-body.grey-cascade {
    background-color: #95A5A6
}

.portlet.solid.grey-cascade > .portlet-body, .portlet.solid.grey-cascade > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.grey-cascade > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-cascade > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-cascade {
    border: 1px solid #b1bdbd;
    border-top: 0
}

    .portlet.box.grey-cascade > .portlet-title {
        background-color: #95A5A6
    }

        .portlet.box.grey-cascade > .portlet-title > .caption, .portlet.box.grey-cascade > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.grey-cascade > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #d2d9d9;
            color: #e0e5e5
        }

            .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > em {
                color: #e8ecec
            }

            .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #eef0f0;
                color: #fcfcfc
            }

.dashboard-stat.grey-cascade {
    background-color: #95A5A6
}

    .dashboard-stat.grey-cascade.dashboard-stat-light:hover {
        background-color: #8a9c9d
    }

    .dashboard-stat.grey-cascade .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-cascade .details .number {
        color: #FFF
    }

    .dashboard-stat.grey-cascade .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-cascade .more {
        color: #FFF;
        background-color: #8a9c9d
    }

.bg-grey-cascade {
    border-color: #95A5A6 !important;
    background-image: none !important;
    background-color: #95A5A6 !important;
    color: #FFF !important
}

.font-grey-cascade {
    color: #95A5A6 !important
}

.progress-bar.grey-cascade {
    background: #95A5A6 !important;
    color: #FFF !important
}

.grey-silver.btn {
    color: #FAFCFB;
    background-color: #BFBFBF
}

    .grey-silver.btn.active, .grey-silver.btn:active, .grey-silver.btn:focus, .grey-silver.btn:hover, .open .grey-silver.btn.dropdown-toggle {
        color: #FAFCFB;
        background-color: #adadad
    }

    .grey-silver.btn.active, .grey-silver.btn:active {
        background-image: none;
        background-color: #a0a0a0
    }

        .grey-silver.btn.active:hover, .grey-silver.btn:active:hover {
            background-color: #a6a6a6
        }

.open .grey-silver.btn.dropdown-toggle {
    background-image: none
}

.grey-silver.btn.disabled, .grey-silver.btn.disabled.active, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:hover, .grey-silver.btn[disabled], .grey-silver.btn[disabled].active, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:hover, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn.active, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:hover {
    background-color: #BFBFBF
}

.grey-silver.btn .badge {
    color: #BFBFBF;
    background-color: #FAFCFB
}

.btn.grey-silver-stripe {
    border-left: 3px solid #BFBFBF
}

.portlet.grey-silver, .portlet > .portlet-body.grey-silver {
    background-color: #BFBFBF
}

.portlet.solid.grey-silver > .portlet-body, .portlet.solid.grey-silver > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-silver > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-silver > .portlet-title > .caption > em {
            color: #FAFCFB
        }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-silver {
    border: 1px solid #d9d9d9;
    border-top: 0
}

    .portlet.box.grey-silver > .portlet-title {
        background-color: #BFBFBF
    }

        .portlet.box.grey-silver > .portlet-title > .caption, .portlet.box.grey-silver > .portlet-title > .caption > em {
            color: #FAFCFB
        }

        .portlet.box.grey-silver > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #f7f7f7;
            color: #fff
        }

            .portlet.box.grey-silver > .portlet-title > .actions .btn-default > em {
                color: #fff
            }

            .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.grey-silver {
    background-color: #BFBFBF
}

    .dashboard-stat.grey-silver.dashboard-stat-light:hover {
        background-color: #b5b5b5
    }

    .dashboard-stat.grey-silver .visual > em {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-silver .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-silver .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-silver .more {
        color: #FAFCFB;
        background-color: #b5b5b5
    }

.bg-grey-silver {
    border-color: #BFBFBF !important;
    background-image: none !important;
    background-color: #BFBFBF !important;
    color: #FAFCFB !important
}

.font-grey-silver {
    color: #BFBFBF !important
}

.progress-bar.grey-silver {
    background: #BFBFBF !important;
    color: #FAFCFB !important
}

.grey-salsa.btn {
    color: #FAFCFB;
    background-color: #ACB5C3
}

    .grey-salsa.btn.active, .grey-salsa.btn:active, .grey-salsa.btn:focus, .grey-salsa.btn:hover, .open .grey-salsa.btn.dropdown-toggle {
        color: #FAFCFB;
        background-color: #97a3b4
    }

    .grey-salsa.btn.active, .grey-salsa.btn:active {
        background-image: none;
        background-color: #8895a9
    }

        .grey-salsa.btn.active:hover, .grey-salsa.btn:active:hover {
            background-color: #8e9bae
        }

.open .grey-salsa.btn.dropdown-toggle {
    background-image: none
}

.grey-salsa.btn.disabled, .grey-salsa.btn.disabled.active, .grey-salsa.btn.disabled:active, .grey-salsa.btn.disabled:focus, .grey-salsa.btn.disabled:hover, .grey-salsa.btn[disabled], .grey-salsa.btn[disabled].active, .grey-salsa.btn[disabled]:active, .grey-salsa.btn[disabled]:focus, .grey-salsa.btn[disabled]:hover, fieldset[disabled] .grey-salsa.btn, fieldset[disabled] .grey-salsa.btn.active, fieldset[disabled] .grey-salsa.btn:active, fieldset[disabled] .grey-salsa.btn:focus, fieldset[disabled] .grey-salsa.btn:hover {
    background-color: #ACB5C3
}

.grey-salsa.btn .badge {
    color: #ACB5C3;
    background-color: #FAFCFB
}

.btn.grey-salsa-stripe {
    border-left: 3px solid #ACB5C3
}

.portlet.grey-salsa, .portlet > .portlet-body.grey-salsa {
    background-color: #ACB5C3
}

.portlet.solid.grey-salsa > .portlet-body, .portlet.solid.grey-salsa > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-salsa > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-salsa > .portlet-title > .caption > em {
            color: #FAFCFB
        }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-salsa {
    border: 1px solid #cacfd8;
    border-top: 0
}

    .portlet.box.grey-salsa > .portlet-title {
        background-color: #ACB5C3
    }

        .portlet.box.grey-salsa > .portlet-title > .caption, .portlet.box.grey-salsa > .portlet-title > .caption > em {
            color: #FAFCFB
        }

        .portlet.box.grey-salsa > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #edeff2;
            color: #fcfcfd
        }

            .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > em {
                color: #fff
            }

            .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.grey-salsa {
    background-color: #ACB5C3
}

    .dashboard-stat.grey-salsa.dashboard-stat-light:hover {
        background-color: #a0aaba
    }

    .dashboard-stat.grey-salsa .visual > em {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-salsa .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-salsa .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-salsa .more {
        color: #FAFCFB;
        background-color: #a0aaba
    }

.bg-grey-salsa {
    border-color: #ACB5C3 !important;
    background-image: none !important;
    background-color: #ACB5C3 !important;
    color: #FAFCFB !important
}

.font-grey-salsa {
    color: #ACB5C3 !important
}

.progress-bar.grey-salsa {
    background: #ACB5C3 !important;
    color: #FAFCFB !important
}

.grey-salt.btn {
    color: #FAFCFB;
    background-color: #bfcad1
}

    .grey-salt.btn.active, .grey-salt.btn:active, .grey-salt.btn:focus, .grey-salt.btn:hover, .open .grey-salt.btn.dropdown-toggle {
        color: #FAFCFB;
        background-color: #aab9c2
    }

    .grey-salt.btn.active, .grey-salt.btn:active {
        background-image: none;
        background-color: #9badb7
    }

        .grey-salt.btn.active:hover, .grey-salt.btn:active:hover {
            background-color: #a1b1bc
        }

.open .grey-salt.btn.dropdown-toggle {
    background-image: none
}

.grey-salt.btn.disabled, .grey-salt.btn.disabled.active, .grey-salt.btn.disabled:active, .grey-salt.btn.disabled:focus, .grey-salt.btn.disabled:hover, .grey-salt.btn[disabled], .grey-salt.btn[disabled].active, .grey-salt.btn[disabled]:active, .grey-salt.btn[disabled]:focus, .grey-salt.btn[disabled]:hover, fieldset[disabled] .grey-salt.btn, fieldset[disabled] .grey-salt.btn.active, fieldset[disabled] .grey-salt.btn:active, fieldset[disabled] .grey-salt.btn:focus, fieldset[disabled] .grey-salt.btn:hover {
    background-color: #bfcad1
}

.grey-salt.btn .badge {
    color: #bfcad1;
    background-color: #FAFCFB
}

.btn.grey-salt-stripe {
    border-left: 3px solid #bfcad1
}

.portlet.grey-salt, .portlet > .portlet-body.grey-salt {
    background-color: #bfcad1
}

.portlet.solid.grey-salt > .portlet-body, .portlet.solid.grey-salt > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-salt > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-salt > .portlet-title > .caption > em {
            color: #FAFCFB
        }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-salt {
    border: 1px solid #dde3e6;
    border-top: 0
}

    .portlet.box.grey-salt > .portlet-title {
        background-color: #bfcad1
    }

        .portlet.box.grey-salt > .portlet-title > .caption, .portlet.box.grey-salt > .portlet-title > .caption > em {
            color: #FAFCFB
        }

        .portlet.box.grey-salt > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fff;
            color: #fff
        }

            .portlet.box.grey-salt > .portlet-title > .actions .btn-default > em {
                color: #fff
            }

            .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.grey-salt {
    background-color: #bfcad1
}

    .dashboard-stat.grey-salt.dashboard-stat-light:hover {
        background-color: #b3c0c8
    }

    .dashboard-stat.grey-salt .visual > em {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-salt .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-salt .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-salt .more {
        color: #FAFCFB;
        background-color: #b3c0c8
    }

.bg-grey-salt {
    border-color: #bfcad1 !important;
    background-image: none !important;
    background-color: #bfcad1 !important;
    color: #FAFCFB !important
}

.font-grey-salt {
    color: #bfcad1 !important
}

.progress-bar.grey-salt {
    background: #bfcad1 !important;
    color: #FAFCFB !important
}

.grey-mint.btn {
    color: #FAFCFB;
    background-color: #9eacb4
}

    .grey-mint.btn.active, .grey-mint.btn:active, .grey-mint.btn:focus, .grey-mint.btn:hover, .open .grey-mint.btn.dropdown-toggle {
        color: #FAFCFB;
        background-color: #8a9ba4
    }

    .grey-mint.btn.active, .grey-mint.btn:active {
        background-image: none;
        background-color: #7b8e99
    }

        .grey-mint.btn.active:hover, .grey-mint.btn:active:hover {
            background-color: #81939e
        }

.open .grey-mint.btn.dropdown-toggle {
    background-image: none
}

.grey-mint.btn.disabled, .grey-mint.btn.disabled.active, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:hover, .grey-mint.btn[disabled], .grey-mint.btn[disabled].active, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:hover, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn.active, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:hover {
    background-color: #9eacb4
}

.grey-mint.btn .badge {
    color: #9eacb4;
    background-color: #FAFCFB
}

.btn.grey-mint-stripe {
    border-left: 3px solid #9eacb4
}

.portlet.grey-mint, .portlet > .portlet-body.grey-mint {
    background-color: #9eacb4
}

.portlet.solid.grey-mint > .portlet-body, .portlet.solid.grey-mint > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-mint > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-mint > .portlet-title > .caption > em {
            color: #FAFCFB
        }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-mint {
    border: 1px solid #bbc5ca;
    border-top: 0
}

    .portlet.box.grey-mint > .portlet-title {
        background-color: #9eacb4
    }

        .portlet.box.grey-mint > .portlet-title > .caption, .portlet.box.grey-mint > .portlet-title > .caption > em {
            color: #FAFCFB
        }

        .portlet.box.grey-mint > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #dde2e5;
            color: #eceef0
        }

            .portlet.box.grey-mint > .portlet-title > .actions .btn-default > em {
                color: #f4f6f7
            }

            .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fafbfb;
                color: #fff
            }

.dashboard-stat.grey-mint {
    background-color: #9eacb4
}

    .dashboard-stat.grey-mint.dashboard-stat-light:hover {
        background-color: #92a2ab
    }

    .dashboard-stat.grey-mint .visual > em {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-mint .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-mint .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-mint .more {
        color: #FAFCFB;
        background-color: #92a2ab
    }

.bg-grey-mint {
    border-color: #9eacb4 !important;
    background-image: none !important;
    background-color: #9eacb4 !important;
    color: #FAFCFB !important
}

.font-grey-mint {
    color: #9eacb4 !important
}

.progress-bar.grey-mint {
    background: #9eacb4 !important;
    color: #FAFCFB !important
}

.grey-custom.btn {
    color: #4E5895;
    background-color: #3598DC
}

    .grey-custom.btn.active, .grey-custom.btn:active, .grey-custom.btn:focus, .grey-custom.btn:hover, .open .grey-custom.btn.dropdown-toggle {
        color: #4E5895;
        background-color: #2386ca
    }

    .grey-custom.btn.active, .grey-custom.btn:active {
        background-image: none;
        background-color: #1f78b5
    }

        .grey-custom.btn.active:hover, .grey-custom.btn:active:hover {
            background-color: #217ebd
        }

.open .grey-custom.btn.dropdown-toggle {
    background-image: none
}

.grey-custom.btn.disabled, .grey-custom.btn.disabled.active, .grey-custom.btn.disabled:active, .grey-custom.btn.disabled:focus, .grey-custom.btn.disabled:hover, .grey-custom.btn[disabled], .grey-custom.btn[disabled].active, .grey-custom.btn[disabled]:active, .grey-custom.btn[disabled]:focus, .grey-custom.btn[disabled]:hover, fieldset[disabled] .grey-custom.btn, fieldset[disabled] .grey-custom.btn.active, fieldset[disabled] .grey-custom.btn:active, fieldset[disabled] .grey-custom.btn:focus, fieldset[disabled] .grey-custom.btn:hover {
    background-color: #3598DC
}

.grey-custom.btn .badge {
    color: #3598DC;
    background-color: #4E5895
}

.btn.grey-custom-stripe {
    border-left: 3px solid #3598DC
}

.portlet.grey-custom, .portlet > .portlet-body.grey-custom {
    background-color: #3598DC
}

.portlet.solid.grey-custom > .portlet-body, .portlet.solid.grey-custom > .portlet-title {
    border: 0;
    color: #4E5895
}

    .portlet.solid.grey-custom > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-custom > .portlet-title > .caption > em {
            color: #4E5895
        }

    .portlet.solid.grey-custom > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-custom > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-custom > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-custom > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-custom > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-custom > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-custom {
    border: 1px solid #60aee4;
    border-top: 0
}

    .portlet.box.grey-custom > .portlet-title {
        background-color: #3598DC
    }

        .portlet.box.grey-custom > .portlet-title > .caption, .portlet.box.grey-custom > .portlet-title > .caption > em {
            color: #4E5895
        }

        .portlet.box.grey-custom > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #95c9ed;
            color: #aad4f0
        }

            .portlet.box.grey-custom > .portlet-title > .actions .btn-default > em {
                color: #b7daf3
            }

            .portlet.box.grey-custom > .portlet-title > .actions .btn-default.active, .portlet.box.grey-custom > .portlet-title > .actions .btn-default:active, .portlet.box.grey-custom > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-custom > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #c0dff4;
                color: #d6eaf8
            }

.dashboard-stat.grey-custom {
    background-color: #3598DC
}

    .dashboard-stat.grey-custom.dashboard-stat-light:hover {
        background-color: #258fd7
    }

    .dashboard-stat.grey-custom .visual > em {
        color: #4E5895;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-custom .details .number {
        color: #4E5895
    }

    .dashboard-stat.grey-custom .details .desc {
        color: #4E5895;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-custom .more {
        color: #4E5895;
        background-color: #258fd7
    }

.bg-grey-custom {
    border-color: #3598DC !important;
    background-image: none !important;
    background-color: #3598DC !important;
    color: #4E5895 !important
}

.font-grey-custom {
    color: #3598DC !important
}

.progress-bar.grey-custom {
    background: #3598DC !important;
    color: #4E5895 !important
}

.red.btn {
    color: #FFF;
    background-color: #cb5a5e
}

    .open .red.btn.dropdown-toggle, .red.btn.active, .red.btn:active, .red.btn:focus, .red.btn:hover {
        color: #FFF;
        background-color: #c23f44
    }

    .red.btn.active, .red.btn:active {
        background-image: none;
        background-color: #b0383c
    }

        .red.btn.active:hover, .red.btn:active:hover {
            background-color: #b83a3e
        }

.open .red.btn.dropdown-toggle {
    background-image: none
}

.red.btn.disabled, .red.btn.disabled.active, .red.btn.disabled:active, .red.btn.disabled:focus, .red.btn.disabled:hover, .red.btn[disabled], .red.btn[disabled].active, .red.btn[disabled]:active, .red.btn[disabled]:focus, .red.btn[disabled]:hover, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn.active, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:hover {
    background-color: #cb5a5e
}

.red.btn .badge {
    color: #cb5a5e;
    background-color: #FFF
}

.btn.red-stripe {
    border-left: 3px solid #cb5a5e
}

.portlet.red, .portlet > .portlet-body.red {
    background-color: #cb5a5e
}

.portlet.solid.red > .portlet-body, .portlet.solid.red > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red {
    border: 1px solid #d78184;
    border-top: 0
}

    .portlet.box.red > .portlet-title {
        background-color: #cb5a5e
    }

        .portlet.box.red > .portlet-title > .caption, .portlet.box.red > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #e6afb1;
            color: #ecc3c4
        }

            .portlet.box.red > .portlet-title > .actions .btn-default > em {
                color: #f0ced0
            }

            .portlet.box.red > .portlet-title > .actions .btn-default.active, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #f2d6d7;
                color: #f8e9ea
            }

.dashboard-stat.red {
    background-color: #cb5a5e
}

    .dashboard-stat.red.dashboard-stat-light:hover {
        background-color: #c64a4f
    }

    .dashboard-stat.red .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red .details .number {
        color: #FFF
    }

    .dashboard-stat.red .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red .more {
        color: #FFF;
        background-color: #c64a4f
    }

.bg-red {
    border-color: #cb5a5e !important;
    background-image: none !important;
    background-color: #cb5a5e !important;
    color: #FFF !important
}

.font-red {
    color: #cb5a5e !important
}

.progress-bar.red {
    background: #cb5a5e !important;
    color: #FFF !important
}

.red-pink.btn {
    color: #FFF;
    background-color: #E08283
}

    .open .red-pink.btn.dropdown-toggle, .red-pink.btn.active, .red-pink.btn:active, .red-pink.btn:focus, .red-pink.btn:hover {
        color: #FFF;
        background-color: #d96567
    }

    .red-pink.btn.active, .red-pink.btn:active {
        background-image: none;
        background-color: #d45152
    }

        .red-pink.btn.active:hover, .red-pink.btn:active:hover {
            background-color: #d6595a
        }

.open .red-pink.btn.dropdown-toggle {
    background-image: none
}

.red-pink.btn.disabled, .red-pink.btn.disabled.active, .red-pink.btn.disabled:active, .red-pink.btn.disabled:focus, .red-pink.btn.disabled:hover, .red-pink.btn[disabled], .red-pink.btn[disabled].active, .red-pink.btn[disabled]:active, .red-pink.btn[disabled]:focus, .red-pink.btn[disabled]:hover, fieldset[disabled] .red-pink.btn, fieldset[disabled] .red-pink.btn.active, fieldset[disabled] .red-pink.btn:active, fieldset[disabled] .red-pink.btn:focus, fieldset[disabled] .red-pink.btn:hover {
    background-color: #E08283
}

.red-pink.btn .badge {
    color: #E08283;
    background-color: #FFF
}

.btn.red-pink-stripe {
    border-left: 3px solid #E08283
}

.portlet.red-pink, .portlet > .portlet-body.red-pink {
    background-color: #E08283
}

.portlet.solid.red-pink > .portlet-body, .portlet.solid.red-pink > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-pink > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-pink > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-pink > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-pink {
    border: 1px solid #eaabac;
    border-top: 0
}

    .portlet.box.red-pink > .portlet-title {
        background-color: #E08283
    }

        .portlet.box.red-pink > .portlet-title > .caption, .portlet.box.red-pink > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-pink > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #f6dcdc;
            color: #fbf0f0
        }

            .portlet.box.red-pink > .portlet-title > .actions .btn-default > em {
                color: #fefdfd
            }

            .portlet.box.red-pink > .portlet-title > .actions .btn-default.active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fff;
                color: #fff
            }

.dashboard-stat.red-pink {
    background-color: #E08283
}

    .dashboard-stat.red-pink.dashboard-stat-light:hover {
        background-color: #dc7273
    }

    .dashboard-stat.red-pink .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-pink .details .number {
        color: #FFF
    }

    .dashboard-stat.red-pink .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-pink .more {
        color: #FFF;
        background-color: #dc7273
    }

.bg-red-pink {
    border-color: #E08283 !important;
    background-image: none !important;
    background-color: #E08283 !important;
    color: #FFF !important
}

.font-red-pink {
    color: #E08283 !important
}

.progress-bar.red-pink {
    background: #E08283 !important;
    color: #FFF !important
}

.red-sunglo.btn {
    color: #FFF;
    background-color: #E26A6A
}

    .open .red-sunglo.btn.dropdown-toggle, .red-sunglo.btn.active, .red-sunglo.btn:active, .red-sunglo.btn:focus, .red-sunglo.btn:hover {
        color: #FFF;
        background-color: #dc4c4c
    }

    .red-sunglo.btn.active, .red-sunglo.btn:active {
        background-image: none;
        background-color: #d83737
    }

        .red-sunglo.btn.active:hover, .red-sunglo.btn:active:hover {
            background-color: #da3f3f
        }

.open .red-sunglo.btn.dropdown-toggle {
    background-image: none
}

.red-sunglo.btn.disabled, .red-sunglo.btn.disabled.active, .red-sunglo.btn.disabled:active, .red-sunglo.btn.disabled:focus, .red-sunglo.btn.disabled:hover, .red-sunglo.btn[disabled], .red-sunglo.btn[disabled].active, .red-sunglo.btn[disabled]:active, .red-sunglo.btn[disabled]:focus, .red-sunglo.btn[disabled]:hover, fieldset[disabled] .red-sunglo.btn, fieldset[disabled] .red-sunglo.btn.active, fieldset[disabled] .red-sunglo.btn:active, fieldset[disabled] .red-sunglo.btn:focus, fieldset[disabled] .red-sunglo.btn:hover {
    background-color: #E26A6A
}

.red-sunglo.btn .badge {
    color: #E26A6A;
    background-color: #FFF
}

.btn.red-sunglo-stripe {
    border-left: 3px solid #E26A6A
}

.portlet.red-sunglo, .portlet > .portlet-body.red-sunglo {
    background-color: #E26A6A
}

.portlet.solid.red-sunglo > .portlet-body, .portlet.solid.red-sunglo > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-sunglo > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-sunglo > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-sunglo {
    border: 1px solid #ea9595;
    border-top: 0
}

    .portlet.box.red-sunglo > .portlet-title {
        background-color: #E26A6A
    }

        .portlet.box.red-sunglo > .portlet-title > .caption, .portlet.box.red-sunglo > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-sunglo > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #f4c8c8;
            color: #f8dddd
        }

            .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > em {
                color: #fbeaea
            }

            .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fdf3f3;
                color: #fff
            }

.dashboard-stat.red-sunglo {
    background-color: #E26A6A
}

    .dashboard-stat.red-sunglo.dashboard-stat-light:hover {
        background-color: #df5959
    }

    .dashboard-stat.red-sunglo .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-sunglo .details .number {
        color: #FFF
    }

    .dashboard-stat.red-sunglo .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-sunglo .more {
        color: #FFF;
        background-color: #df5959
    }

.bg-red-sunglo {
    border-color: #E26A6A !important;
    background-image: none !important;
    background-color: #E26A6A !important;
    color: #FFF !important
}

.font-red-sunglo {
    color: #E26A6A !important
}

.progress-bar.red-sunglo {
    background: #E26A6A !important;
    color: #FFF !important
}

.red-intense.btn {
    color: #FFF;
    background-color: #e35b5a
}

    .open .red-intense.btn.dropdown-toggle, .red-intense.btn.active, .red-intense.btn:active, .red-intense.btn:focus, .red-intense.btn:hover {
        color: #FFF;
        background-color: #de3d3b
    }

    .red-intense.btn.active, .red-intense.btn:active {
        background-image: none;
        background-color: #da2726
    }

        .red-intense.btn.active:hover, .red-intense.btn:active:hover {
            background-color: #dc302e
        }

.open .red-intense.btn.dropdown-toggle {
    background-image: none
}

.red-intense.btn.disabled, .red-intense.btn.disabled.active, .red-intense.btn.disabled:active, .red-intense.btn.disabled:focus, .red-intense.btn.disabled:hover, .red-intense.btn[disabled], .red-intense.btn[disabled].active, .red-intense.btn[disabled]:active, .red-intense.btn[disabled]:focus, .red-intense.btn[disabled]:hover, fieldset[disabled] .red-intense.btn, fieldset[disabled] .red-intense.btn.active, fieldset[disabled] .red-intense.btn:active, fieldset[disabled] .red-intense.btn:focus, fieldset[disabled] .red-intense.btn:hover {
    background-color: #e35b5a
}

.red-intense.btn .badge {
    color: #e35b5a;
    background-color: #FFF
}

.btn.red-intense-stripe {
    border-left: 3px solid #e35b5a
}

.portlet.red-intense, .portlet > .portlet-body.red-intense {
    background-color: #e35b5a
}

.portlet.solid.red-intense > .portlet-body, .portlet.solid.red-intense > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-intense > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-intense > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-intense > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-intense {
    border: 1px solid #ea8686;
    border-top: 0
}

    .portlet.box.red-intense > .portlet-title {
        background-color: #e35b5a
    }

        .portlet.box.red-intense > .portlet-title > .caption, .portlet.box.red-intense > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-intense > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #f3baba;
            color: #f7d0d0
        }

            .portlet.box.red-intense > .portlet-title > .actions .btn-default > em {
                color: #f9dddd
            }

            .portlet.box.red-intense > .portlet-title > .actions .btn-default.active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fbe6e6;
                color: #fefbfb
            }

.dashboard-stat.red-intense {
    background-color: #e35b5a
}

    .dashboard-stat.red-intense.dashboard-stat-light:hover {
        background-color: #e04a49
    }

    .dashboard-stat.red-intense .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-intense .details .number {
        color: #FFF
    }

    .dashboard-stat.red-intense .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-intense .more {
        color: #FFF;
        background-color: #e04a49
    }

.bg-red-intense {
    border-color: #e35b5a !important;
    background-image: none !important;
    background-color: #e35b5a !important;
    color: #FFF !important
}

.font-red-intense {
    color: #e35b5a !important
}

.progress-bar.red-intense {
    background: #e35b5a !important;
    color: #FFF !important
}

.red-thunderbird.btn {
    color: #FFF;
    background-color: #D91E18
}

    .open .red-thunderbird.btn.dropdown-toggle, .red-thunderbird.btn.active, .red-thunderbird.btn:active, .red-thunderbird.btn:focus, .red-thunderbird.btn:hover {
        color: #FFF;
        background-color: #b91a14
    }

    .red-thunderbird.btn.active, .red-thunderbird.btn:active {
        background-image: none;
        background-color: #a21612
    }

        .red-thunderbird.btn.active:hover, .red-thunderbird.btn:active:hover {
            background-color: #ab1813
        }

.open .red-thunderbird.btn.dropdown-toggle {
    background-image: none
}

.red-thunderbird.btn.disabled, .red-thunderbird.btn.disabled.active, .red-thunderbird.btn.disabled:active, .red-thunderbird.btn.disabled:focus, .red-thunderbird.btn.disabled:hover, .red-thunderbird.btn[disabled], .red-thunderbird.btn[disabled].active, .red-thunderbird.btn[disabled]:active, .red-thunderbird.btn[disabled]:focus, .red-thunderbird.btn[disabled]:hover, fieldset[disabled] .red-thunderbird.btn, fieldset[disabled] .red-thunderbird.btn.active, fieldset[disabled] .red-thunderbird.btn:active, fieldset[disabled] .red-thunderbird.btn:focus, fieldset[disabled] .red-thunderbird.btn:hover {
    background-color: #D91E18
}

.red-thunderbird.btn .badge {
    color: #D91E18;
    background-color: #FFF
}

.btn.red-thunderbird-stripe {
    border-left: 3px solid #D91E18
}

.portlet.red-thunderbird, .portlet > .portlet-body.red-thunderbird {
    background-color: #D91E18
}

.portlet.solid.red-thunderbird > .portlet-body, .portlet.solid.red-thunderbird > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-thunderbird > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-thunderbird > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-thunderbird {
    border: 1px solid #e9403b;
    border-top: 0
}

    .portlet.box.red-thunderbird > .portlet-title {
        background-color: #D91E18
    }

        .portlet.box.red-thunderbird > .portlet-title > .caption, .portlet.box.red-thunderbird > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #ef7672;
            color: #f28c89
        }

            .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > em {
                color: #f39997
            }

            .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #f4a2a0;
                color: #f7b9b7
            }

.dashboard-stat.red-thunderbird {
    background-color: #D91E18
}

    .dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
        background-color: #c71b16
    }

    .dashboard-stat.red-thunderbird .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-thunderbird .details .number {
        color: #FFF
    }

    .dashboard-stat.red-thunderbird .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-thunderbird .more {
        color: #FFF;
        background-color: #c71b16
    }

.bg-red-thunderbird {
    border-color: #D91E18 !important;
    background-image: none !important;
    background-color: #D91E18 !important;
    color: #FFF !important
}

.font-red-thunderbird {
    color: #D91E18 !important
}

.progress-bar.red-thunderbird {
    background: #D91E18 !important;
    color: #FFF !important
}

.red-flamingo.btn {
    color: #FFF;
    background-color: #EF4836
}

    .open .red-flamingo.btn.dropdown-toggle, .red-flamingo.btn.active, .red-flamingo.btn:active, .red-flamingo.btn:focus, .red-flamingo.btn:hover {
        color: #FFF;
        background-color: #ec2a15
    }

    .red-flamingo.btn.active, .red-flamingo.btn:active {
        background-image: none;
        background-color: #d72411
    }

        .red-flamingo.btn.active:hover, .red-flamingo.btn:active:hover {
            background-color: #e02612
        }

.open .red-flamingo.btn.dropdown-toggle {
    background-image: none
}

.red-flamingo.btn.disabled, .red-flamingo.btn.disabled.active, .red-flamingo.btn.disabled:active, .red-flamingo.btn.disabled:focus, .red-flamingo.btn.disabled:hover, .red-flamingo.btn[disabled], .red-flamingo.btn[disabled].active, .red-flamingo.btn[disabled]:active, .red-flamingo.btn[disabled]:focus, .red-flamingo.btn[disabled]:hover, fieldset[disabled] .red-flamingo.btn, fieldset[disabled] .red-flamingo.btn.active, fieldset[disabled] .red-flamingo.btn:active, fieldset[disabled] .red-flamingo.btn:focus, fieldset[disabled] .red-flamingo.btn:hover {
    background-color: #EF4836
}

.red-flamingo.btn .badge {
    color: #EF4836;
    background-color: #FFF
}

.btn.red-flamingo-stripe {
    border-left: 3px solid #EF4836
}

.portlet.red-flamingo, .portlet > .portlet-body.red-flamingo {
    background-color: #EF4836
}

.portlet.solid.red-flamingo > .portlet-body, .portlet.solid.red-flamingo > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-flamingo > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-flamingo > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-flamingo {
    border: 1px solid #f37365;
    border-top: 0
}

    .portlet.box.red-flamingo > .portlet-title {
        background-color: #EF4836
    }

        .portlet.box.red-flamingo > .portlet-title > .caption, .portlet.box.red-flamingo > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-flamingo > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #f7a79e;
            color: #f9bcb6
        }

            .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > em {
                color: #fac9c4
            }

            .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fbd2cd;
                color: #fde7e5
            }

.dashboard-stat.red-flamingo {
    background-color: #EF4836
}

    .dashboard-stat.red-flamingo.dashboard-stat-light:hover {
        background-color: #ed3723
    }

    .dashboard-stat.red-flamingo .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-flamingo .details .number {
        color: #FFF
    }

    .dashboard-stat.red-flamingo .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-flamingo .more {
        color: #FFF;
        background-color: #ed3723
    }

.bg-red-flamingo {
    border-color: #EF4836 !important;
    background-image: none !important;
    background-color: #EF4836 !important;
    color: #FFF !important
}

.font-red-flamingo {
    color: #EF4836 !important
}

.progress-bar.red-flamingo {
    background: #EF4836 !important;
    color: #FFF !important
}

.red-soft.btn {
    color: #FFF;
    background-color: #d05454
}

    .open .red-soft.btn.dropdown-toggle, .red-soft.btn.active, .red-soft.btn:active, .red-soft.btn:focus, .red-soft.btn:hover {
        color: #FFF;
        background-color: #c83838
    }

    .red-soft.btn.active, .red-soft.btn:active {
        background-image: none;
        background-color: #b53232
    }

        .red-soft.btn.active:hover, .red-soft.btn:active:hover {
            background-color: #bd3434
        }

.open .red-soft.btn.dropdown-toggle {
    background-image: none
}

.red-soft.btn.disabled, .red-soft.btn.disabled.active, .red-soft.btn.disabled:active, .red-soft.btn.disabled:focus, .red-soft.btn.disabled:hover, .red-soft.btn[disabled], .red-soft.btn[disabled].active, .red-soft.btn[disabled]:active, .red-soft.btn[disabled]:focus, .red-soft.btn[disabled]:hover, fieldset[disabled] .red-soft.btn, fieldset[disabled] .red-soft.btn.active, fieldset[disabled] .red-soft.btn:active, fieldset[disabled] .red-soft.btn:focus, fieldset[disabled] .red-soft.btn:hover {
    background-color: #d05454
}

.red-soft.btn .badge {
    color: #d05454;
    background-color: #FFF
}

.btn.red-soft-stripe {
    border-left: 3px solid #d05454
}

.portlet.red-soft, .portlet > .portlet-body.red-soft {
    background-color: #d05454
}

.portlet.solid.red-soft > .portlet-body, .portlet.solid.red-soft > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-soft > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-soft > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-soft > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-soft {
    border: 1px solid #db7c7c;
    border-top: 0
}

    .portlet.box.red-soft > .portlet-title {
        background-color: #d05454
    }

        .portlet.box.red-soft > .portlet-title > .caption, .portlet.box.red-soft > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-soft > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #e8acac;
            color: #eec0c0
        }

            .portlet.box.red-soft > .portlet-title > .actions .btn-default > em {
                color: #f1cccc
            }

            .portlet.box.red-soft > .portlet-title > .actions .btn-default.active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #f3d4d4;
                color: #f9e8e8
            }

.dashboard-stat.red-soft {
    background-color: #d05454
}

    .dashboard-stat.red-soft.dashboard-stat-light:hover {
        background-color: #c44
    }

    .dashboard-stat.red-soft .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-soft .details .number {
        color: #FFF
    }

    .dashboard-stat.red-soft .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-soft .more {
        color: #FFF;
        background-color: #c44
    }

.bg-red-soft {
    border-color: #d05454 !important;
    background-image: none !important;
    background-color: #d05454 !important;
    color: #FFF !important
}

.font-red-soft {
    color: #d05454 !important
}

.progress-bar.red-soft {
    background: #d05454 !important;
    color: #FFF !important
}

.red-haze.btn {
    color: #FFF;
    background-color: #f36a5a
}

    .open .red-haze.btn.dropdown-toggle, .red-haze.btn.active, .red-haze.btn:active, .red-haze.btn:focus, .red-haze.btn:hover {
        color: #FFF;
        background-color: #f14c39
    }

    .red-haze.btn.active, .red-haze.btn:active {
        background-image: none;
        background-color: #ef3621
    }

        .red-haze.btn.active:hover, .red-haze.btn:active:hover {
            background-color: #f03f2a
        }

.open .red-haze.btn.dropdown-toggle {
    background-image: none
}

.red-haze.btn.disabled, .red-haze.btn.disabled.active, .red-haze.btn.disabled:active, .red-haze.btn.disabled:focus, .red-haze.btn.disabled:hover, .red-haze.btn[disabled], .red-haze.btn[disabled].active, .red-haze.btn[disabled]:active, .red-haze.btn[disabled]:focus, .red-haze.btn[disabled]:hover, fieldset[disabled] .red-haze.btn, fieldset[disabled] .red-haze.btn.active, fieldset[disabled] .red-haze.btn:active, fieldset[disabled] .red-haze.btn:focus, fieldset[disabled] .red-haze.btn:hover {
    background-color: #f36a5a
}

.red-haze.btn .badge {
    color: #f36a5a;
    background-color: #FFF
}

.btn.red-haze-stripe {
    border-left: 3px solid #f36a5a
}

.portlet.red-haze, .portlet > .portlet-body.red-haze {
    background-color: #f36a5a
}

.portlet.solid.red-haze > .portlet-body, .portlet.solid.red-haze > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.red-haze > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.red-haze > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.red-haze > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-haze {
    border: 1px solid #f6958a;
    border-top: 0
}

    .portlet.box.red-haze > .portlet-title {
        background-color: #f36a5a
    }

        .portlet.box.red-haze > .portlet-title > .caption, .portlet.box.red-haze > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.red-haze > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fbc8c3;
            color: #fcdeda
        }

            .portlet.box.red-haze > .portlet-title > .actions .btn-default > em {
                color: #fdebe9
            }

            .portlet.box.red-haze > .portlet-title > .actions .btn-default.active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fef3f2;
                color: #fff
            }

.dashboard-stat.red-haze {
    background-color: #f36a5a
}

    .dashboard-stat.red-haze.dashboard-stat-light:hover {
        background-color: #f25947
    }

    .dashboard-stat.red-haze .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-haze .details .number {
        color: #FFF
    }

    .dashboard-stat.red-haze .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-haze .more {
        color: #FFF;
        background-color: #f25947
    }

.bg-red-haze {
    border-color: #f36a5a !important;
    background-image: none !important;
    background-color: #f36a5a !important;
    color: #FFF !important
}

.font-red-haze {
    color: #f36a5a !important
}

.progress-bar.red-haze {
    background: #f36a5a !important;
    color: #FFF !important
}

.yellow.btn {
    color: #FFF;
    background-color: #c49f47
}

    .open .yellow.btn.dropdown-toggle, .yellow.btn.active, .yellow.btn:active, .yellow.btn:focus, .yellow.btn:hover {
        color: #FFF;
        background-color: #af8c38
    }

    .yellow.btn.active, .yellow.btn:active {
        background-image: none;
        background-color: #9c7c32
    }

        .yellow.btn.active:hover, .yellow.btn:active:hover {
            background-color: #a48334
        }

.open .yellow.btn.dropdown-toggle {
    background-image: none
}

.yellow.btn.disabled, .yellow.btn.disabled.active, .yellow.btn.disabled:active, .yellow.btn.disabled:focus, .yellow.btn.disabled:hover, .yellow.btn[disabled], .yellow.btn[disabled].active, .yellow.btn[disabled]:active, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:hover, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn.active, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:hover {
    background-color: #c49f47
}

.yellow.btn .badge {
    color: #c49f47;
    background-color: #FFF
}

.btn.yellow-stripe {
    border-left: 3px solid #c49f47
}

.portlet.yellow, .portlet > .portlet-body.yellow {
    background-color: #c49f47
}

.portlet.solid.yellow > .portlet-body, .portlet.solid.yellow > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.yellow > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.yellow > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.yellow > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow {
    border: 1px solid #d0b36e;
    border-top: 0
}

    .portlet.box.yellow > .portlet-title {
        background-color: #c49f47
    }

        .portlet.box.yellow > .portlet-title > .caption, .portlet.box.yellow > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.yellow > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #dfcb9c;
            color: #e5d5af
        }

            .portlet.box.yellow > .portlet-title > .actions .btn-default > em {
                color: #e9dbbb
            }

            .portlet.box.yellow > .portlet-title > .actions .btn-default.active, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #ecdfc3;
                color: #f2ead6
            }

.dashboard-stat.yellow {
    background-color: #c49f47
}

    .dashboard-stat.yellow.dashboard-stat-light:hover {
        background-color: #bb953c
    }

    .dashboard-stat.yellow .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow .details .number {
        color: #FFF
    }

    .dashboard-stat.yellow .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow .more {
        color: #FFF;
        background-color: #bb953c
    }

.bg-yellow {
    border-color: #c49f47 !important;
    background-image: none !important;
    background-color: #c49f47 !important;
    color: #FFF !important
}

.font-yellow {
    color: #c49f47 !important
}

.progress-bar.yellow {
    background: #c49f47 !important;
    color: #FFF !important
}

.yellow-gold.btn {
    color: #FFF;
    background-color: #E87E04
}

    .open .yellow-gold.btn.dropdown-toggle, .yellow-gold.btn.active, .yellow-gold.btn:active, .yellow-gold.btn:focus, .yellow-gold.btn:hover {
        color: #FFF;
        background-color: #c56b03
    }

    .yellow-gold.btn.active, .yellow-gold.btn:active {
        background-image: none;
        background-color: #ac5d03
    }

        .yellow-gold.btn.active:hover, .yellow-gold.btn:active:hover {
            background-color: #b66303
        }

.open .yellow-gold.btn.dropdown-toggle {
    background-image: none
}

.yellow-gold.btn.disabled, .yellow-gold.btn.disabled.active, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:hover, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled].active, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:hover, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn.active, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:hover {
    background-color: #E87E04
}

.yellow-gold.btn .badge {
    color: #E87E04;
    background-color: #FFF
}

.btn.yellow-gold-stripe {
    border-left: 3px solid #E87E04
}

.portlet.yellow-gold, .portlet > .portlet-body.yellow-gold {
    background-color: #E87E04
}

.portlet.solid.yellow-gold > .portlet-body, .portlet.solid.yellow-gold > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.yellow-gold > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.yellow-gold > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-gold {
    border: 1px solid #fb9724;
    border-top: 0
}

    .portlet.box.yellow-gold > .portlet-title {
        background-color: #E87E04
    }

        .portlet.box.yellow-gold > .portlet-title > .caption, .portlet.box.yellow-gold > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.yellow-gold > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fcb460;
            color: #fdbf79
        }

            .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > em {
                color: #fdc788
            }

            .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fdcb92;
                color: #fed7ab
            }

.dashboard-stat.yellow-gold {
    background-color: #E87E04
}

    .dashboard-stat.yellow-gold.dashboard-stat-light:hover {
        background-color: #d47304
    }

    .dashboard-stat.yellow-gold .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-gold .details .number {
        color: #FFF
    }

    .dashboard-stat.yellow-gold .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-gold .more {
        color: #FFF;
        background-color: #d47304
    }

.bg-yellow-gold {
    border-color: #E87E04 !important;
    background-image: none !important;
    background-color: #E87E04 !important;
    color: #FFF !important
}

.font-yellow-gold {
    color: #E87E04 !important
}

.progress-bar.yellow-gold {
    background: #E87E04 !important;
    color: #FFF !important
}

.yellow-casablanca.btn {
    color: #FFF;
    background-color: #f2784b
}

    .open .yellow-casablanca.btn.dropdown-toggle, .yellow-casablanca.btn.active, .yellow-casablanca.btn:active, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:hover {
        color: #FFF;
        background-color: #f05f2a
    }

    .yellow-casablanca.btn.active, .yellow-casablanca.btn:active {
        background-image: none;
        background-color: #ee4d12
    }

        .yellow-casablanca.btn.active:hover, .yellow-casablanca.btn:active:hover {
            background-color: #ef541b
        }

.open .yellow-casablanca.btn.dropdown-toggle {
    background-image: none
}

.yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled].active, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:hover, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn.active, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:hover {
    background-color: #f2784b
}

.yellow-casablanca.btn .badge {
    color: #f2784b;
    background-color: #FFF
}

.btn.yellow-casablanca-stripe {
    border-left: 3px solid #f2784b
}

.portlet.yellow-casablanca, .portlet > .portlet-body.yellow-casablanca {
    background-color: #f2784b
}

.portlet.solid.yellow-casablanca > .portlet-body, .portlet.solid.yellow-casablanca > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.yellow-casablanca > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.yellow-casablanca > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-casablanca {
    border: 1px solid #f59c7b;
    border-top: 0
}

    .portlet.box.yellow-casablanca > .portlet-title {
        background-color: #f2784b
    }

        .portlet.box.yellow-casablanca > .portlet-title > .caption, .portlet.box.yellow-casablanca > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fac6b4;
            color: #fbd8cb
        }

            .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > em {
                color: #fce3da
            }

            .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fdeae3;
                color: #fffcfb
            }

.dashboard-stat.yellow-casablanca {
    background-color: #f2784b
}

    .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
        background-color: #f16a38
    }

    .dashboard-stat.yellow-casablanca .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-casablanca .details .number {
        color: #FFF
    }

    .dashboard-stat.yellow-casablanca .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-casablanca .more {
        color: #FFF;
        background-color: #f16a38
    }

.bg-yellow-casablanca {
    border-color: #f2784b !important;
    background-image: none !important;
    background-color: #f2784b !important;
    color: #FFF !important
}

.font-yellow-casablanca {
    color: #f2784b !important
}

.progress-bar.yellow-casablanca {
    background: #f2784b !important;
    color: #FFF !important
}

.yellow-crusta.btn {
    color: #FFF;
    background-color: #f3c200
}

    .open .yellow-crusta.btn.dropdown-toggle, .yellow-crusta.btn.active, .yellow-crusta.btn:active, .yellow-crusta.btn:focus, .yellow-crusta.btn:hover {
        color: #FFF;
        background-color: #cfa500
    }

    .yellow-crusta.btn.active, .yellow-crusta.btn:active {
        background-image: none;
        background-color: #b69100
    }

        .yellow-crusta.btn.active:hover, .yellow-crusta.btn:active:hover {
            background-color: #c09900
        }

.open .yellow-crusta.btn.dropdown-toggle {
    background-image: none
}

.yellow-crusta.btn.disabled, .yellow-crusta.btn.disabled.active, .yellow-crusta.btn.disabled:active, .yellow-crusta.btn.disabled:focus, .yellow-crusta.btn.disabled:hover, .yellow-crusta.btn[disabled], .yellow-crusta.btn[disabled].active, .yellow-crusta.btn[disabled]:active, .yellow-crusta.btn[disabled]:focus, .yellow-crusta.btn[disabled]:hover, fieldset[disabled] .yellow-crusta.btn, fieldset[disabled] .yellow-crusta.btn.active, fieldset[disabled] .yellow-crusta.btn:active, fieldset[disabled] .yellow-crusta.btn:focus, fieldset[disabled] .yellow-crusta.btn:hover {
    background-color: #f3c200
}

.yellow-crusta.btn .badge {
    color: #f3c200;
    background-color: #FFF
}

.btn.yellow-crusta-stripe {
    border-left: 3px solid #f3c200
}

.portlet.yellow-crusta, .portlet > .portlet-body.yellow-crusta {
    background-color: #f3c200
}

.portlet.solid.yellow-crusta > .portlet-body, .portlet.solid.yellow-crusta > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.yellow-crusta > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.yellow-crusta > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-crusta {
    border: 1px solid #ffd327;
    border-top: 0
}

    .portlet.box.yellow-crusta > .portlet-title {
        background-color: #f3c200
    }

        .portlet.box.yellow-crusta > .portlet-title > .caption, .portlet.box.yellow-crusta > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #ffe064;
            color: #ffe57e
        }

            .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > em {
                color: #ffe88d
            }

            .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #ffea97;
                color: #ffefb1
            }

.dashboard-stat.yellow-crusta {
    background-color: #f3c200
}

    .dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
        background-color: #dfb200
    }

    .dashboard-stat.yellow-crusta .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-crusta .details .number {
        color: #FFF
    }

    .dashboard-stat.yellow-crusta .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-crusta .more {
        color: #FFF;
        background-color: #dfb200
    }

.bg-yellow-crusta {
    border-color: #f3c200 !important;
    background-image: none !important;
    background-color: #f3c200 !important;
    color: #FFF !important
}

.font-yellow-crusta {
    color: #f3c200 !important
}

.progress-bar.yellow-crusta {
    background: #f3c200 !important;
    color: #FFF !important
}

.yellow-lemon.btn {
    color: #FFF;
    background-color: #F7CA18
}

    .open .yellow-lemon.btn.dropdown-toggle, .yellow-lemon.btn.active, .yellow-lemon.btn:active, .yellow-lemon.btn:focus, .yellow-lemon.btn:hover {
        color: #FFF;
        background-color: #e3b708
    }

    .yellow-lemon.btn.active, .yellow-lemon.btn:active {
        background-image: none;
        background-color: #cba307
    }

        .yellow-lemon.btn.active:hover, .yellow-lemon.btn:active:hover {
            background-color: #d5ab07
        }

.open .yellow-lemon.btn.dropdown-toggle {
    background-image: none
}

.yellow-lemon.btn.disabled, .yellow-lemon.btn.disabled.active, .yellow-lemon.btn.disabled:active, .yellow-lemon.btn.disabled:focus, .yellow-lemon.btn.disabled:hover, .yellow-lemon.btn[disabled], .yellow-lemon.btn[disabled].active, .yellow-lemon.btn[disabled]:active, .yellow-lemon.btn[disabled]:focus, .yellow-lemon.btn[disabled]:hover, fieldset[disabled] .yellow-lemon.btn, fieldset[disabled] .yellow-lemon.btn.active, fieldset[disabled] .yellow-lemon.btn:active, fieldset[disabled] .yellow-lemon.btn:focus, fieldset[disabled] .yellow-lemon.btn:hover {
    background-color: #F7CA18
}

.yellow-lemon.btn .badge {
    color: #F7CA18;
    background-color: #FFF
}

.btn.yellow-lemon-stripe {
    border-left: 3px solid #F7CA18
}

.portlet.yellow-lemon, .portlet > .portlet-body.yellow-lemon {
    background-color: #F7CA18
}

.portlet.solid.yellow-lemon > .portlet-body, .portlet.solid.yellow-lemon > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.yellow-lemon > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.yellow-lemon > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-lemon {
    border: 1px solid #f9d549;
    border-top: 0
}

    .portlet.box.yellow-lemon > .portlet-title {
        background-color: #F7CA18
    }

        .portlet.box.yellow-lemon > .portlet-title > .caption, .portlet.box.yellow-lemon > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #fbe384;
            color: #fce99d
        }

            .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > em {
                color: #fcecac
            }

            .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fceeb6;
                color: #fdf4ce
            }

.dashboard-stat.yellow-lemon {
    background-color: #F7CA18
}

    .dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
        background-color: #f2c308
    }

    .dashboard-stat.yellow-lemon .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-lemon .details .number {
        color: #FFF
    }

    .dashboard-stat.yellow-lemon .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-lemon .more {
        color: #FFF;
        background-color: #f2c308
    }

.bg-yellow-lemon {
    border-color: #F7CA18 !important;
    background-image: none !important;
    background-color: #F7CA18 !important;
    color: #FFF !important
}

.font-yellow-lemon {
    color: #F7CA18 !important
}

.progress-bar.yellow-lemon {
    background: #F7CA18 !important;
    color: #FFF !important
}

.yellow-saffron.btn {
    color: #FFF;
    background-color: #F4D03F
}

    .open .yellow-saffron.btn.dropdown-toggle, .yellow-saffron.btn.active, .yellow-saffron.btn:active, .yellow-saffron.btn:focus, .yellow-saffron.btn:hover {
        color: #FFF;
        background-color: #f2c81d
    }

    .yellow-saffron.btn.active, .yellow-saffron.btn:active {
        background-image: none;
        background-color: #e8bd0d
    }

        .yellow-saffron.btn.active:hover, .yellow-saffron.btn:active:hover {
            background-color: #f1c40f
        }

.open .yellow-saffron.btn.dropdown-toggle {
    background-image: none
}

.yellow-saffron.btn.disabled, .yellow-saffron.btn.disabled.active, .yellow-saffron.btn.disabled:active, .yellow-saffron.btn.disabled:focus, .yellow-saffron.btn.disabled:hover, .yellow-saffron.btn[disabled], .yellow-saffron.btn[disabled].active, .yellow-saffron.btn[disabled]:active, .yellow-saffron.btn[disabled]:focus, .yellow-saffron.btn[disabled]:hover, fieldset[disabled] .yellow-saffron.btn, fieldset[disabled] .yellow-saffron.btn.active, fieldset[disabled] .yellow-saffron.btn:active, fieldset[disabled] .yellow-saffron.btn:focus, fieldset[disabled] .yellow-saffron.btn:hover {
    background-color: #F4D03F
}

.yellow-saffron.btn .badge {
    color: #F4D03F;
    background-color: #FFF
}

.btn.yellow-saffron-stripe {
    border-left: 3px solid #F4D03F
}

.portlet.yellow-saffron, .portlet > .portlet-body.yellow-saffron {
    background-color: #F4D03F
}

.portlet.solid.yellow-saffron > .portlet-body, .portlet.solid.yellow-saffron > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.yellow-saffron > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.yellow-saffron > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-saffron {
    border: 1px solid #f7dc6f;
    border-top: 0
}

    .portlet.box.yellow-saffron > .portlet-title {
        background-color: #F4D03F
    }

        .portlet.box.yellow-saffron > .portlet-title > .caption, .portlet.box.yellow-saffron > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #faeaa9;
            color: #fbf0c1
        }

            .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > em {
                color: #fcf3d0
            }

            .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #fdf6d9;
                color: #fefcf1
            }

.dashboard-stat.yellow-saffron {
    background-color: #F4D03F
}

    .dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
        background-color: #f3cb2c
    }

    .dashboard-stat.yellow-saffron .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-saffron .details .number {
        color: #FFF
    }

    .dashboard-stat.yellow-saffron .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-saffron .more {
        color: #FFF;
        background-color: #f3cb2c
    }

.bg-yellow-saffron {
    border-color: #F4D03F !important;
    background-image: none !important;
    background-color: #F4D03F !important;
    color: #FFF !important
}

.font-yellow-saffron {
    color: #F4D03F !important
}

.progress-bar.yellow-saffron {
    background: #F4D03F !important;
    color: #FFF !important
}

.purple.btn {
    color: #FFF;
    background-color: #8e5fa2
}

    .open .purple.btn.dropdown-toggle, .purple.btn.active, .purple.btn:active, .purple.btn:focus, .purple.btn:hover {
        color: #FFF;
        background-color: #7a518c
    }

    .purple.btn.active, .purple.btn:active {
        background-image: none;
        background-color: #6c487c
    }

        .purple.btn.active:hover, .purple.btn:active:hover {
            background-color: #724c82
        }

.open .purple.btn.dropdown-toggle {
    background-image: none
}

.purple.btn.disabled, .purple.btn.disabled.active, .purple.btn.disabled:active, .purple.btn.disabled:focus, .purple.btn.disabled:hover, .purple.btn[disabled], .purple.btn[disabled].active, .purple.btn[disabled]:active, .purple.btn[disabled]:focus, .purple.btn[disabled]:hover, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn.active, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:hover {
    background-color: #8e5fa2
}

.purple.btn .badge {
    color: #8e5fa2;
    background-color: #FFF
}

.btn.purple-stripe {
    border-left: 3px solid #8e5fa2
}

.portlet.purple, .portlet > .portlet-body.purple {
    background-color: #8e5fa2
}

.portlet.solid.purple > .portlet-body, .portlet.solid.purple > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple {
    border: 1px solid #a57fb5;
    border-top: 0
}

    .portlet.box.purple > .portlet-title {
        background-color: #8e5fa2
    }

        .portlet.box.purple > .portlet-title > .caption, .portlet.box.purple > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #c0a6cb;
            color: #ccb6d5
        }

            .portlet.box.purple > .portlet-title > .actions .btn-default > em {
                color: #d2c0da
            }

            .portlet.box.purple > .portlet-title > .actions .btn-default.active, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #d7c6de;
                color: #e2d6e7
            }

.dashboard-stat.purple {
    background-color: #8e5fa2
}

    .dashboard-stat.purple.dashboard-stat-light:hover {
        background-color: #835796
    }

    .dashboard-stat.purple .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple .details .number {
        color: #FFF
    }

    .dashboard-stat.purple .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple .more {
        color: #FFF;
        background-color: #835796
    }

.bg-purple {
    border-color: #8e5fa2 !important;
    background-image: none !important;
    background-color: #8e5fa2 !important;
    color: #FFF !important
}

.font-purple {
    color: #8e5fa2 !important
}

.progress-bar.purple {
    background: #8e5fa2 !important;
    color: #FFF !important
}

.purple-plum.btn {
    color: #FFF;
    background-color: #8775a7
}

    .open .purple-plum.btn.dropdown-toggle, .purple-plum.btn.active, .purple-plum.btn:active, .purple-plum.btn:focus, .purple-plum.btn:hover {
        color: #FFF;
        background-color: #746198
    }

    .purple-plum.btn.active, .purple-plum.btn:active {
        background-image: none;
        background-color: #685788
    }

        .purple-plum.btn.active:hover, .purple-plum.btn:active:hover {
            background-color: #6d5b8e
        }

.open .purple-plum.btn.dropdown-toggle {
    background-image: none
}

.purple-plum.btn.disabled, .purple-plum.btn.disabled.active, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:hover, .purple-plum.btn[disabled], .purple-plum.btn[disabled].active, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:hover, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn.active, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:hover {
    background-color: #8775a7
}

.purple-plum.btn .badge {
    color: #8775a7;
    background-color: #FFF
}

.btn.purple-plum-stripe {
    border-left: 3px solid #8775a7
}

.portlet.purple-plum, .portlet > .portlet-body.purple-plum {
    background-color: #8775a7
}

.portlet.solid.purple-plum > .portlet-body, .portlet.solid.purple-plum > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-plum > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-plum > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-plum {
    border: 1px solid #a294bb;
    border-top: 0
}

    .portlet.box.purple-plum > .portlet-title {
        background-color: #8775a7
    }

        .portlet.box.purple-plum > .portlet-title > .caption, .portlet.box.purple-plum > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-plum > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #c3bad3;
            color: #d0c9dd
        }

            .portlet.box.purple-plum > .portlet-title > .actions .btn-default > em {
                color: #d8d2e3
            }

            .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #ded9e7;
                color: #ebe8f0
            }

.dashboard-stat.purple-plum {
    background-color: #8775a7
}

    .dashboard-stat.purple-plum.dashboard-stat-light:hover {
        background-color: #7c699f
    }

    .dashboard-stat.purple-plum .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-plum .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-plum .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-plum .more {
        color: #FFF;
        background-color: #7c699f
    }

.bg-purple-plum {
    border-color: #8775a7 !important;
    background-image: none !important;
    background-color: #8775a7 !important;
    color: #FFF !important
}

.font-purple-plum {
    color: #8775a7 !important
}

.progress-bar.purple-plum {
    background: #8775a7 !important;
    color: #FFF !important
}

.purple-medium.btn {
    color: #FFF;
    background-color: #BF55EC
}

    .open .purple-medium.btn.dropdown-toggle, .purple-medium.btn.active, .purple-medium.btn:active, .purple-medium.btn:focus, .purple-medium.btn:hover {
        color: #FFF;
        background-color: #b335e8
    }

    .purple-medium.btn.active, .purple-medium.btn:active {
        background-image: none;
        background-color: #aa1ee6
    }

        .purple-medium.btn.active:hover, .purple-medium.btn:active:hover {
            background-color: #ae27e7
        }

.open .purple-medium.btn.dropdown-toggle {
    background-image: none
}

.purple-medium.btn.disabled, .purple-medium.btn.disabled.active, .purple-medium.btn.disabled:active, .purple-medium.btn.disabled:focus, .purple-medium.btn.disabled:hover, .purple-medium.btn[disabled], .purple-medium.btn[disabled].active, .purple-medium.btn[disabled]:active, .purple-medium.btn[disabled]:focus, .purple-medium.btn[disabled]:hover, fieldset[disabled] .purple-medium.btn, fieldset[disabled] .purple-medium.btn.active, fieldset[disabled] .purple-medium.btn:active, fieldset[disabled] .purple-medium.btn:focus, fieldset[disabled] .purple-medium.btn:hover {
    background-color: #BF55EC
}

.purple-medium.btn .badge {
    color: #BF55EC;
    background-color: #FFF
}

.btn.purple-medium-stripe {
    border-left: 3px solid #BF55EC
}

.portlet.purple-medium, .portlet > .portlet-body.purple-medium {
    background-color: #BF55EC
}

.portlet.solid.purple-medium > .portlet-body, .portlet.solid.purple-medium > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-medium > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-medium > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-medium {
    border: 1px solid #d083f1;
    border-top: 0
}

    .portlet.box.purple-medium > .portlet-title {
        background-color: #BF55EC
    }

        .portlet.box.purple-medium > .portlet-title > .caption, .portlet.box.purple-medium > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-medium > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #e5baf7;
            color: #eed1fa
        }

            .portlet.box.purple-medium > .portlet-title > .actions .btn-default > em {
                color: #f3dffb
            }

            .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #f6e8fc;
                color: #fff
            }

.dashboard-stat.purple-medium {
    background-color: #BF55EC
}

    .dashboard-stat.purple-medium.dashboard-stat-light:hover {
        background-color: #b843ea
    }

    .dashboard-stat.purple-medium .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-medium .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-medium .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-medium .more {
        color: #FFF;
        background-color: #b843ea
    }

.bg-purple-medium {
    border-color: #BF55EC !important;
    background-image: none !important;
    background-color: #BF55EC !important;
    color: #FFF !important
}

.font-purple-medium {
    color: #BF55EC !important
}

.progress-bar.purple-medium {
    background: #BF55EC !important;
    color: #FFF !important
}

.purple-studio.btn {
    color: #FFF;
    background-color: #8E44AD
}

    .open .purple-studio.btn.dropdown-toggle, .purple-studio.btn.active, .purple-studio.btn:active, .purple-studio.btn:focus, .purple-studio.btn:hover {
        color: #FFF;
        background-color: #793a93
    }

    .purple-studio.btn.active, .purple-studio.btn:active {
        background-image: none;
        background-color: #6a3381
    }

        .purple-studio.btn.active:hover, .purple-studio.btn:active:hover {
            background-color: #703688
        }

.open .purple-studio.btn.dropdown-toggle {
    background-image: none
}

.purple-studio.btn.disabled, .purple-studio.btn.disabled.active, .purple-studio.btn.disabled:active, .purple-studio.btn.disabled:focus, .purple-studio.btn.disabled:hover, .purple-studio.btn[disabled], .purple-studio.btn[disabled].active, .purple-studio.btn[disabled]:active, .purple-studio.btn[disabled]:focus, .purple-studio.btn[disabled]:hover, fieldset[disabled] .purple-studio.btn, fieldset[disabled] .purple-studio.btn.active, fieldset[disabled] .purple-studio.btn:active, fieldset[disabled] .purple-studio.btn:focus, fieldset[disabled] .purple-studio.btn:hover {
    background-color: #8E44AD
}

.purple-studio.btn .badge {
    color: #8E44AD;
    background-color: #FFF
}

.btn.purple-studio-stripe {
    border-left: 3px solid #8E44AD
}

.portlet.purple-studio, .portlet > .portlet-body.purple-studio {
    background-color: #8E44AD
}

.portlet.solid.purple-studio > .portlet-body, .portlet.solid.purple-studio > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-studio > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-studio > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-studio {
    border: 1px solid #a563c1;
    border-top: 0
}

    .portlet.box.purple-studio > .portlet-title {
        background-color: #8E44AD
    }

        .portlet.box.purple-studio > .portlet-title > .caption, .portlet.box.purple-studio > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-studio > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #bf8ed3;
            color: #c9a1da
        }

            .portlet.box.purple-studio > .portlet-title > .actions .btn-default > em {
                color: #cfacde
            }

            .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #d4b3e1;
                color: #dec5e8
            }

.dashboard-stat.purple-studio {
    background-color: #8E44AD
}

    .dashboard-stat.purple-studio.dashboard-stat-light:hover {
        background-color: #823e9e
    }

    .dashboard-stat.purple-studio .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-studio .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-studio .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-studio .more {
        color: #FFF;
        background-color: #823e9e
    }

.bg-purple-studio {
    border-color: #8E44AD !important;
    background-image: none !important;
    background-color: #8E44AD !important;
    color: #FFF !important
}

.font-purple-studio {
    color: #8E44AD !important
}

.progress-bar.purple-studio {
    background: #8E44AD !important;
    color: #FFF !important
}

.dashboard-stat.blue-theme {
    background-color: #3343a4
}

    .dashboard-stat.blue-theme.dashboard-stat-light:hover {
        background-color: #0E1271
    }

    .dashboard-stat.blue-theme .visual > em {
        color: #FC0;
        opacity: .8;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-theme .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-theme.details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-theme .more {
        color: #FFF;
        background-color: #545499
    }

.purple-wisteria.btn {
    color: #FFF;
    background-color: #9B59B6
}

    .open .purple-wisteria.btn.dropdown-toggle, .purple-wisteria.btn.active, .purple-wisteria.btn:active, .purple-wisteria.btn:focus, .purple-wisteria.btn:hover {
        color: #FFF;
        background-color: #8948a3
    }

    .purple-wisteria.btn.active, .purple-wisteria.btn:active {
        background-image: none;
        background-color: #7a4092
    }

        .purple-wisteria.btn.active:hover, .purple-wisteria.btn:active:hover {
            background-color: #804399
        }

.open .purple-wisteria.btn.dropdown-toggle {
    background-image: none
}

.purple-wisteria.btn.disabled, .purple-wisteria.btn.disabled.active, .purple-wisteria.btn.disabled:active, .purple-wisteria.btn.disabled:focus, .purple-wisteria.btn.disabled:hover, .purple-wisteria.btn[disabled], .purple-wisteria.btn[disabled].active, .purple-wisteria.btn[disabled]:active, .purple-wisteria.btn[disabled]:focus, .purple-wisteria.btn[disabled]:hover, fieldset[disabled] .purple-wisteria.btn, fieldset[disabled] .purple-wisteria.btn.active, fieldset[disabled] .purple-wisteria.btn:active, fieldset[disabled] .purple-wisteria.btn:focus, fieldset[disabled] .purple-wisteria.btn:hover {
    background-color: #9B59B6
}

.purple-wisteria.btn .badge {
    color: #9B59B6;
    background-color: #FFF
}

.btn.purple-wisteria-stripe {
    border-left: 3px solid #9B59B6
}

.portlet.purple-wisteria, .portlet > .portlet-body.purple-wisteria {
    background-color: #9B59B6
}

.portlet.solid.purple-wisteria > .portlet-body, .portlet.solid.purple-wisteria > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-wisteria > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-wisteria > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-wisteria {
    border: 1px solid #b07cc6;
    border-top: 0
}

    .portlet.box.purple-wisteria > .portlet-title {
        background-color: #9B59B6
    }

        .portlet.box.purple-wisteria > .portlet-title > .caption, .portlet.box.purple-wisteria > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #caa7d8;
            color: #d5b9e0
        }

            .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > em {
                color: #dbc3e5
            }

            .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #dfcae8;
                color: #eadcf0
            }

.dashboard-stat.purple-wisteria {
    background-color: #9B59B6
}

    .dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
        background-color: #924dae
    }

    .dashboard-stat.purple-wisteria .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-wisteria .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-wisteria .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-wisteria .more {
        color: #FFF;
        background-color: #924dae
    }

.bg-purple-wisteria {
    border-color: #9B59B6 !important;
    background-image: none !important;
    background-color: #9B59B6 !important;
    color: #FFF !important
}

.font-purple-wisteria {
    color: #9B59B6 !important
}

.progress-bar.purple-wisteria {
    background: #9B59B6 !important;
    color: #FFF !important
}

.purple-seance.btn {
    color: #FFF;
    background-color: #9A12B3
}

    .open .purple-seance.btn.dropdown-toggle, .purple-seance.btn.active, .purple-seance.btn:active, .purple-seance.btn:focus, .purple-seance.btn:hover {
        color: #FFF;
        background-color: #7e0f93
    }

    .purple-seance.btn.active, .purple-seance.btn:active {
        background-image: none;
        background-color: #6a0c7b
    }

        .purple-seance.btn.active:hover, .purple-seance.btn:active:hover {
            background-color: #720d85
        }

.open .purple-seance.btn.dropdown-toggle {
    background-image: none
}

.purple-seance.btn.disabled, .purple-seance.btn.disabled.active, .purple-seance.btn.disabled:active, .purple-seance.btn.disabled:focus, .purple-seance.btn.disabled:hover, .purple-seance.btn[disabled], .purple-seance.btn[disabled].active, .purple-seance.btn[disabled]:active, .purple-seance.btn[disabled]:focus, .purple-seance.btn[disabled]:hover, fieldset[disabled] .purple-seance.btn, fieldset[disabled] .purple-seance.btn.active, fieldset[disabled] .purple-seance.btn:active, fieldset[disabled] .purple-seance.btn:focus, fieldset[disabled] .purple-seance.btn:hover {
    background-color: #9A12B3
}

.purple-seance.btn .badge {
    color: #9A12B3;
    background-color: #FFF
}

.btn.purple-seance-stripe {
    border-left: 3px solid #9A12B3
}

.portlet.purple-seance, .portlet > .portlet-body.purple-seance {
    background-color: #9A12B3
}

.portlet.solid.purple-seance > .portlet-body, .portlet.solid.purple-seance > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-seance > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-seance > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-seance {
    border: 1px solid #c217e1;
    border-top: 0
}

    .portlet.box.purple-seance > .portlet-title {
        background-color: #9A12B3
    }

        .portlet.box.purple-seance > .portlet-title > .caption, .portlet.box.purple-seance > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-seance > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #d349ed;
            color: #d960ef
        }

            .portlet.box.purple-seance > .portlet-title > .actions .btn-default > em {
                color: #dc6ef0
            }

            .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #de77f1;
                color: #e48ef4
            }

.dashboard-stat.purple-seance {
    background-color: #9A12B3
}

    .dashboard-stat.purple-seance.dashboard-stat-light:hover {
        background-color: #8a10a0
    }

    .dashboard-stat.purple-seance .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-seance .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-seance .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-seance .more {
        color: #FFF;
        background-color: #8a10a0
    }

.bg-purple-seance {
    border-color: #9A12B3 !important;
    background-image: none !important;
    background-color: #9A12B3 !important;
    color: #FFF !important
}

.font-purple-seance {
    color: #9A12B3 !important
}

.progress-bar.purple-seance {
    background: #9A12B3 !important;
    color: #FFF !important
}

.purple-intense.btn {
    color: #FFF;
    background-color: #8775a7
}

    .open .purple-intense.btn.dropdown-toggle, .purple-intense.btn.active, .purple-intense.btn:active, .purple-intense.btn:focus, .purple-intense.btn:hover {
        color: #FFF;
        background-color: #746198
    }

    .purple-intense.btn.active, .purple-intense.btn:active {
        background-image: none;
        background-color: #685788
    }

        .purple-intense.btn.active:hover, .purple-intense.btn:active:hover {
            background-color: #6d5b8e
        }

.open .purple-intense.btn.dropdown-toggle {
    background-image: none
}

.purple-intense.btn.disabled, .purple-intense.btn.disabled.active, .purple-intense.btn.disabled:active, .purple-intense.btn.disabled:focus, .purple-intense.btn.disabled:hover, .purple-intense.btn[disabled], .purple-intense.btn[disabled].active, .purple-intense.btn[disabled]:active, .purple-intense.btn[disabled]:focus, .purple-intense.btn[disabled]:hover, fieldset[disabled] .purple-intense.btn, fieldset[disabled] .purple-intense.btn.active, fieldset[disabled] .purple-intense.btn:active, fieldset[disabled] .purple-intense.btn:focus, fieldset[disabled] .purple-intense.btn:hover {
    background-color: #8775a7
}

.purple-intense.btn .badge {
    color: #8775a7;
    background-color: #FFF
}

.btn.purple-intense-stripe {
    border-left: 3px solid #8775a7
}

.portlet.purple-intense, .portlet > .portlet-body.purple-intense {
    background-color: #8775a7
}

.portlet.solid.purple-intense > .portlet-body, .portlet.solid.purple-intense > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-intense > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-intense > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-intense {
    border: 1px solid #a294bb;
    border-top: 0
}

    .portlet.box.purple-intense > .portlet-title {
        background-color: #8775a7
    }

        .portlet.box.purple-intense > .portlet-title > .caption, .portlet.box.purple-intense > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-intense > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #c3bad3;
            color: #d0c9dd
        }

            .portlet.box.purple-intense > .portlet-title > .actions .btn-default > em {
                color: #d8d2e3
            }

            .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #ded9e7;
                color: #ebe8f0
            }

.dashboard-stat.purple-intense {
    background-color: #8775a7
}

    .dashboard-stat.purple-intense.dashboard-stat-light:hover {
        background-color: #7c699f
    }

    .dashboard-stat.purple-intense .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-intense .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-intense .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-intense .more {
        color: #FFF;
        background-color: #7c699f
    }

.bg-purple-intense {
    border-color: #8775a7 !important;
    background-image: none !important;
    background-color: #8775a7 !important;
    color: #FFF !important
}

.font-purple-intense {
    color: #8775a7 !important
}

.progress-bar.purple-intense {
    background: #8775a7 !important;
    color: #FFF !important
}

.purple-sharp.btn {
    color: #FFF;
    background-color: #796799
}

    .open .purple-sharp.btn.dropdown-toggle, .purple-sharp.btn.active, .purple-sharp.btn:active, .purple-sharp.btn:focus, .purple-sharp.btn:hover {
        color: #FFF;
        background-color: #685884
    }

    .purple-sharp.btn.active, .purple-sharp.btn:active {
        background-image: none;
        background-color: #5c4e75
    }

        .purple-sharp.btn.active:hover, .purple-sharp.btn:active:hover {
            background-color: #61527b
        }

.open .purple-sharp.btn.dropdown-toggle {
    background-image: none
}

.purple-sharp.btn.disabled, .purple-sharp.btn.disabled.active, .purple-sharp.btn.disabled:active, .purple-sharp.btn.disabled:focus, .purple-sharp.btn.disabled:hover, .purple-sharp.btn[disabled], .purple-sharp.btn[disabled].active, .purple-sharp.btn[disabled]:active, .purple-sharp.btn[disabled]:focus, .purple-sharp.btn[disabled]:hover, fieldset[disabled] .purple-sharp.btn, fieldset[disabled] .purple-sharp.btn.active, fieldset[disabled] .purple-sharp.btn:active, fieldset[disabled] .purple-sharp.btn:focus, fieldset[disabled] .purple-sharp.btn:hover {
    background-color: #796799
}

.purple-sharp.btn .badge {
    color: #796799;
    background-color: #FFF
}

.btn.purple-sharp-stripe {
    border-left: 3px solid #796799
}

.portlet.purple-sharp, .portlet > .portlet-body.purple-sharp {
    background-color: #796799
}

.portlet.solid.purple-sharp > .portlet-body, .portlet.solid.purple-sharp > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-sharp > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-sharp > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-sharp {
    border: 1px solid #9486ad;
    border-top: 0
}

    .portlet.box.purple-sharp > .portlet-title {
        background-color: #796799
    }

        .portlet.box.purple-sharp > .portlet-title > .caption, .portlet.box.purple-sharp > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-sharp > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #b4aac6;
            color: #c2b9d0
        }

            .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > em {
                color: #cac3d6
            }

            .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #cfc9db;
                color: #ddd8e5
            }

.dashboard-stat.purple-sharp {
    background-color: #796799
}

    .dashboard-stat.purple-sharp.dashboard-stat-light:hover {
        background-color: #6f5f8d
    }

    .dashboard-stat.purple-sharp .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-sharp .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-sharp .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-sharp .more {
        color: #FFF;
        background-color: #6f5f8d
    }

.bg-purple-sharp {
    border-color: #796799 !important;
    background-image: none !important;
    background-color: #796799 !important;
    color: #FFF !important
}

.font-purple-sharp {
    color: #796799 !important
}

.progress-bar.purple-sharp {
    background: #796799 !important;
    color: #FFF !important
}

.purple-soft.btn {
    color: #FFF;
    background-color: #8877a9
}

    .open .purple-soft.btn.dropdown-toggle, .purple-soft.btn.active, .purple-soft.btn:active, .purple-soft.btn:focus, .purple-soft.btn:hover {
        color: #FFF;
        background-color: #75629b
    }

    .purple-soft.btn.active, .purple-soft.btn:active {
        background-image: none;
        background-color: #69588b
    }

        .purple-soft.btn.active:hover, .purple-soft.btn:active:hover {
            background-color: #6e5c91
        }

.open .purple-soft.btn.dropdown-toggle {
    background-image: none
}

.purple-soft.btn.disabled, .purple-soft.btn.disabled.active, .purple-soft.btn.disabled:active, .purple-soft.btn.disabled:focus, .purple-soft.btn.disabled:hover, .purple-soft.btn[disabled], .purple-soft.btn[disabled].active, .purple-soft.btn[disabled]:active, .purple-soft.btn[disabled]:focus, .purple-soft.btn[disabled]:hover, fieldset[disabled] .purple-soft.btn, fieldset[disabled] .purple-soft.btn.active, fieldset[disabled] .purple-soft.btn:active, fieldset[disabled] .purple-soft.btn:focus, fieldset[disabled] .purple-soft.btn:hover {
    background-color: #8877a9
}

.purple-soft.btn .badge {
    color: #8877a9;
    background-color: #FFF
}

.btn.purple-soft-stripe {
    border-left: 3px solid #8877a9
}

.portlet.purple-soft, .portlet > .portlet-body.purple-soft {
    background-color: #8877a9
}

.portlet.solid.purple-soft > .portlet-body, .portlet.solid.purple-soft > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.purple-soft > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-soft > .portlet-title > .caption > em {
            color: #FFF
        }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-soft {
    border: 1px solid #a396bd;
    border-top: 0
}

    .portlet.box.purple-soft > .portlet-title {
        background-color: #8877a9
    }

        .portlet.box.purple-soft > .portlet-title > .caption, .portlet.box.purple-soft > .portlet-title > .caption > em {
            color: #FFF
        }

        .portlet.box.purple-soft > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #c4bcd4;
            color: #d2cbde
        }

            .portlet.box.purple-soft > .portlet-title > .actions .btn-default > em {
                color: #dad5e4
            }

            .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #dfdbe8;
                color: #edebf2
            }

.dashboard-stat.purple-soft {
    background-color: #8877a9
}

    .dashboard-stat.purple-soft.dashboard-stat-light:hover {
        background-color: #7d6ba1
    }

    .dashboard-stat.purple-soft .visual > em {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-soft .details .number {
        color: #FFF
    }

    .dashboard-stat.purple-soft .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-soft .more {
        color: #FFF;
        background-color: #7d6ba1
    }

.bg-purple-soft {
    border-color: #8877a9 !important;
    background-image: none !important;
    background-color: #8877a9 !important;
    color: #FFF !important
}

.font-purple-soft {
    color: #8877a9 !important
}

.progress-bar.purple-soft {
    background: #8877a9 !important;
    color: #FFF !important
}

.purple-dull.btn {
    color: #E0E8F8;
    background-color: #4E5895
}

    .open .purple-dull.btn.dropdown-toggle, .purple-dull.btn.active, .purple-dull.btn:active, .purple-dull.btn:focus, .purple-dull.btn:hover {
        color: #E0E8F8;
        background-color: #424a7e
    }

    .purple-dull.btn.active, .purple-dull.btn:active {
        background-image: none;
        background-color: #39406d
    }

        .purple-dull.btn.active:hover, .purple-dull.btn:active:hover {
            background-color: #3c4474
        }

.open .purple-dull.btn.dropdown-toggle {
    background-image: none
}

.purple-dull.btn.disabled, .purple-dull.btn.disabled.active, .purple-dull.btn.disabled:active, .purple-dull.btn.disabled:focus, .purple-dull.btn.disabled:hover, .purple-dull.btn[disabled], .purple-dull.btn[disabled].active, .purple-dull.btn[disabled]:active, .purple-dull.btn[disabled]:focus, .purple-dull.btn[disabled]:hover, fieldset[disabled] .purple-dull.btn, fieldset[disabled] .purple-dull.btn.active, fieldset[disabled] .purple-dull.btn:active, fieldset[disabled] .purple-dull.btn:focus, fieldset[disabled] .purple-dull.btn:hover {
    background-color: #4E5895
}

.purple-dull.btn .badge {
    color: #4E5895;
    background-color: #E0E8F8
}

.btn.purple-dull-stripe {
    border-left: 3px solid #4E5895
}

.portlet.purple-dull, .portlet > .portlet-body.purple-dull {
    background-color: #4E5895
}

.portlet.solid.purple-dull > .portlet-body, .portlet.solid.purple-dull > .portlet-title {
    border: 0;
    color: #E0E8F8
}

    .portlet.solid.purple-dull > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.purple-dull > .portlet-title > .caption > em {
            color: #E0E8F8
        }

    .portlet.solid.purple-dull > .portlet-title > .tools > a.remove {
        background-image: url(.../../images/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-dull > .portlet-title > .tools > a.config {
        background-image: url(.../../images/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-dull > .portlet-title > .tools > a.reload {
        background-image: url(.../../images/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-dull > .portlet-title > .tools > a.expand {
        background-image: url(../../images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-dull > .portlet-title > .tools > a.collapse {
        background-image: url(../../images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-dull > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-dull {
    border: 1px solid #6771af;
    border-top: 0
}

    .portlet.box.purple-dull > .portlet-title {
        background-color: #4E5895
    }

        .portlet.box.purple-dull > .portlet-title > .caption, .portlet.box.purple-dull > .portlet-title > .caption > em {
            color: #E0E8F8
        }

        .portlet.box.purple-dull > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid #8f96c4;
            color: #a0a6cd
        }

            .portlet.box.purple-dull > .portlet-title > .actions .btn-default > em {
                color: #aaafd2
            }

            .portlet.box.purple-dull > .portlet-title > .actions .btn-default.active, .portlet.box.purple-dull > .portlet-title > .actions .btn-default:active, .portlet.box.purple-dull > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-dull > .portlet-title > .actions .btn-default:hover {
                border: 1px solid #b0b6d6;
                color: #c1c5df
            }

.dashboard-stat.purple-dull {
    background-color: #4E5895
}

    .dashboard-stat.purple-dull.dashboard-stat-light:hover {
        background-color: #475088
    }

    .dashboard-stat.purple-dull .visual > em {
        color: #E0E8F8;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-dull .details .number {
        color: #E0E8F8
    }

    .dashboard-stat.purple-dull .details .desc {
        color: #E0E8F8;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-dull .more {
        color: #E0E8F8;
        background-color: #475088
    }

.bg-purple-dull {
    border-color: #4E5895 !important;
    background-image: none !important;
    background-color: #4E5895 !important;
    color: #E0E8F8 !important
}

.font-purple-dull {
    color: #4E5895 !important
}

.progress-bar.purple-dull {
    background: #4E5895 !important;
    color: #E0E8F8 !important
}

.btn-transparent.btn {
    background: 0 0;
    color: #888
}
/******
Page Header
******/
.page-header {
    background-color: #fff;
    padding-bottom: 0px !important;
    margin: 0px !important;
    /* Page Header Top */
    /* Page Header Menu */
}

    .page-header .page-header-top {
        /* Top menu */
    }

        .page-header .page-header-top.fixed {
            background: #fff !important;
            box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
        }

        .page-header .page-header-top .top-menu .navbar-nav {
            /* Top Links */
            /* Separator */
            /* Extended Dropdowns */
            /* Notification */
            /* Inbox */
            /* Tasks */
            /* User */
            /* Language */
            /* Dark version */
        }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
                border-left: 1px solid #E3E8EC;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > em {
                color: #0E1271;
                display: inline-block;
                vertical-align: middle;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
                background-color: #3343a4;
            }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > em,
                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > em,
                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > em {
                    color: #FFFFFF;
                }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
                background-color: #f36a5a;
                color: #ffffff;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
                background-color: #fff;
            }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > em,
                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > em,
                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > em {
                    color: #0E1271;
                }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
                border-left: 1px solid #E3E8EC;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #f7f8fa;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #f7f8fa;
            }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #6f949c;
                }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #337ab7;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #23527c;
                        text-decoration: none;
                    }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #222222;
            }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
                background: #f1f1f1;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
                background: #e4e4e4;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
                background-color: #32c5d2;
                color: #ffffff;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
                border-color: transparent transparent transparent #32c5d2;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
                color: #5b9bd1;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
                background-color: #dfe2e9;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
                color: #8ea3b6;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > em {
                color: #8ea3b6;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
                width: 195px;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > em,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > em {
                color: #7089a2;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
                color: #8ea3b6;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname,
            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
                color: #7089a2;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
                background: #2e343b;
                border: 0;
            }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                    border-bottom-color: #2e343b;
                }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                    background: #272c33;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                        color: #a2abb7;
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                        color: #5496cf;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                    color: #aaafb7;
                    border-bottom: 1px solid #3b434c !important;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > em,
                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > em {
                        color: #6FA7D7;
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                        background: #373e47;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                    border-bottom: 0 !important;
                }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                    background: #3b434c;
                }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
                background: #23272d;
            }

            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
                background: #181b1e;
            }

    .page-header .page-header-menu {
        background: #FFCC00;
        /* Default Mega Menu */
        /* Light Mega Menu */
        /* Header seaech box */
    }

        .page-header .page-header-menu.fixed {
            box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
        }

        .page-header .page-header-menu .hor-menu .navbar-nav {
            /* Mega menu content */
            /* Classic menu */
        }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
                box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
                    color: #ced5de;
                }

            .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
                color: #333333;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li > a > em {
                    color: #333333;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
                .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
                .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
                .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
                .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
                    color: #ffffff;
                    background: #3343a4 !important;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > em {
                        color: #ffffff;
                    }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
            .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
            .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
            .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
                color: #FFFFFF;
                background: #0E1271;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > em,
                .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > em,
                .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > em,
                .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > em {
                    color: #BCC2CB;
                }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
                box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
                background: #3343a4;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
                    color: #ced5de;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > em {
                        color: #6fa7d7;
                    }

                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
                    color: #FFFFFF;
                    background: #0E1271;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > em {
                        color: #6fa7d7;
                    }

                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
                    color: #FFFFFF;
                    background: #0E1271;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > em,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > em {
                        color: #6fa7d7;
                    }

                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
                    background-color: #606d7d;
                }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
                color: #6fa7d7;
            }

        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
            /* Mega menu content */
            /* Classic menu */
        }

            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
                box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
            }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
                    color: #555;
                }

            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
                color: #BCC2CB;
            }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > em {
                    color: #BCC2CB;
                }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
                    color: #ffffff;
                    background: #55616f;
                }

                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > em {
                        color: #ffffff;
                    }

            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
                color: #333 !important;
                background: #fafafc !important;
            }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > em,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > em {
                    color: #333 !important;
                }

            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover,
            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
                color: #f1f1f1;
                background: #4E5966;
            }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > em,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > em,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > em,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > em {
                    color: #BCC2CB;
                }

            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
                box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
                background: #fafafc;
            }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
                    color: #000;
                }

                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > em {
                        color: #6fa7d7;
                    }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
                    color: #000;
                    background: #eaeaf2;
                }

                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > em {
                        color: #6fa7d7;
                    }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
                    color: #000;
                    background: #eaeaf2;
                }

                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > em,
                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > em,
                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > em,
                    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > em {
                        color: #6fa7d7;
                    }

                .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
                    background-color: #ededf4;
                }

            .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
                border: 1px solid #eaeaf2;
                border-top: 0;
            }

        .page-header .page-header-menu .search-form {
            background: #38414c;
        }

            .page-header .page-header-menu .search-form .input-group {
                background: #38414c;
            }

                .page-header .page-header-menu .search-form .input-group .form-control {
                    color: #616d7d;
                    background: #38414c;
                }

                    .page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
                        color: #5f6a7a;
                        opacity: 1;
                    }

                    .page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
                        color: #5f6a7a;
                    }

                    .page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
                        color: #5f6a7a;
                    }

                .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > em {
                    color: #616d7d;
                }

@media (max-width: 991px) {
    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.open > .dropdown-menu {
        display: block;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
        max-width: none;
        width: auto;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
        min-width: 195px;
        max-width: 235px;
    }

    .page-header .page-header-top.fixed {
        background: #fff !important;
        box-shadow: none;
    }
}

@charset "UTF-8";
/* Cubic Bezier Transition */
@media print {
    body {
        background-color: #fff !important;
    }

    .page-header {
        display: none;
    }

    .theme-panel {
        display: none;
    }

    .hidden-print {
        display: none;
    }

    .page-prefooter {
        display: none;
    }

    .page-footer {
        display: none;
    }

    .page-head {
        display: none;
    }

    .page-breadcrumb {
        display: none;
    }

    .no-page-break {
        page-break-after: avoid;
    }

    .page-container {
        margin: 0px !important;
        padding: 0px !important;
    }

        .page-container .page-content {
            padding: 0 !important;
            margin: 0 !important;
        }

            .page-container .page-content > .container {
                width: 100%;
                max-width: none !important;
                margin: 0 !important;
            }

                .page-container .page-content > .container > .portlet,
                .page-container .page-content > .container-fluid > .portlet {
                    padding: 0;
                    margin: 0;
                }

                    .page-container .page-content > .container > .portlet > .portlet-body,
                    .page-container .page-content > .container-fluid > .portlet > .portlet-body {
                        padding: 0;
                        margin: 0;
                    }
}

/***
Page Header
***/
.page-header {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    height: 48px;
    background-image: none;
    /* Header container */
    /* Fixed header */
    /* Static header */
    /* Page Header Top */
    /* Page Header Menu */
}

    .page-header:before,
    .page-header:after {
        content: " ";
        display: table;
    }

    .page-header:after {
        clear: both;
    }

    .page-header .container,
    .page-header .container-fluid {
        position: relative;
    }

    .page-header.navbar-fixed-top {
        z-index: 9995;
    }

    .page-header.navbar-static-top {
        z-index: 9995;
    }

    .page-header .page-header-top {
        height: 47px;
        /* Header logo */
        /* Top menu */
        /* Menu Toggler */
    }

        .page-header .page-header-top.fixed {
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9995;
        }

        .page-header .page-header-top .page-logo {
            float: left;
            display: block;
        }

            .page-header .page-header-top .page-logo .logo-default {
                /*margin: 10.5px 17px 14.5px 17px;
        height:30px;*/
                width: 330px;
            }

        .page-header .page-header-top .top-menu {
            margin: 3px 0 0;
            padding: 0;
            float: right;
        }

            .page-header .page-header-top .top-menu .navbar-nav {
                padding: 0;
                margin-right: 0;
                display: flex;
                /* Top Links */
                /* Separator */
                /* Extended Dropdowns */
                /* Notification */
                /* Inbox */
                /* Tasks */
                /* User */
                /* Quick Sidebar Toggler */
                /* Language */
                /* Dark version */
            }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
                    margin: 0;
                    padding: 0 3px;
                    height: 40px;
                    display: inline-block;
                    /* 1st level */
                    /* 2nd level */
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
                        margin: 0 0 0 1px;
                        padding: 14px 6px 8px 6px;
                    }
                        /*.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
              padding-right: 0; }*/
                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > em {
                            font-size: 19px;
                        }

                            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > em.glyphicon {
                                font-size: 18px;
                            }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
                            font-family: "Open Sans", sans-serif;
                            position: absolute;
                            top: 4px;
                            font-weight: 300;
                            padding: 3px 5px;
                            right: -2px;
                        }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
                            background: #3343a4;
                        }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
                        z-index: 9996;
                        margin-top: 5px;
                        margin-right: 7px;
                        font-family: "Open Sans", sans-serif;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        -ms-border-radius: 4px;
                        -o-border-radius: 4px;
                        border-radius: 4px;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:before {
                            position: absolute;
                            top: -8px;
                            right: 9px;
                            display: inline-block !important;
                            border-right: 8px solid transparent;
                            border-bottom: 8px solid #efefef;
                            border-left: 8px solid transparent;
                            content: '';
                        }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu:after {
                            position: absolute;
                            top: -7px;
                            right: 10px;
                            display: inline-block !important;
                            border-right: 7px solid transparent;
                            border-bottom: 7px solid #fff;
                            border-left: 7px solid transparent;
                            content: '';
                        }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator {
                    padding-left: 0px;
                    padding-right: 6px;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
                        float: left;
                        display: inline-block;
                        width: 1px;
                        height: 18px;
                        margin-left: 5px;
                        margin-top: 17px;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
                    max-width: 300px;
                    z-index: 9996;
                    /* header notifications dropdowns */
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                        display: block;
                        overflow: hidden;
                        padding: 15px 15px;
                        letter-spacing: 0.5px;
                        -webkit-border-radius: 4px 4px 0 0;
                        -moz-border-radius: 4px 4px 0 0;
                        -ms-border-radius: 4px 4px 0 0;
                        -o-border-radius: 4px 4px 0 0;
                        border-radius: 4px 4px 0 0;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                            margin: 0;
                            padding: 0;
                            float: left;
                            font-size: 13px;
                            display: inline-block;
                        }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                            display: inline-block;
                            padding: 0;
                            background: none;
                            clear: inherit;
                            font-size: 12px;
                            font-weight: 400;
                            position: absolute;
                            right: 10px;
                            border: 0;
                            margin-top: -2px;
                        }

                            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                                text-decoration: none;
                            }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
                        padding-right: 0 !important;
                        padding-left: 0;
                        list-style: none;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                            display: block;
                            clear: both;
                            font-weight: 300;
                            line-height: 20px;
                            white-space: normal;
                            font-size: 13px;
                            padding: 16px 15px 18px;
                            text-shadow: none;
                        }

                            .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                                opacity: 1;
                                filter: alpha(opacity=100);
                                text-decoration: none;
                            }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
                            border-top: none;
                        }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
                    overflow: hidden;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
                        margin-right: 10px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        -ms-border-radius: 50%;
                        -o-border-radius: 50%;
                        border-radius: 50%;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon em {
                            margin-right: 2px;
                            margin-left: 1px;
                        }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
                            right: 15px;
                        }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
                    float: right;
                    max-width: 75px;
                    font-size: 11px;
                    font-weight: 400;
                    opacity: 0.7;
                    filter: alpha(opacity=70);
                    text-align: right;
                    padding: 1px 5px;
                }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle {
                    padding: 17px 0px 8px 8px;
                    /* safari only hack */
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
                        float: left;
                        margin-top: -5px;
                        padding: 3px 10px 4px 10px;
                        -webkit-border-radius: 50% !important;
                        -moz-border-radius: 50% !important;
                        -ms-border-radius: 50% !important;
                        -o-border-radius: 50% !important;
                        border-radius: 50% !important;
                        font-family: "Open Sans", sans-serif;
                        font-weight: 300;
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
                        float: left;
                        margin-left: -4px;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 8px 0 9px 9px;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner:not(:root:root) {
                            margin-left: -5px;
                        }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
                    float: left;
                    margin: 0 6px 6px 0;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
                        height: 40px;
                        width: 40px;
                        -webkit-border-radius: 50% !important;
                        -moz-border-radius: 50% !important;
                        -ms-border-radius: 50% !important;
                        -o-border-radius: 50% !important;
                        border-radius: 50% !important;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li a:hover {
                    text-decoration: none;
                }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
                    display: block;
                    margin-left: 46px;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
                        font-size: 14px;
                        font-weight: 600;
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
                        font-size: 12px;
                        font-weight: 400;
                        opacity: 0.5;
                        filter: alpha(opacity=50);
                        float: right;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
                    display: block !important;
                    font-size: 12px;
                    line-height: 1.3;
                    margin-left: 46px;
                }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
                    margin-bottom: 5px;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
                        font-size: 13px;
                        font-weight: 300;
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
                        color: #36c6d3;
                        float: right;
                        font-weight: 600;
                        display: inline-block;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
                    display: block;
                    height: 8px;
                    margin: 8px 0 2px;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
                        box-shadow: none;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
                    padding: 7px 6px 7px 0;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
                        height: 30px;
                        /*float: left;*/
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
                        float: left;
                        font-size: 400;
                        font-size: 14px;
                        margin-top: 4px;
                        margin-right: 2px;
                    }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > em {
                        float: left;
                        font-size: 14px;
                        margin-top: 7px;
                    }

                .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
                    width: 210px;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
                        font-size: 14px;
                        font-weight: 400;
                        color: #333 !important;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a em {
                            width: 15px;
                            display: inline-block;
                        }

                        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
                            margin-right: 10px;
                        }

                .page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler {
                    cursor: pointer;
                    padding: 17px 10px 8px 10px;
                }

                    .page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > em {
                        color: #c1ccd1;
                        font-size: 19px;
                    }

                        .page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > em:before {
                            content: "" /*rtl:""*/;
                        }

.page-quick-sidebar-open .page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > em:before {
    content: "" /*rtl:""*/;
}

.page-header .page-header-top .top-menu .navbar-nav > li.quick-sidebar-toggler > em:hover {
    color: #a4b4bb;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
        padding: 16px 10px 9px 2px;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
            margin-bottom: 2px;
        }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > em {
            font-size: 14px;
        }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
        font-size: 13px;
    }

        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
            margin-bottom: 2px;
            margin-right: 5px;
        }

.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
    border: 0;
}

    .page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
        border-left: none;
        border-right: none;
    }

    .page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
        background: none !important;
        border: none !important;
    }

.page-header .page-header-top .menu-toggler {
    float: right;
    display: none;
    margin: 13px 3px 0 3px;
    width: 40px;
    height: 30px;
    background: url(../Images/sidebar_toggler_icon_darkblue.png) center center;
    background-repeat: no-repeat;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .page-header .page-header-top .menu-toggler:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.page-header .page-header-menu {
    display: block;
    height: 40px;
    clear: both;
    /* Mega menu */
    /* Search box */
}

    .page-header .page-header-menu .hor-menu {
        margin: 0 0 0 -17px;
        margin: 0;
        float: left;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav {
            position: static;
            /* Mega menu */
            /* Mega Menu Dropdown */
            /* Classic menu */
        }

            .page-header .page-header-menu .hor-menu .navbar-nav.navbar-right .dropdown-menu {
                left: auto;
                right: 0;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
                position: static;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
                    left: auto;
                    width: auto;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
                        font-family: "Open Sans", sans-serif;
                        padding: 15px;
                        margin: 0;
                    }

                        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content.mega-menu-responsive-content {
                            padding: 10px 18px 10px 45px;
                        }

                        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
                            padding: 0;
                            margin: 0;
                        }

                            .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
                                border-right: 0;
                            }

                            .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
                                padding: 1px !important;
                                margin: 0 !important;
                                list-style: none;
                            }

                                .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
                                    margin-top: 5px;
                                    padding-left: 5px;
                                    font-size: 15px;
                                    font-weight: normal;
                                }

                                .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
                                    display: block;
                                    white-space: normal;
                                    font-family: "Open Sans", sans-serif;
                                    padding: 7px;
                                    margin: 0;
                                    font-size: 14px;
                                    font-weight: 300;
                                }

                                    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:focus,
                                    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover {
                                        text-decoration: none;
                                    }

                                    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify {
                                        padding: 7px 7px 7px 30px;
                                    }

                                        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > em {
                                            position: absolute;
                                            top: auto !important;
                                            margin-left: -24px;
                                            font-size: 15px;
                                            margin-top: 3px !important;
                                        }

                                    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .badge,
                                    .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a .label {
                                        margin-left: 5px;
                                    }

                .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
                    left: 15px;
                    right: 15px;
                }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:after,
            .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown .dropdown-menu:before {
                display: none !important;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
                font-size: 14px;
                font-weight: 600;
                padding: 10px 15px;
                text-transform: capitalize;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus {
                    background: none
                }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.current .selected,
            .page-header .page-header-menu .hor-menu .navbar-nav > li.active .selected {
                left: 50%;
                bottom: 0;
                position: absolute;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 6px solid transparent;
                display: inline-block;
                margin: 0;
                width: 0;
                height: 0px;
                margin-left: -7px;
                margin-bottom: -6px;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
                margin-top: 0;
                border: none;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
                    font-family: "Open Sans", sans-serif;
                    font-size: 14px;
                    font-weight: 300;
                    padding: 10px 12px;
                    white-space: normal;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a .label,
                    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a .badge {
                        font-weight: 300;
                    }

            .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
                min-width: 195px;
                max-width: 235px;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > .dropdown-menu {
                top: 0;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
                top: 9px;
                right: 10px;
            }

    .page-header .page-header-menu .search-form {
        position: relative;
        display: inline-block;
        float: right;
        width: 176px;
        transition: width 0.4s;
        margin-top: 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        .page-header .page-header-menu .search-form .input-group {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }

            .page-header .page-header-menu .search-form .input-group .form-control {
                border: 0;
                font-size: 13px;
                padding-right: 20px;
                font-weight: 300;
            }

                .page-header .page-header-menu .search-form .input-group .form-control:hover {
                    cursor: pointer;
                }

            .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
                padding: 0;
                height: 34px;
                z-index: 3;
                position: relative;
                top: 0px;
                right: 11px;
            }

                .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > em {
                    font-size: 15px;
                }

        .page-header .page-header-menu .search-form.open {
            width: 300px !important;
            transition: width 0.4s;
        }

            .page-header .page-header-menu .search-form.open .input-group .form-control {
                text-indent: 0;
            }

                .page-header .page-header-menu .search-form.open .input-group .form-control:hover {
                    cursor: text;
                }

            .page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit {
                margin-left: 0;
            }

@media (min-width: 992px) {
    /* 992px */
    .page-header {
        /* Page Header Menu */
    }

        .page-header .page-header-menu.fixed {
            width: 100%;
            position: fixed;
            top: 50px;
            left: 0;
            z-index: 999;
        }

        .page-header .page-header-menu .hor-menu .navbar-nav > li.menu-dropdown:hover > .dropdown-menu {
            display: block;
        }

        .page-header .page-header-menu .container-fluid .navbar-nav > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
            left: 60px;
            right: 60px;
        }
}

@media (max-width:991px) {
    .page-header .page-header-menu.fixed, .page-header .page-header-top.fixed {
        position: relative;
    }

    .page-header .page-header-menu {
        background: #FFCC00;
        padding: 10px;
        height: auto;
        display: none;
    }

        .page-header .page-header-menu > .container {
            width: 100%;
            max-width: none !important;
            margin: 0 !important;
        }

        .page-header .page-header-menu .hor-menu {
            float: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            /*margin-top:55px;*/
        }

            .page-header .page-header-menu .hor-menu .navbar-nav {
                float: none;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav li > a > .arrow:after {
                    position: absolute;
                    display: inline-block;
                    font-size: 14px;
                    right: 15px;
                    top: 11px;
                    font-family: FontAwesome,sans-serif;
                    height: auto;
                    content: "\f104";
                    font-weight: 300;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.opened > a > .arrow:after {
                    content: "\f107";
                    right: 12px;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-submenu > a:after {
                    display: none !important;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav > li {
                    float: none;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
                        padding: 10px;
                    }

                        .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down {
                            float: right;
                        }

                            .page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down:before {
                                content: "\f104";
                            }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li:first-child > a {
                        -webkit-border-radius: 4px 4px 0 0;
                        -moz-border-radius: 4px 4px 0 0;
                        -ms-border-radius: 4px 4px 0 0;
                        -o-border-radius: 4px 4px 0 0;
                        border-radius: 4px 4px 0 0;
                    }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child > a {
                        -webkit-border-radius: 0 0 4px 4px;
                        -moz-border-radius: 0 0 4px 4px;
                        -ms-border-radius: 0 0 4px 4px;
                        -o-border-radius: 0 0 4px 4px;
                        border-radius: 0 0 4px 4px;
                    }

                    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a .fa-angle-down:before {
                        content: "\f107";
                    }

                .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-menu {
                    position: static;
                    float: none !important;
                    width: auto;
                    background: #fff;
                    display: none;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown.opened > .dropdown-menu {
                    display: block;
                    width: 100%;
                    min-width: inherit !important;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
                    padding-top: 0;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.opened > .dropdown-menu {
                    display: block;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown li.opened > .dropdown-menu {
                    display: block;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > a {
                    padding-left: 20px;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > a {
                    padding-left: 40px;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
                    padding-left: 60px;
                }

                .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
                    max-width: none;
                    width: auto;
                }

                    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.divider {
                        background: none;
                        margin: 5px 12px;
                    }

                    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu > a:after {
                        content: "\f104";
                        font-size: 14px;
                        margin-right: 7px;
                    }

                    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
                        content: "\f107";
                        margin-right: 5px;
                    }

                    .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > .dropdown-menu {
                        display: block;
                    }

        .page-header .page-header-menu .search-form {
            float: none !important;
            width: auto;
            margin: 0 0 20px 0;
        }

            .page-header .page-header-menu .search-form.open {
                width: auto !important;
            }

            .page-header .page-header-menu .search-form .input-group .form-control {
                height: 38px;
            }

                .page-header .page-header-menu .search-form .input-group .form-control:hover {
                    cursor: text;
                }

            .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
                height: 38px;
                width: 44px;
                top: 0;
                right: 0;
            }

                .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit em {
                    position: relative;
                    top: 13px;
                }
}

/*.page-header-top, .top-menu.navbar-nav > li.dropdown-user .dropdown-toggle > img {
    float: left;
    margin-top: -7px;
    margin-right: 0;
    height: 30px;
    width: 30px;
    display: inline-block;
    border: 2px solid #0E1271;
}*/
.search-position {
    width: 250px;
    display: inline-block;
    margin-top: 5px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .icon-color:hover {
    background-color: #3f4f62 !important;
}

@media (max-width: 480px) {
    /*.page-header .page-header-top .page-logo .logo-default{
    width:148px;
}*/
    .page-header .page-header-top .top-menu {
        display: block;
        clear: both;
        margin-top: -10px;
        background-color: #FFF;
        width: 100%;
    }

    .modal-dialog {
        top: 90px;
    }

    .page-bar {
        margin-top: 56px;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
        min-width: 160px;
        max-width: 300px;
        z-index: 9996;
        /* header notifications dropdowns */
    }
}

@media print {
    body {
        background-color: #fff !important
    }

    .hidden-print, .page-bar, .page-footer, .page-sidebar-wrapper, .theme-panel {
        display: none
    }

    .no-page-break {
        page-break-after: avoid
    }

    .page-container {
        margin: 0 !important;
        padding: 0 !important
    }

    .page-content {
        min-height: 300px !important;
        padding: 0 20px 20px !important;
        margin: 0 !important
    }

        .page-content > .portlet, .page-content > .portlet > .portlet-body {
            padding: 0;
            margin: 0
        }
}

.page-header.navbar {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    height: 68px;
    min-height: 68px;
    -webkit-filter: none;
    filter: none;
    background-image: none
}

    .page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
        z-index: 9995
    }

    .page-header.navbar .page-logo {
        float: left;
        display: block;
        width: auto;
        height: 68px;
        padding-right: 20px
    }

        .page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a {
            display: block;
            float: left
        }

        .page-header.navbar .page-logo .logo-default {
            margin: 5px 0 0
        }

        .page-header.navbar .page-logo .logo-mini {
            display: none;
            margin-left: 5px
        }

        .page-header.navbar .page-logo .text-logo {
            padding-left: 20px;
            padding-top: 12px
        }

    .page-header.navbar .page-top {
        height: 68px;
        background: #FFF;
        border-bottom: 5px solid #FC0;
    }

    .page-header.navbar .search-form {
        margin-left: 10px;
        display: inline-block;
        width: 94px;
        position: relative;
        float: left !important;
        -webkit-transition: all .6s;
        transition: all .6s
    }

        .page-header.navbar .search-form .input-group .form-control { /*height:68px;*/
            border: 0;
            background: transparent !important;
            font-size: 14px;
            padding-left: 5px;
            margin-right: 10px;
        }

            .page-header.navbar .search-form .input-group .form-control:hover {
                cursor: pointer
            }
        /*.page-header.navbar .search-form .input-group .input-group-btn{height:68px}*/
        .page-header.navbar .search-form .input-group .input-group-btn .btn.submit {
            margin-left: -24px;
            padding: 7px 14px;
            width: 43px;
            margin-top: 0;
            display: block;
            color: #fff
        }

            .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > em {
                font-size: 20px
            }

    .page-header.navbar .menu-toggler {
        display: block;
        cursor: pointer;
        opacity: .6;
        filter: alpha(opacity=60);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center
    }

        .page-header.navbar .menu-toggler:hover {
            filter: alpha(opacity=100);
            opacity: 1
        }

        .page-header.navbar .menu-toggler.sidebar-toggler {
            float: right;
            margin: -30px -61px 0 0
        }

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
    margin-right: 17px
}

.page-header.navbar .menu-toggler.responsive-toggler {
    display: none;
    float: right;
    margin: 19px 14px 0 6px;
    background-image: url(../images/sidebar-toggler-inverse.png)
}

.page-header.navbar .page-actions {
    margin: 17px 0 15px 15px;
    padding: 0;
    float: left
}

    .page-header.navbar .page-actions .btn-group .dropdown-menu:before {
        left: 9px;
        right: auto
    }

    .page-header.navbar .page-actions .btn-group .dropdown-menu:after {
        left: 10px;
        right: auto
    }

.page-header.navbar .top-menu {
    margin: 0;
    padding: 0;
    float: right
}

    .page-header.navbar .top-menu .navbar-nav {
        padding: 0;
        margin-right: 0;
        display: block
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            margin: 0;
            padding: 0;
            height: 68px;
            display: inline-block
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
                margin: 0;
                padding: 28px 16px 9px
            }
                /*.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child{padding-right:0}*/
                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > em {
                    font-size: 19px
                }

                    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > em.glyphicon {
                        top: 0;
                        font-size: 17px
                    }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
                    font-family: "Open Sans",sans-serif;
                    position: absolute;
                    top: 13px;
                    left: 20px;
                    font-weight: 300;
                    padding: 3px 6px
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus {
                    background: 0 0
                }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
                margin-top: 0px;
                -o-border-radius: 4px;
                border-radius: 4px
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
                    position: absolute;
                    top: -7px;
                    right: 9px;
                    display: inline-block !important;
                    border-right: 7px solid transparent;
                    border-bottom: 7px solid #eee;
                    border-left: 7px solid transparent;
                    border-bottom-color: rgba(0,0,0,.2);
                    content: ''
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
                    position: absolute;
                    top: -6px;
                    right: 10px;
                    display: inline-block !important;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid #fff;
                    border-left: 6px solid transparent;
                    content: ''
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
                    color: #555
                }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            min-width: 160px;
            max-width: 275px;
            width: 275px;
            z-index: 9995
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                display: block;
                overflow: hidden;
                padding: 15px;
                letter-spacing: .5px;
                -o-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    margin: 0;
                    padding: 0;
                    float: left;
                    font-size: 13px;
                    display: inline-block
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    display: inline-block;
                    padding: 0;
                    background: 0 0;
                    clear: inherit;
                    font-size: 13px;
                    font-weight: 300;
                    position: absolute;
                    right: 10px;
                    border: 0;
                    margin-top: -1px
                }

                    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        text-decoration: underline
                    }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
                padding-right: 0 !important;
                padding-left: 0;
                list-style: none
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                    display: block;
                    clear: both;
                    font-weight: 300;
                    line-height: 20px;
                    white-space: normal;
                    font-size: 13px;
                    padding: 16px 15px 18px;
                    text-shadow: none
                }

                    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                        opacity: 1;
                        filter: alpha(opacity=100)
                    }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a {
                    border-top: none
                }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details {
            overflow: hidden
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
                margin-right: 10px;
                -o-border-radius: 50%;
                border-radius: 50%
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon em {
                    margin-right: 2px;
                    margin-left: 1px
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge {
                    right: 15px
                }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
            float: right;
            max-width: 75px;
            font-size: 11px;
            font-weight: 400;
            opacity: .7;
            filter: alpha(opacity=70);
            text-align: right;
            padding: 1px 5px
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo {
            float: left;
            margin: 0 6px 6px 0
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img {
                height: 40px;
                width: 40px;
                -o-border-radius: 50% !important;
                border-radius: 50% !important
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {
            display: block; /*margin-left:46px*/
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from {
                font-size: 13px;
                font-weight: 600;
                color: #0E1271;
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
                font-size: 11px;
                font-weight: 400;
                opacity: .5;
                filter: alpha(opacity=50);
                float: none
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {
            display: block !important;
            font-size: 12px;
            line-height: 1.3; /*margin-left:46px*/
            color: #333;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task {
            margin-bottom: 5px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc {
                font-size: 13px;
                font-weight: 300
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent {
                float: right;
                font-weight: 600;
                display: inline-block
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress {
            display: block;
            height: 8px;
            margin: 8px 0 2px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar {
                box-shadow: none
            }
        /*.page-header.navbar .top-menu .navbar-nav>li.dropdown-user{padding:0 0 0 10px}*/
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            padding: 37px 12px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
                display: inline-block;
                font-size: 14px;
                font-weight: 400
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
                float: left;
                margin-top: -7px;
                margin-right: 0;
                height: 30px;
                width: 30px;
                display: inline-block;
                border: 2px solid #0E1271;
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > em {
                display: inline-block;
                margin: 0;
                font-size: 14px;
                font-weight: 400
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
            width: 280px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
                font-size: 14px;
                font-weight: 300
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a em {
                    width: 15px;
                    display: inline-block;
                    margin-right: 9px
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge {
                    margin-right: 10px
                }

        .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
            cursor: pointer;
            padding: 24px 12px
        }

            .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > em {
                top: 3px;
                color: #c0cddc;
                font-size: 19px
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language {
            padding-left: 0;
            padding-right: 0;
            margin: 0
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
                font-size: 13px;
                padding: 24px 12px
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img {
                    margin-bottom: 2px
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > em {
                    font-size: 14px
                }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a {
                font-size: 13px
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img {
                    margin-bottom: 2px;
                    margin-right: 5px
                }

        .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
            border: 0
        }

            .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
                border-left: none;
                border-right: none
            }

            .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a {
                background: none !important;
                border: none !important
            }
/*@media (min-width:1024px) and (max-width:1920px){.page-header.navbar .search-form.search-form-expanded{margin-left:60px!important;width:250px!important}}*/
@media (min-width:991px) {
    .page-header.navbar .search-form.search-form-expanded {
        width: 200px;
        margin-top: 18px
    }

        .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
            text-indent: 0;
        }

            .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
                cursor: text
            }

        .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
            margin-left: 0
        }
}

@media (min-width:992px) and (max-width:1200px) {
    .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname, .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
        display: none
    }
}

@media (min-width:992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 0;
        width: 54px
    }

        .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
            display: none
        }

    .page-boxed .page-header.navbar .page-logo {
        width: 195px
    }

    .page-boxed .page-header.navbar .top-menu .navbar-nav {
        margin-right: 20px
    }

    .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
        width: 54px
    }

    .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
        width: 195px
    }
}

@media (max-width:991px) {
    .page-header.navbar {
        padding: 0;
        margin: 0;
        position: relative;
        clear: both
    }

        .page-header.navbar .page-logo {
            width: auto;
            padding: 0 15px 0 10px
        }

            .page-header.navbar .page-logo img {
                margin-left: 4px !important
            }

        .page-header.navbar .menu-toggler.sidebar-toggler {
            display: none !important
        }

        .page-header.navbar .menu-toggler.responsive-toggler {
            display: inline-block
        }

        .page-header.navbar .search-form {
            margin-left: 0
        }

            .page-header.navbar .search-form.open {
                width: 100% !important
            }

        .page-header.navbar .page-header-inner.container {
            width: 100%;
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important
        }

        .page-header.navbar .top-menu .navbar-nav {
            display: inline-block;
            margin: 0 10px 0 0
        }

            .page-header.navbar .top-menu .navbar-nav > li {
                float: left
            }

            .page-header.navbar .top-menu .navbar-nav .nav li.dropdown em {
                display: inline-block;
                position: relative;
                top: 1px;
                right: 0
            }

            .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
                position: absolute
            }

    .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
        position: fixed
    }

    .page-boxed .page-header.navbar > .container {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-boxed .page-header.navbar {
        margin: auto !important;
        padding: 0
    }

        .page-boxed .page-header.navbar > .container {
            margin: auto !important
        }
}

@media (max-width:767px) {
    .page-header.navbar {
        padding: 0
    }

        .page-header.navbar .page-logo {
            width: auto
        }
        /*.page-header.navbar .search-form.open{z-index:3;left:10px;right:10px;position:absolute;width:auto!important;margin:0 -10px!important}*/
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
            max-width: 245px;
            width: 245px
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
            margin-right: -170px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
                margin-right: 170px
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
            margin-right: -120px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
                margin-right: 120px
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
            margin-right: -80px
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
                margin-right: 80px
            }
}

@media (max-width:580px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
        display: none
    }
}

@media (max-width:767px) {
    .page-header.navbar {
        height: 188px
    }

        .page-header.navbar .top-menu .navbar-nav {
            margin-right: 0
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
                padding: 28px 10px 19px
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
                padding: 24px 6px
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-user {
                margin-right: 10px
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
                    padding: 24px 6px
                }

        .page-header.navbar .menu-toggler.responsive-toggler {
            background-image: url(../images/sidebar-toggler-inverse.png)
        }

        .page-header.navbar .search-form {
            margin-left: -12px;
            top: 18px;
        }

        .page-header.navbar .page-top {
            display: block;
            clear: both
        }
}

.pace .pace-progress {
    z-index: 10000;
    top: 92px;
    height: 2px
}

.pace .pace-progress-inner {
    box-shadow: none
}

.pace .pace-activity {
    top: 96px;
    right: 22px;
    border-radius: 10px !important
}

@media (max-width:767px) {
    .page-header-fixed .pace .pace-progress {
        top: 188px
    }

    .page-header-fixed .pace .pace-activity {
        top: 380px;
        right: 15px
    }
}

.page-container {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 9;
}
    /*Given Overflow for vertical space and horizontal scroll*/
    .page-container:after, .page-container:before {
        content: " ";
        display: table
    }

    .page-container:after {
        clear: both
    }

/*@media only screen and (min-width: 991px){
    .page-header-fixed .page-container {
    margin-top: 106px !important;
}*/
.page-footer-fixed.page-footer-fixed-mobile .page-container {
    margin-bottom: 20px !important
}

@media (min-width:1260px) {
    .container {
        width: 1270px
    }
}

@media (min-width:992px) {
    .page-footer-fixed .page-container {
        margin-bottom: 20px !important
    }
}

.page-header-fixed.page-header-fixed-mobile .page-container {
    margin-top: 75px
}

}

@media (max-width:480px) {
    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-top: 188px
    }
}

.page-portlet-fullscreen .page-quick-sidebar-toggler, .page-portlet-fullscreen .page-quick-sidebar-wrapper {
    z-index: -1
}

.page-header .mega-menu .quick-sidebar-toggler {
    top: 7px;
    border: none;
    outline: 0;
    padding: 5px;
    margin-left: 15px;
    position: relative;
    background: #669
}

    .page-header .mega-menu .quick-sidebar-toggler em {
        top: 0;
        color: #fff
    }

.page-quick-sidebar-open .page-header .mega-menu .quick-sidebar-toggler em:before {
    content: "\e066"
}

.page-quick-sidebar-wrapper {
    -webkit-transition: right .3s;
    transition: right .3s;
    z-index: 1000;
    position: fixed;
    top: 45px;
    bottom: 0;
    width: 500px
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    -webkit-transition: all .3s;
    transition: all .3s;
    right: 0
}

.page-quick-sidebar-toggler {
    overflow: hidden;
    z-index: 99999;
    display: none;
    width: 28px;
    height: 27px;
    position: fixed;
    top: 5px;
    right: 5px;
    text-align: center;
    padding-top: 6px;
    background: #669;
}

.page-quick-sidebar-open .page-quick-sidebar-toggler {
    display: inline-block
}

.page-quick-sidebar-toggler > em {
    font-size: 17px
}

    .page-quick-sidebar-toggler > em:hover {
        color: #ececee
    }

.page-quick-sidebar-wrapper { /*right:-500px*/
    right: -100%;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
        color: #c3c3c3
    }

.page-quick-sidebar-wrapper {
    background: #FFF;
    border-left: 3px solid #669
}

    .page-quick-sidebar-wrapper .page-quick-sidebar {
        background: #FFF
    }

.page-quick-sidebar-toggler:hover {
    background: #303a43
}

.page-quick-sidebar-toggler > em {
    color: #FFF
}

.page-quick-sidebar-wrapper {
    color: #333
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
        background: inherit;
        color: #90a1af
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
        background: inherit;
        color: #90a1af
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
        border: 0;
        border-bottom: 3px solid #f3565d
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
        border: 0;
        background: #36424c;
        box-shadow: 5px 5px rgba(97,117,135,.1)
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
            border-bottom: 7px solid #36424c
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
            padding: 10px 15px;
            color: #99a8b5
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > em {
                color: #93a3b1
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
                background: #3d4a55;
                color: #99a8b5
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > em {
                    color: #9babb8
                }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
            background: #38444f;
            color: #99a8b5
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
            background-color: #3d4a55
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
        color: #6c8296
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
        border-bottom-color: #273037
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
            background: #273037
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
        color: #90a1af
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
            text-decoration: none
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
        color: #657b8d
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
        color: #5d7081
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
        color: #8496a7
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
        color: #90a1af;
        background: #36424c
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
        border-right-color: #36424c
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
        border-left-color: #36424c
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
        color: #7e91a2
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
            text-decoration: underline
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
        color: #788c9e
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
        color: #5d7081
    }

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-content-wrapper, .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s;
    margin-left: -270px
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
    -webkit-transition: margin-right .3s;
    transition: margin-right .3s;
    margin-right: 270px;
    margin-left: -270px
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
    -webkit-transition: margin-right .3s;
    transition: margin-right .3s;
    margin-right: 270px
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s;
    margin-left: -270px
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-footer-fixed:not(.page-quick-sidebar-full-height) .page-footer {
    margin-left: 0;
    margin-right: 0
}

.page-quick-sidebar-open.page-quick-sidebar-over-content-transparent .page-quick-sidebar-wrapper {
    opacity: .9;
    filter: alpha(opacity=90)
}

@media (max-width:991px) {
    .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
        display: none
    }
}

.page-quick-sidebar-wrapper {
    overflow: hidden;
    overflow-y: auto;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified {
        margin: 0;
        padding: 0
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
            display: table-cell !important;
            width: auto
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
                padding: 15px;
                border: 0;
                height: 46px;
                font-size: 13px;
                text-transform: uppercase;
                -o-border-radius: 0;
                border-radius: 0
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a > .badge {
                    position: absolute;
                    top: 12px;
                    right: 3px
                }

                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
                    border: 0
                }

            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
                margin-top: 8px;
                margin-right: 20px
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
                    position: absolute;
                    top: -7px;
                    right: 19px;
                    display: inline-block !important;
                    border-right: 7px solid transparent;
                    border-left: 7px solid transparent;
                    border-bottom-color: rgba(0,0,0,.2);
                    content: ''
                }

                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
                    position: absolute;
                    top: -6px;
                    right: 20px;
                    display: inline-block !important;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid #fff;
                    border-left: 6px solid transparent;
                    content: ''
                }

        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > .tab-content {
            margin: 0;
            padding: 0
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
        font-size: 16px;
        margin: 10px
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
            margin: 0;
            padding: 10px;
            background: 0 0;
            border-bottom-width: 1px;
            border-bottom-style: solid
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
                border-bottom: 0
            }

        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
            border: 0
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
        margin: 10px
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
        position: absolute !important;
        width: 270px !important;
        -webkit-transition: margin .3s;
        transition: margin .3s
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
        position: absolute !important;
        width: 270px !important;
        -webkit-transition: margin .3s;
        transition: margin .3s;
        margin-left: 270px
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
            padding: 15px 10px 0
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
                vertical-align: middle;
                display: inline-block;
                font-size: 14px
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > em {
                    font-size: 17px;
                    line-height: 17px;
                    vertical-align: top;
                    margin-right: 3px
                }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
        -webkit-transition: margin .3s;
        transition: margin .3s;
        margin-left: -270px
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
            display: none !important
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
        -webkit-transition: margin .3s;
        transition: margin .3s;
        margin-left: 0
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
        padding: 10px 0;
        position: relative
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
            padding: 12px 10px 11px
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
                border-radius: 50% !important;
                width: 38.57px;
                opacity: .8;
                filter: alpha(opacity=80);
                float: left;
                margin-right: 10px
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before {
                    content: " ";
                    display: table
                }

                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
                    clear: both
                }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
                cursor: pointer
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
                    opacity: 1;
                    filter: alpha(opacity=100)
                }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
                margin: 5px 0 0;
                font-size: 14px
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
                font-size: 11px;
                text-transform: uppercase
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
                font-size: 10px
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
                margin-top: 10px;
                right: 10px;
                position: absolute;
                display: inline-block
            }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
        padding: 0 10px;
        position: relative
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
            -webkit-transition: display .3s;
            transition: display .3s;
            padding: 5px 0;
            margin: 10px auto;
            font-size: 12px
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
                display: block
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
                width: 38.57px;
                border-radius: 50% !important
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
                float: left;
                margin-right: 10px
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
                float: right;
                margin-left: 10px
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
                font-size: 12px;
                font-weight: 300
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
                display: block;
                padding: 5px;
                position: relative
            }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
                text-align: left;
                margin-left: 55px
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
                    display: block;
                    position: absolute;
                    top: 9px;
                    left: -6px;
                    width: 0;
                    height: 0;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    border-right-width: 6px;
                    border-right-style: solid
                }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
                margin-right: 55px;
                text-align: right
            }

                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
                    display: block;
                    position: absolute;
                    top: 9px;
                    right: -6px;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    border-left-width: 6px;
                    border-left-style: solid
                }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name {
                text-align: right
            }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
        padding: 20px 10px 15px
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form .input-group .form-control {
            font-size: 13px
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
        padding: 10px 0;
        position: relative
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .label {
            margin-top: 5px
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
            padding: 0
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
        padding: 10px 0;
        position: relative
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
            margin-top: -3px;
            float: right;
            border: 0;
            min-width: 59px
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
            width: 75px !important;
            padding: 4px 4px !important;
            float: right;
            border: 0;
            margin-top: -4px
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
            padding: 4px 0 !important
        }

.ie8 .page-sidebar {
    width: 195px;
    float: left;
    position: relative;
    margin-right: -100%
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse, .page-sidebar.navbar-collapse {
    padding: 0;
    box-shadow: none
}

.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

    .page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0
    }

        .page-sidebar .page-sidebar-menu > li.start > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.start > a {
            border-top-color: transparent !important
        }

        .page-sidebar .page-sidebar-menu > li.last > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.last > a {
            border-bottom-color: transparent !important
        }

        .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
            min-height: 78px;
            display: block;
            position: relative;
            margin: 0;
            border: 0;
            padding: 17px 15px 15px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 400;
            text-align: center
        }

            .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
                display: block;
                text-align: center;
                margin-top: 5px
            }

            .page-sidebar .page-sidebar-menu > li > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > em {
                font-size: 24px;
                text-shadow: none;
                font-weight: 300;
                text-align: center
            }

                .page-sidebar .page-sidebar-menu > li > a > em.glyphicon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > em.glyphicon {
                    top: 3px;
                    margin-left: 1px;
                    margin-right: 4px
                }

            .page-sidebar .page-sidebar-menu > li > a > [class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^=icon-] { /*top:2px;margin-left:1px;margin-right:4px*/
            }

.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    -webkit-transition: none;
    transition: none
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
    font-size: 14px
}

.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    border: none;
    text-shadow: none;
}

    .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
        float: right;
        position: absolute;
        right: -1px;
        top: 26px;
        background: 0 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 12px double transparent;
        border-bottom: 12px double transparent;
        border-left: 0;
        border-right: 8px solid #fff
    }

.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    right: auto;
    left: -1px;
    border-right: 0;
    border-left: 8px solid #eee
}

.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent #F1F3FA transparent transparent
}

.page-container-bg-solid.page-sidebar-reversed .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent transparent transparent #F1F3FA
}

.page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    width: 10px;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -32px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before {
    content: "\f107"
}

.page-sidebar .page-sidebar-menu li > a > .badge, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge {
    float: right;
    margin-top: 1px;
    margin-right: 0
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    list-style: none;
    display: none;
    padding: 0; /*margin:8px 0;*/
    background-color: #E0E8F8
}

    .page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
        background: 0 0;
        margin: 0;
        padding: 0;
        margin-top: 1px !important
    }

        .page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
            display: block;
            margin: 0;
            padding: 9px 15px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 400;
            background: 0 0
        }

            .page-sidebar .page-sidebar-menu .sub-menu li > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > em {
                font-size: 14px;
                margin-right: 1px
            }

            .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before {
                margin-top: -4px
            }

            .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before {
                margin-top: -2px
            }

        .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu {
            margin: 0
        }

            .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a {
                padding-left: 30px
            }

            .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu {
                margin: 0
            }

                .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a {
                    padding-left: 40px
                }

.page-sidebar .page-sidebar-menu li.active > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu {
    display: block
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li {
    text-align: left
}

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a {
        text-align: left;
        min-height: 40px;
        padding: 10px
    }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
            display: inline-block;
            margin-top: 0;
            margin-left: 5px
        }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > em {
            font-size: 21px;
            text-align: center;
            width: 20px;
        }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li.active > a > .selected {
        top: 9px
    }

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a {
        padding-left: 40px
    }

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact li > a > .arrow:before {
    margin-top: -1px
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li > .sub-menu > li > a {
    padding-left: 15px
}

@media (min-width:992px) {
    .page-sidebar {
        width: 180px;
        float: left;
        position: relative;
        margin-right: -100%
    }

    .page-full-width .page-sidebar {
        display: none !important
    }

    .page-sidebar.navbar-collapse {
        max-height: none !important
    }

    .page-sidebar .page-sidebar-menu {
        margin-bottom: 10px
    }

    .page-sidebar-reversed .page-sidebar {
        float: right;
        margin-right: 0;
        margin-left: -100%
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
        margin-left: -195px
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
        position: relative;
        float: right
    }

    .page-sidebar-fixed .page-sidebar {
        position: fixed !important;
        margin-left: 0;
        top: 68px
    }

    .page-sidebar-fixed .page-sidebar-menu > li.last {
        margin-bottom: 15px !important
    }

    .page-sidebar-fixed .page-sidebar-menu .sub-menu {
        height: auto !important
    }

    .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        width: 54px !important
    }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
            display: none !important
        }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
            width: 249px !important;
            position: relative !important;
            z-index: 10000;
            display: block !important
        }

            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
                -o-border-radius: 0 4px 0 0;
                border-radius: 0 4px 0 0;
                text-align: left
            }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > em {
                    display: inline-block;
                    margin-right: 10px
                }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
                    display: inline !important;
                    padding-left: 20px
                }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .badge {
                    display: block !important
                }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .selected {
                    display: none
                }

            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
                width: 194px;
                position: absolute;
                z-index: 2000;
                left: 55px;
                margin-top: 0;
                top: 100%;
                background-color: #E0E8F8;
                display: block !important;
                -o-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px;
                padding-left: 15px;
                border-top: 1px solid #3343a4;
            }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {
                    padding-left: 15px !important
                }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
                    padding-left: 30px !important
                }

                .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
                    padding-left: 45px !important
                }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
            min-height: 54px; /*padding-left:11px*/
        }

            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected {
                top: 16px;
                right: -2px !important
            }

            .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
                display: none !important
            }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-closed > li > a {
            min-height: 40px;
            padding-right: 15px;
            padding-left: 15px
        }

    .page-sidebar-closed.page-sidebar-reversed .page-sidebar {
        margin-left: -54px;
        width: 54px
    }

        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
            left: auto;
            right: 55px
        }

        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
            margin-left: -195px
        }

            .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
                -o-border-radius: 4px 0 0;
                border-radius: 4px 0 0
            }

                .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
                    padding-left: 0;
                    padding-right: 15px
                }

                .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > em {
                    margin-right: 0;
                    margin-left: 2px
                }

        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
            padding-right: 7px;
            padding-left: 11px
        }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
        width: 195px !important;
        display: block;
        z-index: 10000
    }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
            width: 195px !important
        }

            .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected {
                display: none !important
            }

    .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover {
        width: 195px !important;
        display: block;
        z-index: 10000;
        margin-left: -195px !important
    }

        .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu {
            width: 195px !important
        }

    .page-sidebar-closed.page-sidebar-hide .page-sidebar {
        display: none !important
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu {
        display: none;
        width: 194px;
        z-index: 2000;
        position: absolute;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a {
            margin: 3px
        }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu {
        display: none !important
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
        display: none
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
        display: block;
        float: right;
        position: absolute;
        right: 0;
        margin-top: -20px;
        background: 0 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 12px double transparent;
        border-bottom: 12px double transparent;
        border-left: 0
    }

        .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before {
            display: none
        }

    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
        right: auto;
        left: 0;
        border-right: 0
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        display: inline-block !important
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
        z-index: 1;
        right: 0;
        margin-top: -36px
    }

    .page-fontawesome .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
        margin-top: -34px
    }

    .page-glyphicons .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
        margin-top: -38px
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        margin-left: 195px;
        margin-top: -78px
    }

    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        margin-left: -194px !important
    }

    .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        margin-left: 0
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
        margin-left: 194px;
        margin-top: -42px !important
    }

    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
        margin-left: -194px !important
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
        padding-left: 10px;
        padding-right: 10px
    }

    .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu li:hover > a > .arrow, .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
        margin-top: -20px
    }

    .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
        margin-top: -49px
    }
}

@media (max-width:991px) {
    .page-sidebar {
        border-top: 0 !important;
        margin: 20px
    }

        .page-sidebar .selected {
            display: none !important
        }

        .page-sidebar.navbar-collapse {
            max-height: none
        }

            .page-sidebar.navbar-collapse.collapse {
                display: none !important
            }

            .page-sidebar.navbar-collapse.in {
                border-top: 0 !important;
                margin: 20px;
                position: relative;
                overflow: hidden !important;
                overflow-y: auto !important;
                display: block !important
            }

            .page-sidebar.navbar-collapse.navbar-no-scroll {
                max-height: none !important
            }

        .page-sidebar .mega-menu-responsive-content {
            padding: 10px 18px 10px 45px
        }

    .page-full-width .page-sidebar-menu {
        display: block
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-sidebar .btn-navbar.collapsed .arrow {
        display: none
    }

    .page-sidebar .btn-navbar .arrow {
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        top: 50px;
        border-bottom: 15px solid #5f646b;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent
    }
}

@media (max-width:480px) {
    .page-sidebar, .page-sidebar.in {
        margin: 10px !important
    }

    .page-header-fixed.page-header-fixed-mobile .page-sidebar, .page-header-fixed.page-header-fixed-mobile .page-sidebar.in {
        margin-top: 10px !important
    }

    .page-bar .page-toolbar {
        display: inline-block; /*float:none !important*/
    }
}

.page-title {
    padding: 0;
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 26px;
    display: block;
    color: #666;
    margin: 0 0 20px;
    font-weight: 300;
    font-family: "Open Sans",sans-serif
}

    .page-title small {
        font-size: 13px;
        letter-spacing: 0;
        font-weight: 300;
        color: #888
    }

.page-container-bg-solid .page-title, .page-container-bg-solid .page-title small {
    color: #666
}

.page-bar {
    padding: 0;
    background-color: #fff;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #e7ecf1;
}

    .page-bar:after, .page-bar:before {
        content: " ";
        display: table
    }

    .page-bar:after {
        clear: both
    }

    .page-bar .page-breadcrumb {
        display: inline-block;
        float: left;
        padding: 8px 6px;
        margin: 0;
        list-style: none
    }

        .page-bar .page-breadcrumb > li {
            display: inline-block
        }

.ie8 .page-bar .page-breadcrumb > li {
    margin-right: 1px
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span {
    color: #0E1271;
    font-size: 13px;
    text-shadow: none
}

.page-bar .page-breadcrumb > li > em {
    color: #0E1271;
    font-size: 14px;
    text-shadow: none
}

    .page-bar .page-breadcrumb > li > em[class*=icon-], .page-bar .page-breadcrumb > li > em[class^=icon-] {
        color: #8c8c8c
    }

.page-bar .page-toolbar {
    display: inline-block;
    float: right
}

    .page-bar .page-toolbar .btn-fit-height {
        -o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        padding-top: 9px;
        padding-bottom: 9px
    }

.page-md .page-bar .page-toolbar .btn-fit-height {
    padding-top: 11px;
    padding-bottom: 10px;
    box-shadow: none !important
}

.page-bar .page-toolbar .btn.btn-default {
    border-color: #eee;
    color: #999
}

    .page-bar .page-toolbar .btn.btn-default > em {
        color: #999
    }

.page-bar .page-toolbar .btn.btn-sm {
    margin-top: 0
}

.page-bar .page-toolbar .btn-dashboard-daterange {
    padding: 8px 16px
}

    .page-bar .page-toolbar .btn-dashboard-daterange > em[class^=icon-] {
        position: relative;
        font-size: 20px;
        opacity: .8;
        filter: alpha(opacity=80);
        top: 2px
    }

    .page-bar .page-toolbar .btn-dashboard-daterange > em.fa-angle-down {
        font-size: 16px;
        opacity: .8;
        filter: alpha(opacity=80)
    }

.page-content {
    margin-top: 0;
    padding: 0;
    background-color: #FFF
}

.page-container-bg-solid .page-content {
    background: #fff
}

.page-full-width .page-content {
    margin-left: 0 !important
}

@media (min-width:992px) {
    .page-content-wrapper {
        float: left;
        width: 100%;
    }

        .page-content-wrapper .page-content {
            margin-top: 0;
            min-height: 600px;
            padding: 0px 10px;
            background-color: #fff;
        }

            .page-content-wrapper .page-content.no-min-height {
                min-height: auto
            }

    .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
        margin-left: 54px
    }

    .page-sidebar-reversed .page-content-wrapper .page-content {
        margin-left: 0 !important;
        margin-right: 195px !important
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
        margin-left: 0;
        margin-right: 54px
    }

    .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 0 !important;
        margin-right: 54px !important
    }

    .page-sidebar-closed .page-content-wrapper .page-content {
        margin-left: 54px !important
    }

    .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
        margin-left: 0 !important
    }

    .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
        margin-right: 0 !important
    }

    .page-full-width .page-content-wrapper .page-content {
        margin-left: 0 !important
    }
}

@media (max-width:991px) {
    .page-boxed > .container {
        width: 100%;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .page-content-wrapper .page-content {
        margin: 0 !important;
        padding: 20px !important;
        min-height: 280px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-boxed > .container {
        margin: auto !important
    }
}

@media (max-width:767px) {
    .page-content-wrapper .page-content {
        padding: 20px 10px 10px !important;
        overflow: hidden;
        width: 100%;
    }

        .page-content-wrapper .page-content .page-title {
            margin-bottom: 15px;
            font-size: 20px
        }

            .page-content-wrapper .page-content .page-title small {
                font-size: 13px;
                padding-top: 3px
            }
}

@media (max-width:768px) {
    .page-content-wrapper .page-content .page-title small {
        display: block;
        clear: both
    }

    .page-footer {
        height: 93px !important;
    }
}

.page-footer {
    padding: 12px 20px 10px;
    font-size: 12px;
    height: 44px;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
}

    .page-footer:after, .page-footer:before {
        content: " ";
        display: table
    }

    .page-footer:after {
        clear: both
    }

    .page-footer .page-footer-inner {
        float: left;
        display: inline-block
    }

    .page-footer .page-footer-tools {
        float: right;
        display: inline-block
    }

        .page-footer .page-footer-tools .go-top {
            display: block;
            text-decoration: none;
            cursor: pointer;
            margin-top: -2px;
            margin-right: 0;
            margin-bottom: 0;
            font-size: 16px;
            padding: 0 6px
        }

            .page-footer .page-footer-tools .go-top em {
                font-size: 22px;
                margin-bottom: 5px
            }

.page-footer-fixed.page-footer-fixed-mobile .page-footer {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    bottom: 0
}

.page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer {
    margin-left: 0 !important
}

@media (min-width:992px) {
    .page-footer {
        clear: left
    }

    .page-footer-fixed .page-footer {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10000;
        bottom: 0
    }

    .page-sidebar-fixed.page-footer-fixed .page-footer {
        margin-left: 0 !important
    }

    .page-sidebar-fixed .page-footer {
        padding: 8px 20px 5px
    }

    .page-boxed .page-footer {
        padding: 8px 0 5px
    }

    .page-boxed.page-sidebar-fixed .page-footer {
        padding-right: 20px;
        padding-left: 20px
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-footer {
        margin-left: 0;
        margin-right: 195px;
        padding: 8px 20px 5px
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
        margin-left: 0;
        margin-right: 0
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
        margin-right: 54px
    }
}

@media (max-width:991px) {
    .page-footer {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:767px) {
    .page-boxed .page-footer, .page-footer {
        padding-left: 10px;
        padding-right: 10px
    }

    .page-footer-fixed .page-footer .container {
        padding-left: 0;
        padding-right: 0
    }
}

.scroll-to-top {
    padding: 2px;
    text-align: center;
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    display: none;
    right: 10px
}

    .scroll-to-top > em {
        display: inline-block;
        color: #FFCC00;
        font-size: 32px;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    .scroll-to-top:hover {
        cursor: pointer
    }

        .scroll-to-top:hover > em {
            opacity: 1;
            filter: alpha(opacity=100)
        }

@media (min-width:992px) {
    .scroll-to-top {
        right: 10px
    }
}

@media (max-width:991px) {
    .scroll-to-top {
        right: 10px
    }

        .scroll-to-top > em {
            font-size: 28px
        }
}

.theme-panel {
    z-index: 100;
    float: right;
    position: fixed;
    left: 0;
    right: 0;
}

    .theme-panel > .toggler {
        top: 4px;
        right: 0;
        padding: 20px;
        cursor: pointer;
        position: absolute;
        background: #FFCC00 url(../images/icon-color.png) center no-repeat;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .theme-panel > .toggler:hover {
            background-color: #3343a4 !important
        }

    .theme-panel > .toggler-close {
        display: none;
        top: 4px;
        right: 0;
        padding: 20px;
        z-index: 101;
        cursor: pointer;
        position: absolute;
        background: #3d3d3d url(../images/icon-color-close.png) center no-repeat !important;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .theme-panel > .toggler-close:hover {
            background-color: #222 !important
        }

    .theme-panel > .theme-options {
        top: 4px;
        right: 0;
        display: none;
        position: absolute;
        z-index: 100;
        background: #3d3d3d;
        box-shadow: 5px 5px rgba(61,61,61,.1);
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .theme-panel > .theme-options > .theme-option {
            color: #cfcfcf;
            padding: 10px;
            border-top: 1px solid #444;
            margin-top: 0;
            margin-bottom: 0
        }

            .theme-panel > .theme-options > .theme-option > span {
                text-transform: uppercase;
                display: inline-block;
                width: 145px;
                font-size: 13px;
                font-weight: 300
            }

            .theme-panel > .theme-options > .theme-option > select.form-control {
                display: inline;
                width: 135px;
                padding: 2px;
                text-transform: lowercase
            }

            .theme-panel > .theme-options > .theme-option.theme-colors {
                border-top: 0
            }

                .theme-panel > .theme-options > .theme-option.theme-colors > span {
                    display: block;
                    width: auto
                }

                .theme-panel > .theme-options > .theme-option.theme-colors > ul {
                    list-style: none;
                    padding: 0;
                    display: block;
                    margin-bottom: 10px !important;
                    margin-top: 15px
                }

                    .theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
                        width: 40px;
                        height: 40px;
                        margin: 0 4px;
                        cursor: pointer;
                        list-style: none;
                        float: left;
                        border: solid 1px #707070
                    }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
                            margin-left: 0
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover {
                            border: solid 2px #d64635
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default {
                            background: #333438
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-darkblue {
                            background: #2b3643
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
                            background: #2D5F8B
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
                            background: #697380
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light {
                            background: #F9FAFD
                        }

                        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light2 {
                            background: #F1F1F1
                        }

.page-container-bg-solid .theme-panel {
    position: absolute;
    margin-top: 30px;
    margin-right: 20px;
    right: 0
}

    .page-container-bg-solid .theme-panel > .toggler {
        background: #BFCAD1 url(../img/icon-color.png) center no-repeat
    }

.page-container-bg-solid.page-sidebar-reversed .theme-panel {
    margin-right: 255px
}

.page-on-load {
    background: #fefefe
}

    .page-on-load .page-container, .page-on-load .page-footer, .page-on-load .page-header, .page-on-load > .clearfix {
        display: none;
        -webkit-transition: all 2s;
        transition: all 2s
    }

.titlebg {
    background-color: #0E1271;
    background-image: none;
    color: #FFF;
    font-size: 24px;
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 10px 6px -6px #777
}
/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/
/* Cubic Bezier Transition */
/***********
Theme Colors
***********/
.theme-font-color {
    color: #5b9bd1;
}

/***********
Body bg color
***********/
/*body {
    background: #3343a4;
}*/

body.page-md {
    background: #ffffff;
}

/***********
Page Header
***********/
/* Header search bar, toggler button & top menu */
.page-header.navbar {
    background: none;
    border-bottom: 1px solid #fff;
    /* Top notification menu/bar */
    /* Header seaech box */
    /* Menu Toggler */
}

    .page-header.navbar .top-menu .navbar-nav {
        /* Extended Dropdowns */
        /* Notification */
        /* Inbox */
        /* Tasks */
        /* User */
        /* Language */
        /* Dark version */
    }
        /*.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
      background-color: #3f4457; }*/

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > em {
            color: #161284;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
            background-color: #5b9bd1;
            color: #5b617d;
        }
        /*.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
      background-color: #3f4457; }*/
        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
            border-bottom-color: whitesmoke;
        }

        .page-header.navbar .top-menu .navbar-nav > li.separator {
            background: #e9ecef;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
            border: 1px solid whitesmoke;
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
                border-bottom-color: #e8e8e8;
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
                border-bottom-color: #fafafa;
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
                background: #fafafa;
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
                    color: #62878f;
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
                    color: #5b9bd1;
                }

                    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
                        color: #3175af;
                        text-decoration: none;
                    }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
                border-bottom: 1px solid #EFF2F6 !important;
                color: #888888;
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
                    background: #f8f9fa;
                }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #f1f1f1;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #e4e4e4;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
            background-color: #5b9bd1;
            color: #ffffff;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
            border-color: transparent transparent transparent #5b9bd1;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
            color: #5b9bd1;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
            background-color: #dfe2e9;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
            color: #161284;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > em {
            color: #161284;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
            /*width: 208px;*/
            word-break: break-all;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
            color: #161284;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
            background: #575d77;
            border: 0;
        }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
                border-bottom-color: #575d77;
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
                background: #464a60;
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
                    color: #cbced9;
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
                    color: #87b6dd;
                }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
            .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
                color: #dadce4;
                border-bottom: 1px solid #646b89 !important;
            }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > em,
                .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > em {
                    color: #bcc0cf;
                }

                .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
                .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
                    background: #606683;
                }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
                border-bottom: 0 !important;
            }

            .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
                background: #646b89;
            }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
            background: #4c5169;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
            background: #41465a;
        }

    .page-header.navbar .search-form {
        background: none;
    }

        .page-header.navbar .search-form .input-group {
            border: none;
        }

            .page-header.navbar .search-form .input-group:hover {
                border-color: #666d8c;
            }

            .page-header.navbar .search-form .input-group .form-control {
                color: #737a99;
            }

                .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
                    color: #707797;
                    opacity: 1;
                }

                .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
                    color: #707797;
                }

                .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
                    color: #707797;
                }

            .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > em {
                color: #0E1271;
            }

    .page-header.navbar .menu-toggler {
        background-image: url(../Images/sidebar_toggler_icon_darkblue.png);
    }

    .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent {
        background: none;
        border: 1px solid #50566f;
        color: #666d8c;
    }

        .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent > em {
            color: #666d8c;
        }

        .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active {
            background: none;
            border: 1px solid #737a99;
            color: #737a99;
        }

            .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover > em, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus > em, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active > em {
                color: #737a99;
            }

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #3343a4;
    /* Default sidebar */
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .page-sidebar .page-sidebar-menu {
        /* 1st level links */
        /* All links */
    }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
        .page-sidebar .page-sidebar-menu > li.heading > h3 {
            color: #E0E8F8;
        }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .page-sidebar .page-sidebar-menu > li > a {
            color: #E0E8F8;
        }

@media (max-width: 991px) {
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
    .page-sidebar .page-sidebar-menu > li > a {
        /* 991px */
        border-top: 1px solid #606bac;
    }
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > em,
.page-sidebar .page-sidebar-menu > li > a > em {
    color: #E0E8F8;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > em[class^="icon-"],
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > em[class*="icon-"],
    .page-sidebar .page-sidebar-menu > li > a > em[class^="icon-"],
    .page-sidebar .page-sidebar-menu > li > a > em[class*="icon-"] {
        color: #f5f7fd;
        vertical-align: middle;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
    color: #ecf1fb;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: #E0E8F8;
    color: #0E1271;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > em,
    .page-sidebar .page-sidebar-menu > li:hover > a > em,
    .page-sidebar .page-sidebar-menu > li.open > a > em {
        color: #0E1271;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
        color: #67a2d4;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #0E1271;
    color: #FFF;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
    .page-sidebar .page-sidebar-menu > li.active > a:hover,
    .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
        background: #0E1271;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > em,
    .page-sidebar .page-sidebar-menu > li.active > a > em,
    .page-sidebar .page-sidebar-menu > li.active.open > a > em {
        color: #FFF;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
        color: #67a2d4;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active > a {
    padding-left: 10px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
    color: #ecf1fb;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
    color: #67a2d4;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
    color: #67a2d4;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
    background: #3343a4;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #0E1271;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > em,
    .page-sidebar .page-sidebar-menu .sub-menu > li > a > em {
        color: #E0E8F8;
    }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > em[class^="icon-"],
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > em[class*="icon-"],
        .page-sidebar .page-sidebar-menu .sub-menu > li > a > em[class^="icon-"],
        .page-sidebar .page-sidebar-menu .sub-menu > li > a > em[class*="icon-"] {
            color: #f5f7fd;
        }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
        color: #ecf1fb;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    color: #0E1271;
    background: #f2f6f9 !important;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > em, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > em,
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > em,
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > em,
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > em {
        color: #5b9bd1;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
        color: #67a2d4;
    }

/******
Page Footer
******/
.page-footer .page-footer-inner {
    color: #69789E;
}

.page-footer-fixed .page-footer {
    background-color: #fff;
}

    .page-footer-fixed .page-footer .page-footer-inner {
        color: #69789E;
    }

.page-boxed .page-footer .page-footer-inner {
    color: #69789E;
}

.page-footer-fixed .page-boxed .page-footer {
    background-color: #fff;
}

@media (min-width: 992px) {
    /* 992px */
    /* Sidebar menu closed */
    .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(140, 178, 198, 0.2);
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        /*box-shadow: 5px 5px rgba(140, 178, 198, 0.2);*/
    }

        .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            /*box-shadow: 5px 5px rgba(140, 178, 198, 0.2);*/
        }

    /* Fixed Sidebar */
    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
        color: #333;
    }

    /* Boxed Layout */
    .page-boxed {
        /* Page container */
    }

        .page-boxed .page-container {
            background-color: #fff;
        }

        .page-boxed.page-sidebar-reversed .page-container {
            border-left: 0;
        }

        .page-boxed.page-sidebar-fixed .page-container {
            border-left: 0;
            border-bottom: 0;
        }

        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }

    /* Sidebar Menu Wirh Hoverable Submenu */
    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #FFFFFF;
    }

    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-left: 8px solid #FFFFFF;
    }

    .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
        background: #FFFFFF !important;
    }
}

@media (max-width: 991px) {
    /* 991px */
    .page-header.navbar {
        padding: 0;
        /* Top menu */
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
            background-color: none;
        }

    .page-header .page-header-top .menu-toggler {
        display: block;
    }
}

@media (max-width: 767px) {
    /* 767px */
    .page-header.navbar {
        background: #FFF;
        border-bottom: 1px solid #41465a;
        /* Top menu */
    }

        .page-header.navbar .page-top {
            background: #FFF;
        }
    /*.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
      background-color: #393d4e; }*/
}
/****
 CSS3 Spinner Bar
****/
.page-spinner-bar > div,
.block-spinner-bar > div {
    background: #6fa7d7;
}

/****
 This css property used for show the validation message for timepicker in grid
****/
.k-grid-edit-row span.k-picker-wrap .k-tooltip {
    position: absolute;
    top: 0px;
    left: -1px;
}

.customColLg2Width {
    width: 19% !important;
}

.customColLg2Width1 {
    width: 16% !important;
}

.contentContainer {
    padding: 0 0 0 20px;
}

.customTitle {
    color: #4B77BE;
    font-size: 11px;
    font-weight: 700;
}

.customBackground {
    background: #ffffff;
}

.customTitle1 {
    color: #333;
    font-size: 11px;
    font-weight: 700;
}

.customTitle2 {
    color: #333;
    font-size: 11px;
    font-weight: 400;
}

.textDecorationUnderline {
    text-decoration: underline;
}

p {
    margin: 0px;
    line-height: 175%;
    text-align: justify;
    font-family: OpenSans-Regular,sans-serif;
}

.customBackground1 {
    background: #4B77BE;
    color: #fff;
}

.textAlignCenter {
    text-align: center;
}

.fontColorCCCCCC {
    color: #CCCCCC;
}

.fontColor666666 {
    color: #666666;
}

.fontSize11 {
    font-size: 11px;
}

.paddingLeftRightZero {
    padding-left: 0;
    padding-right: 0;
}

.marginTop50 {
    margin-top: 50px;
}

.notificationMenu {
    margin-bottom: 0;
}

    .notificationMenu > li.list-group-item:first-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .notificationMenu > li.list-group-item:last-child {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .notificationMenu > li {
        background: #000066 none repeat scroll 0 0;
        border: medium none;
        display: block;
        font-size: 11px;
        margin-bottom: 2px;
        padding: 5px 0 0;
        position: relative;
        text-align: center;
        width: 105px;
        cursor: pointer;
        color: #ffffff;
    }

        .notificationMenu > li > span {
            font-size: 15px;
        }

    /*select.form-control {
    background: #4E5895;
    color: white;
}*/

    .notificationMenu > .list-group-item.active,
    .notificationMenu > .list-group-item.active:focus,
    .notificationMenu > .list-group-item.active:hover {
        background: #666699;
        color: #FFF;
    }

.customHideMenuRight {
    right: -318px;
}

.customHideMenvertical {
    font-size: 11px;
    height: 100%;
    padding: 10px;
    top: 67px;
    width: 317px;
    z-index: 10000;
}

.customHideMenu {
    background: #666699 none repeat scroll 0 0;
    color: #fff;
    position: fixed;
    transition: all 0.3s ease 0s;
}

.customHideMenuOpen {
    right: 0 !important;
}

.customHideMenu_pushBody {
    left: -331px !important;
}

.customHideMenuPush {
    left: 0;
    overflow-x: hidden;
    position: relative;
}

/* General styles for all menus */
.cbp-spmenu {
    background: #CCCCCC;
    position: fixed;
    color: black;
}

    .cbp-spmenu h3 {
        margin: 0;
        font-weight: 300;
    }

    .cbp-spmenu a {
        display: block;
        color: #fff;
        font-size: 1.1em;
        font-weight: 300;
    }

        .cbp-spmenu a:hover {
            background: #258ecd;
        }

        .cbp-spmenu a:active {
            background: #afdefa;
            color: #47a3da;
        }

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 225px;
    height: 100%;
    top: 53px;
    padding: 10px;
    z-index: 10;
    font-size: 11px;
}

    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #258ecd;
        padding: 1em;
    }

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -225px;
}

.cbp-spmenu-right {
    right: -225px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 225px;
}

.cbp-spmenu-push-toleft {
    left: -225px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em) {
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

.mapMarker {
    padding: 3px !important;
    min-width: 25px !important;
}

.mapMarkerIcon {
    padding: 3px;
    font-size: 10px;
}
/*
 * jQuery Bootstrap Responsive Tabs v2.0.1 | Valeriu Timbuc - vtimbuc.com
 * github.com/vtimbuc/bootstrap-responsive-tabs
 * @license WTFPL http://www.wtfpl.net/about/
 */
.responsive-tabs-container .tab-pane {
    margin-bottom: 15px;
}

.responsive-tabs-container .accordion-link {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #333;
}

@media (max-width: 767px) {
    .responsive-tabs-container.accordion-xs .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-xs .accordion-link {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .responsive-tabs-container.accordion-md .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-md .accordion-link {
        display: block;
    }
}

@media (min-width: 1200px) {
    .responsive-tabs-container.accordion-lg .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-lg .accordion-link {
        display: block;
    }
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */ .lSSlideWrapper, .lSSlideWrapper .lSFade {
    position: relative
}

    .lSSlideWrapper .lSSlide, .lSSlideWrapper.usingCss .lSFade > * {
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important
    }

.lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

    .lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper > .lightSlider:after {
        clear: both
    }

.lSSlideOuter {
    overflow: hidden;
    user-select: none
}

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

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden
}

    .lSSlideWrapper .lSSlide {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all 1s;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform,height;
        transition-property: transform,height
    }

    .lSSlideWrapper .lSFade > * {
        position: absolute !important;
        top: 0;
        left: 0;
        z-index: 9;
        margin-right: 0;
        width: 100%
    }

    .lSSlideWrapper.usingCss .lSFade > * {
        opacity: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }

    .lSSlideWrapper .lSFade > .active {
        z-index: 10
    }

    .lSSlideWrapper.usingCss .lSFade > .active {
        opacity: 1
    }

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

    .lSSlideOuter .lSPager.lSpg > li {
        cursor: pointer;
        display: inline-block;
        padding: 0 5px
    }

        .lSSlideOuter .lSPager.lSpg > li a {
            background-color: #222;
            border-radius: 30px;
            display: inline-block;
            height: 8px;
            overflow: hidden;
            text-indent: -999em;
            width: 8px;
            position: relative;
            z-index: 99;
            -webkit-transition: all .5s linear 0s;
            transition: all .5s linear 0s
        }

        .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
            background-color: #428bca
        }

.lSSlideOuter .media {
    opacity: .8
}

    .lSSlideOuter .media.active {
        opacity: 1
    }

.lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    user-select: none
}

    .lSSlideOuter .lSPager.lSGallery li {
        overflow: hidden;
        -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
        transition: border-radius .12s linear 0s .35s linear 0s
    }

        .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
            border-radius: 5px
        }

    .lSSlideOuter .lSPager.lSGallery img {
        display: block;
        height: auto;
        max-width: 100%
    }

    .lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {
        content: " ";
        display: table
    }

.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(../images/controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

    .lSAction > a:hover {
        opacity: 1
    }

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction > a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

    .lSSlideOuter.vertical.noPager {
        padding-right: 0 !important
    }

    .lSSlideOuter.vertical .lSGallery {
        position: absolute !important;
        right: 0;
        top: 0
    }

    .lSSlideOuter.vertical .lightSlider > * {
        width: 100% !important;
        max-width: none !important
    }

    .lSSlideOuter.vertical .lSAction > a {
        left: 50%;
        margin-left: -14px;
        margin-top: 0
    }

    .lSSlideOuter.vertical .lSAction > .lSNext {
        background-position: 31px -31px;
        bottom: 10px;
        top: auto
    }

    .lSSlideOuter.vertical .lSAction > .lSPrev {
        background-position: 0 -31px;
        bottom: auto;
        top: 10px
    }

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none
}

.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider > * {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider > * {
    float: right !important
}

@-webkit-keyframes rightEnd {
    0%,100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@keyframes rightEnd {
    0%,100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@-webkit-keyframes topEnd {
    0%,100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@keyframes topEnd {
    0%,100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@-webkit-keyframes leftEnd {
    0%,100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@keyframes leftEnd {
    0%,100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@-webkit-keyframes bottomEnd {
    0%,100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

@keyframes bottomEnd {
    0%,100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}
/** 
 * Kendo UI v2016.2.607 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/ .k-theme-test-class, .ktb-theme-id-default {
    opacity: 0
}

.ktb-var-accent {
    color: #f35800
}

.ktb-var-base {
    color: #e9e9e9
}

.ktb-var-background {
    color: #fff
}

.ktb-var-border-radius {
    border-radius: 4px
}

.ktb-var-normal-background {
    color: #fff
}

.ktb-var-normal-gradient {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%)
}

.ktb-var-normal-text-color {
    color: #2e2e2e
}

.ktb-var-hover-background {
    color: #bcb4b0
}

.ktb-var-hover-gradient {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)
}

.ktb-var-hover-text-color {
    color: #2e2e2e
}

.ktb-var-selected-background {
    color: #f35800
}

.ktb-var-selected-gradient {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%)
}

.ktb-var-selected-text-color {
    color: #fff
}

.ktb-var-error {
    color: #ffe0d9
}

.ktb-var-warning {
    color: #ffe79e
}

.ktb-var-success {
    color: #eaf7ec
}

.ktb-var-info {
    color: #e5f5fa
}

.ktb-var-series-a {
    color: #ff6800
}

.ktb-var-series-b {
    color: #a0a700
}

.ktb-var-series-c {
    color: #ff8d00
}

.ktb-var-series-d {
    color: #678900
}

.ktb-var-series-e {
    color: #ffb53c
}

.ktb-var-series-f {
    color: #396000
}

.k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #d5d5d5
}

.k-in, .k-item, .k-window-action {
    border-color: transparent
}

.k-block, .k-widget {
    background-color: #fff
}

.k-autocomplete, .k-block, .k-button-group .k-tool, .k-calendar th, .k-colorpicker .k-i-arrow-s, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox > input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget {
    border-color: #d5d5d5
}

    .k-calendar th, .k-dropzone-hovered, .k-footer-template td, .k-grid-footer, .k-group, .k-group-footer td, .k-grouping-header, .k-pager-wrap, .k-toolbar, .k-widget .k-status, .k-widget.k-popup {
        background-color: #f5f5f5
    }

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    background-color: #eae8e8
}

.k-list-container {
    border-color: #c5c5c5;
    background-color: #e9e9e9
}

.k-content, .k-editable-area, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    background-color: #fff
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #f1f1f1
}

.k-header.k-alt, .k-pivot-rowheaders .k-alt .k-alt {
    background-color: #dcdcdc
}

.k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-textbox {
    border-color: #d5d5d5;
    background-color: #e9e9e9
}

    .k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-textbox > input {
        border-color: #d5d5d5
    }

    .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
        background: 0 0
    }

        .k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
            background-color: #fff;
            color: #2e2e2e
        }

            .k-input[readonly] {
                background-color: #fff;
                color: #2e2e2e
            }

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #2e2e2e
}

.k-inverse {
    color: #fff
}

.k-block {
    color: #313131
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #2e2e2e
}

.k-panelbar > li > .k-link, .k-tabstrip-items .k-link {
    color: #2e2e2e
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #313131
}

.k-autocomplete, .k-button, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8
}

.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #eae8e8
}

.k-column-menu .k-state-active .k-sprite, .k-column-menu .k-state-hover .k-sprite, .k-icon:hover, .k-pager-numbers .k-current-page .k-link:hover:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after, .k-state-focused .k-icon, .k-state-hover .k-icon, .k-state-selected .k-icon {
    opacity: 1
}

.k-column-menu .k-sprite, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-state-disabled .k-icon {
    opacity: .9
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: .9
}

.k-tool {
    border-color: transparent
}

.k-column-menu .k-sprite, .k-drop-hint, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-grouping-dropclue, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-tool-icon {
    background-image: url(Default/sprite.png);
    border-color: transparent
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Default/sprite.png);
    border-color: transparent
}

.k-loading, .k-state-hover .k-loading {
    background-image: url(Default/loading.gif);
    background-position: 50% 50%
}

.k-loading-image {
    background-image: url(Default/loading-image.gif)
}

.k-loading-color {
    background-color: #fff
}

.k-button {
    color: #2e2e2e;
    border-color: #c5c5c5;
    background-color: #e9e9e9
}

.k-draghandle {
    border-color: #a0dba9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-draghandle:hover {
        border-color: #95d79f;
        background-color: #bbb4b1;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-scheduler {
    color: #2e2e2e;
    background-color: #fff
}

.k-scheduler-layout {
    color: #2e2e2e
}

.k-scheduler-datecolumn, .k-scheduler-groupcolumn {
    background-color: #fff;
    color: #2e2e2e
}

.k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-table td, .k-scheduler-times, .k-scheduler-times th, .k-scheduler-times tr {
    border-color: #c5c5c5
}

.k-nonwork-hour {
    background-color: #f1f1f1
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(233,233,233,.2)
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(233,233,233,.15)
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #f8f8f8
}

.k-scheduler-now-arrow {
    border-left-color: #ff6745
}

.k-scheduler-now-line {
    background-color: #ff6745
}

.k-event, .k-task-complete {
    border-color: #ffc09c;
    background: #ff8f50 0 -257px url(textures/highlight.png) repeat-x;
    color: #2e2e2e
}

.k-event-inverse {
    color: #fff
}

.k-event.k-state-selected {
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #2e2e2e;
    box-shadow: 0 0 0 2px #2e2e2e
}

.k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after {
    background-color: #787878
}

.k-scheduler-marquee:after, .k-scheduler-marquee:before {
    border-color: #f35800
}

.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    background-color: #fff;
    color: #2e2e2e;
    border-color: #c5c5c5
}

.k-panelbar > li > .k-link {
    color: #2e2e2e
}

.k-panelbar > .k-item > .k-link {
    border-color: #c5c5c5
}

.k-panel > li.k-item {
    background-color: #fff
}

.k-active-filter, .k-state-active, .k-state-active:hover, .k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #9f9f9f;
    color: #313131
}

.k-fieldselector .k-list-container {
    background-color: #fff
}

.k-button.k-state-focused, .k-button:focus {
    border-color: #c5c5c5
}

.k-button.k-state-hover, .k-button:hover {
    color: #2e2e2e;
    border-color: #b6b6b6;
    background-color: #bcb4b0
}

.k-button.k-state-active, .k-button:active {
    color: #fff;
    background-color: #f35800;
    border-color: #f85a00
}

    .k-button.k-state-active:hover, .k-button:active:hover {
        color: #fff;
        border-color: #8d8079;
        background-color: #ff5e03
    }

.k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
    color: #9f9f9f;
    border-color: #c5c5c5;
    background-color: #e9e9e9;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%)
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px #b6b6b6;
    box-shadow: inset 0 0 3px 1px #b6b6b6
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px #c54700;
    box-shadow: inset 0 0 3px 1px #c54700
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent
}

.k-menu .k-state-selected > .k-link {
    color: #fff;
    background-color: #f35800;
    border-color: #f85a00;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%)
}

.k-menu .k-link.k-state-active {
    background-color: #fff;
    border-color: #9f9f9f;
    color: #313131
}

.k-menu .k-state-hover > .k-link {
    color: #2e2e2e;
    background-color: #bcb4b0;
    border-color: #b6b6b6;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)
}

.k-state-highlight {
    background: #fff;
    color: #313131
}

.k-grouping-row .k-state-focused, .k-state-focused {
    border-color: #d5d5d5
}

.k-calendar .k-link {
    color: #2e2e2e
}

.k-calendar .k-footer {
    padding: 0
}

    .k-calendar .k-footer .k-nav-today {
        color: #2e2e2e;
        text-decoration: none;
        background-color: #fff
    }

        .k-calendar .k-footer .k-nav-today.k-state-hover, .k-calendar .k-footer .k-nav-today:hover {
            background-color: #fff;
            text-decoration: underline
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #fff
        }

.k-calendar .k-link.k-nav-fast {
    color: #2e2e2e
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #bcb4b0;
    color: #2e2e2e
}

.k-calendar .k-link.k-state-hover {
    border-radius: 4px
}

.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #f35800;
    box-shadow: inset 0 0 0 1px #f35800
}

    .k-calendar .k-today .k-link {
        color: #f35800;
        font-weight: 700
    }

.k-calendar td.k-today.k-state-focused, .k-calendar td.k-today.k-state-focused.k-state-hover {
    -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
    box-shadow: inset 0 0 3px 1px #aeaeae
}

.k-calendar td.k-today.k-state-hover, .k-calendar td.k-today.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-calendar td.k-today.k-state-hover .k-link {
        color: #2e2e2e
    }

.k-calendar .k-footer .k-link {
    border-radius: 0
}

.k-calendar th {
    background-color: #f5f5f5
}

.k-calendar td.k-state-selected.k-state-hover {
    background-color: #f35800;
    background-image: none
}

.k-calendar td.k-state-selected .k-link, .k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
    color: #fff
}

.k-calendar td.k-state-focused.k-state-selected, .k-calendar td.k-state-selected.k-state-active, .k-calendar td.k-state-selected.k-state-hover:active, .k-calendar td.k-state-selected:active {
    -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
    box-shadow: inset 0 0 3px 1px #aeaeae
}

.k-window-titlebar .k-link {
    border-radius: 4px
}

.k-calendar-container.k-group {
    border-color: #c5c5c5
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #f35800;
    border-color: #f85a00
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
    border-top-color: #b6b6b6
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #b9b3b3
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    background: #b6b6b6;
    color: #fff
}

.k-popup .k-list .k-item > .k-group {
    background: #b9b3b3;
    color: #fff;
    border-bottom-left-radius: 3px
}

.k-popup .k-treeview .k-item > .k-group {
    background: 0 0;
    color: #2e2e2e
}

.k-marquee-text {
    color: #fff
}

.k-button.k-state-focused, .k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
    -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
    box-shadow: inset 0 0 3px 1px #aeaeae
}

    .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
        -webkit-box-shadow: inset 0 0 3px 1px #c54700;
        box-shadow: inset 0 0 3px 1px #c54700
    }

.k-ie8 .k-button.k-state-focused, .k-ie8 .k-button:focus, .k-ie8 .k-grid-header th.k-state-focused, .k-ie8 .k-listview > .k-state-focused, .k-ie8 .k-menu li.k-state-focused, .k-ie8 .k-panelbar span.k-state-focused, .k-ie8 .k-tool.k-state-hover, .k-ie8 td.k-state-focused {
    background-color: #bcb4b0
}

.k-list-optionlabel.k-state-selected.k-state-focused, .k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected, .k-state-selected > .k-link {
    color: #fff
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    color: #2e2e2e;
    background-color: #bcb4b0;
    border-color: #b6b6b6
}

.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #2e2e2e;
    background-color: #bcb4b0;
    border-color: #b6b6b6
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #b6b6b6
}

.k-state-focused > .k-select, .k-state-hover > .k-select {
    border-color: #b6b6b6
}

.k-button.k-state-focused, .k-button.k-state-hover, .k-button:focus, .k-button:hover, .k-draghandle:hover, .k-other-month.k-state-hover .k-link, .k-pager-wrap .k-link:hover, .k-state-hover, .k-state-hover:hover, .k-textbox:hover, div.k-filebrowser-dropzone em {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)
}

.k-pager-wrap {
    background-color: #eae8e8;
    color: #313131
}

.k-autocomplete.k-state-active, .k-button:active, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-panelbar > .k-item > .k-state-focused, .k-picker-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link {
    background-image: none
}

.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover, .k-state-selected {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%)
}

.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover {
    background-position: 50% 50%
}

.k-tool-icon {
    background-image: url(Default/sprite.png)
}

.k-other-month.k-state-hover .k-link, .k-state-hover > .k-link, div.k-filebrowser-dropzone em {
    color: #2e2e2e
}

.k-autocomplete.k-state-focused, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
    background-color: #bdb4af;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    border-color: #b6b6b6
}

.k-dropdown .k-state-focused .k-input, .km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
    color: #2e2e2e
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background: #ececec;
    border-color: #c5c5c5
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        background: #fff;
        border-color: #c5c5c5
    }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
            -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
            box-shadow: 0 0 3px 0 rgba(0,0,0,.3)
        }

.k-dropdown .k-state-hover .k-input {
    color: #2e2e2e
}

.k-state-error {
    border-color: #ff6745;
    background-color: #f4f3f2;
    color: #ffb388
}

.k-state-disabled {
    opacity: .7
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70)
}

.k-loading-mask.k-state-selected, .k-tile-empty.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent
}

.k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
    color: #9f9f9f
}

.k-dropzone .k-upload-status {
    color: #2e2e2e
}

.k-progressbar-indeterminate {
    background: url(Default/indeterminate.gif)
}

    .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected {
        display: none
    }

.k-slider-track {
    background-color: #d5d5d5
}

.k-slider-selection {
    background-color: #f35800
}

.k-slider-horizontal .k-tick {
    background-image: url(Default/slider-h.gif)
}

.k-slider-vertical .k-tick {
    background-image: url(Default/slider-v.gif)
}

.k-widget.k-tooltip {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8;
    color: #313131;
    border-color: transparent;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3)
}

.k-widget.k-tooltip-validation {
    border-color: #ffe79e;
    background-color: #ffe79e;
    color: #6b5100
}

.input-append .k-tooltip-validation, .input-prepend .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px
}

.k-callout-n {
    border-bottom-color: #eae8e8
}

.k-callout-w {
    border-right-color: #eae8e8
}

.k-callout-s {
    border-top-color: #eae8e8
}

.k-callout-e {
    border-left-color: #eae8e8
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #ffe79e
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #ffe79e
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #ffe79e
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #ffe79e
}

.k-splitbar {
    background-color: #e9e9e9
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: #ffb388
}

.k-file {
    background-color: #fff;
    border-color: #c5c5c5
}

.k-file-progress {
    color: #2498bc
}

    .k-file-progress .k-progress {
        background-color: #e5f5fa
    }

.k-file-success {
    color: #3ea44e
}

    .k-file-success .k-progress {
        background-color: #eaf7ec
    }

.k-file-error {
    color: #d92800
}

    .k-file-error .k-progress {
        background-color: #ffe0d9
    }

.k-tile {
    border-color: #fff
}

.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #b6b6b6
}

.k-tiles li.k-state-selected {
    border-color: #f85a00
}

.k-filebrowser .k-tile .k-file, .k-filebrowser .k-tile .k-folder {
    background-image: url(Default/imagebrowser.png);
    -webkit-background-size: auto auto;
    background-size: auto auto
}

.k-leaf, .k-leaf.k-state-hover:hover {
    color: #fff
}

    .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover {
        color: #000
    }

.k-button, .k-widget {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-slider, .k-treeview, .k-upload {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3)
}

.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid tr:hover {
    background-color: #bdb4af;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%
}

.k-pivot-rowheaders .k-grid tr:hover {
    background: 0 0
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
    background-color: #f35800;
    background-image: none
}

.k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-datepicker-calendar, .k-dropdown-wrap.k-state-active, .k-filebrowser .k-image, .k-grid .k-filter-options, .k-menu .k-menu-group, .k-multiselect.k-state-focused, .k-picker-wrap.k-state-active, .k-popup, .k-time-popup, .k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
}

.k-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #d5d5d5;
    box-shadow: inset 0 0 0 3px #d5d5d5
}

.k-window {
    border-color: rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128,128,128,.3);
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.3);
    background-color: #fff
}

    .k-window.k-state-focused {
        border-color: rgba(0,0,0,.3);
        -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,.3);
        box-shadow: 1px 1px 7px 1px rgba(0,0,0,.3)
    }

    .k-window-maximized .k-window-content, .k-window-maximized .k-window-titlebar, .k-window.k-window-maximized {
        border-radius: 0
    }

.k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.3)
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.3)
}

.k-editor-inline ::-moz-selection {
    background-color: #f85a00;
    text-shadow: none;
    color: #fff
}

.k-editor-inline ::selection {
    background-color: #f85a00;
    text-shadow: none;
    color: #fff
}

.k-editor-inline ::-moz-selection {
    background-color: #f85a00;
    text-shadow: none;
    color: #fff
}

.k-widget.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #2498bc;
    border-color: #b6e3f1
}

.k-widget.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #6e6e6e;
    border-color: #c5e9cb
}

.k-widget.k-notification.k-notification-warning {
    background-color: #ffe79e;
    color: #666;
    border-color: #ffe38f
}

.k-widget.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #6e6e6e;
    border-color: #ffb6a6
}

.k-gantt .k-treelist {
    background: #f1f1f1
}

    .k-gantt .k-treelist .k-alt {
        background-color: #e4e4e4
    }

    .k-gantt .k-treelist tr:hover {
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
        background-color: #b9b3b3
    }

    .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td {
        background-color: #f35800;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%)
    }

        .k-gantt .k-treelist .k-state-selected:hover, .k-gantt .k-treelist .k-state-selected:hover td {
            background-color: #f35800;
            background-image: none
        }

.k-task-dot:after {
    background-color: #2e2e2e;
    border-color: #2e2e2e
}

.k-task-dot:hover:after {
    background-color: #fff
}

.k-task-summary {
    border-color: #6e6e6e;
    background: #6e6e6e
}

.k-task-milestone, .k-task-summary-complete {
    border-color: #2e2e2e;
    background: #2e2e2e
}

.k-state-selected.k-task-summary {
    border-color: #ffa673;
    background: #ffa673
}

.k-state-selected .k-task-summary-complete, .k-state-selected.k-task-milestone {
    border-color: #f35800;
    background: #f35800
}

.k-task-single {
    background-color: #ffd7c0;
    border-color: #ffc09c;
    color: #2e2e2e
}

.k-state-selected.k-task-single {
    border-color: #f85a00
}

.k-line {
    background-color: #2e2e2e;
    color: #2e2e2e
}

.k-state-selected.k-line {
    background-color: #f35800;
    color: #f35800
}

.k-resource {
    background-color: #fff
}

.k-i-kpi-decrease, .k-i-kpi-denied, .k-i-kpi-equal, .k-i-kpi-hold, .k-i-kpi-increase, .k-i-kpi-open {
    background-image: url(Default/sprite_kpi.png)
}

.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views > .k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button .k-gantt-views, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
    border-radius: 4px
}

.k-tool {
    text-align: center;
    vertical-align: middle
}

    .k-tool.k-group-start, .k-toolbar .k-button-group .k-group-start, .k-toolbar .k-split-button .k-button {
        border-radius: 4px 0 0 4px
    }

.k-rtl .k-tool.k-group-start, .k-rtl .k-toolbar .k-button-group .k-group-start, .k-rtl .k-toolbar .k-split-button .k-button {
    border-radius: 0 4px 4px 0
}

.k-toolbar .k-button-group > .k-group-end {
    border-radius: 4px
}

.k-tool.k-group-end, .k-toolbar .k-button-group .k-button + .k-group-end, .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 4px 4px 0
}

.k-rtl .k-tool.k-group-end, .k-rtl .k-toolbar .k-button-group .k-group-end, .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 4px 0 0 4px
}

.k-group-start.k-group-end.k-tool {
    border-radius: 4px
}

.k-autocomplete.k-state-border-up, .k-calendar-container.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-filter-menu, .k-list-container.k-state-border-up, .k-multiselect.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-window-content {
    border-radius: 0 0 4px 4px
}

    .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-numeric-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color {
        border-radius: 0 0 0 4px
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 4px 4px
    }

.k-autocomplete.k-state-border-down, .k-block > .k-header, .k-calendar-container.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-gantt-views.k-state-expanded, .k-gantt-views.k-state-expanded > .k-current-view, .k-list-container.k-state-border-down, .k-multiselect.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap.k-state-border-down, .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-window-titlebar {
    border-radius: 4px 4px 0 0
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 4px 0 0 0
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 4px
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 4px 0 0
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 4px 0
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 3px 0 0 3px
}

.k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-numeric-wrap .k-input, .k-rtl .k-picker-wrap .k-input {
    border-radius: 0 3px 3px 0
}

.k-numeric-wrap .k-link {
    border-radius: 0 3px 0 0
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 3px 0
    }

.k-colorpicker .k-selected-color {
    border-radius: 3px 0 0 3px
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 3px 3px 0
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 4px 4px 0 0
}

.k-dropdown-wrap.k-state-border-down .k-input, .k-numeric-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color {
    border-radius: 4px 0 0 0
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #f35800
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 3px 3px 0 0
}

.k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-radius: 0 4px 4px 0
}

.k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-list-container.k-state-border-right, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-picker-wrap .k-select {
    border-radius: 4px 0 0 4px
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 4px
}

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 3px
}

.k-dropzone, .k-fieldselector .k-list .k-item, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-hover, .k-list .k-state-selected, .k-list-optionlabel {
    border-radius: 3px
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    border-radius: 13px
}

.k-draghandle {
    border-radius: 7px
}

.k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 4px 0 0 4px
}

.k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 4px 4px 0
}

.k-edit-field > .k-scheduler-navigation, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
    border-radius: 4px
}

.k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 4px 0 0 4px
}

.k-scheduler div.k-scheduler-footer .k-link, .k-scheduler div.k-scheduler-footer ul li {
    border-radius: 4px
}

.k-event, .k-event .k-link, .k-more-events, .k-task-complete, .k-task-single {
    border-radius: 3px
}

.k-scheduler-mobile .k-event {
    border-radius: 2px
}

.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #2e2e2e
}

.k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .k-ie .km-pane-wrapper .k-widget, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item, html .km-pane-wrapper .km-widget {
    color: #2e2e2e
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
    div.km-pane-wrapper a {
        color: #2e2e2e
    }
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #fff;
    border-top: 1px solid #c5c5c5
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: #f35800;
        border-top-color: #f85a00
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        -webkit-box-shadow: inset 0 -1px 0 #c5c5c5;
        box-shadow: inset 0 -1px 0 #c5c5c5
    }

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    color: #797979
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #c5c5c5
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #c5c5c5;
    box-shadow: 0 1px 1px #c5c5c5
}

.km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset], .km-pane-wrapper .k-scheduler-delete {
    color: #fff;
    border-color: #ff6745;
    background-color: red;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15))
}

    .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active, .km-pane-wrapper .k-scheduler-delete:active {
        background-color: #900
    }

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #ececec;
    border-color: #c5c5c5
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover {
    background-color: #bdb4af;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    border-color: #b6b6b6
}

.k-multiselect.k-header, input.k-textbox, textarea.k-textbox {
    border-color: #c5c5c5
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #b6b6b6
    }

    .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
        background-color: #bdb4af;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-position: 50% 50%;
        border-color: #bdbdbd;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.3)
    }

.k-list-container {
    color: #2e2e2e
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #2e2e2e
}

.k-state-default > .k-select {
    border-color: #c5c5c5
}

.k-state-hover > .k-select {
    border-color: #b6b6b6
}

.k-state-focused > .k-select {
    border-color: #bdbdbd
}

.k-tabstrip:focus {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3)
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #2e2e2e
}

    .k-panelbar > li.k-state-default > .k-link.k-state-hover, .k-panelbar > li.k-state-hover > .k-link, .k-tabstrip-items .k-state-hover .k-link {
        color: #2e2e2e
    }

.k-panelbar > .k-state-focused.k-state-hover {
    background: #bcb4b0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-tabstrip-items .k-state-default {
    border-color: #c5c5c5
}

.k-tabstrip-items .k-state-hover {
    border-color: #b6b6b6
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active {
    background-color: #fff;
    background-image: none;
    border-color: #9f9f9f
}

.k-tabstrip .k-content.k-state-active {
    background-color: #fff;
    color: #2e2e2e
}

.k-menu .k-item, .k-menu.k-header {
    border-color: #c5c5c5
}

.k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group {
    border-color: #c5c5c5
}

.k-overflow-container .k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff
}

    .k-overflow-container .k-overflow-group + .k-overflow-group, .k-toolbar-first-visible.k-overflow-group {
        -webkit-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff
    }

.k-toolbar-last-visible.k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.k-column-menu .k-separator {
    border-color: #c5c5c5;
    background-color: transparent
}

.k-menu .k-group {
    border-color: #c5c5c5
}

.k-grid-filter.k-state-active {
    background-color: #fff
}

.k-grid-footer td, .k-group-footer td, .k-grouping-row td {
    color: #2e2e2e;
    border-color: #c5c5c5;
    font-weight: 700
}

.k-grouping-header {
    color: #2e2e2e
}

.k-grid td.k-state-focused {
    -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
    box-shadow: inset 0 0 3px 1px #aeaeae
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #c5c5c5
}

.k-overflow-container .k-primary, .k-primary {
    color: #fff;
    border-color: #e45200;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #ff6b18;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-primary.k-state-focused, .k-primary:focus {
        color: #fff;
        border-color: #e45200;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        -webkit-box-shadow: 0 0 3px 0 #f35800;
        box-shadow: 0 0 3px 0 #f35800
    }

    .k-primary:hover {
        color: #fff;
        border-color: #8d8079;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-color: #ff5e03;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 3px 0 #f35800;
        box-shadow: 0 0 3px 0 #f35800
    }

    .k-primary:active {
        color: #fff;
        border-color: #f85a00;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
        background-color: #f25801;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-primary.k-state-disabled, .k-primary.k-state-disabled:active, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary, .k-state-disabled .k-primary:active, .k-state-disabled .k-primary:hover {
        color: #e6e6e6;
        border-color: #e6e6e6;
        background-color: #ff6f1d;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-pager-numbers .k-link, .k-treeview .k-in {
    border-color: transparent
}

.k-grid .k-hierarchy-cell .k-icon, .k-scheduler-table .k-icon, .k-treeview .k-icon {
    background-color: transparent;
    border-radius: 4px
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent
}

.k-button:focus, .k-split-button:focus {
    outline: 0
}

.k-split-button:focus {
    -webkit-box-shadow: inset 0 0 4px 2px #b6b6b6;
    box-shadow: inset 0 0 4px 2px #b6b6b6
}

    .k-split-button:focus > .k-button {
        background: 0 0;
        border-color: #c5c5c5
    }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #c5c5c5;
    -webkit-box-shadow: inset 0 0 3px 1px #b6b6b6;
    box-shadow: inset 0 0 3px 1px #b6b6b6
}

.k-checkbox-label:before {
    border-color: #c5c5c5;
    background: #fff;
    border-radius: 3px
}

.k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #acacac;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #fff;
    border-color: #a0dba9;
    color: #f85a00
}

.k-checkbox-label:active:before {
    -webkit-box-shadow: 0 0 3px 0 #f35800;
    box-shadow: 0 0 3px 0 #f35800;
    border-color: #f85a00
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    -webkit-box-shadow: 0 0 3px 0 #f35800;
    box-shadow: 0 0 3px 0 #f35800;
    border-color: #f85a00
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #9f9f9f
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before, .k-checkbox:disabled + .k-checkbox-label:before {
        color: #9f9f9f;
        background: #edebea;
        border-color: #9cd9a6;
        border-radius: 3px
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #f85a00;
    -webkit-box-shadow: 0 0 3px 0 #f35800;
    box-shadow: 0 0 3px 0 #f35800
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #f85a00;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    border-color: #f85a00;
    border-radius: 2px
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #f85a00;
    background-color: #f85a00
}

.k-radio-label:before {
    border-color: #c5c5c5;
    border-radius: 50%;
    background-color: #fff;
    border-width: 1px
}

.k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before {
    border-color: #acacac;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-radio:checked + .k-radio-label:after {
    background-color: #ff5e03;
    border-radius: 50%
}

.k-radio-label:active:before {
    border-color: #f85a00;
    -webkit-box-shadow: 0 0 3px 0 #f35800;
    box-shadow: 0 0 3px 0 #f35800
}

.k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 3px 0 #f35800;
    box-shadow: 0 0 3px 0 #f35800;
    border-color: #f85a00
}

.k-radio:disabled + .k-radio-label {
    color: #9f9f9f
}

    .k-radio:disabled + .k-radio-label:active:before, .k-radio:disabled + .k-radio-label:before, .k-radio:disabled + .k-radio-label:hover:after, .k-radio:disabled + .k-radio-label:hover:before {
        background: #edebea;
        border-color: #bfbfbf;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-radio:focus + .k-radio-label:before {
    border-color: #f85a00;
    -webkit-box-shadow: 0 0 3px 0 #f35800;
    box-shadow: 0 0 3px 0 #f35800
}

@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-device-pixel-ratio:1.2) {
    .k-callout, .k-column-menu .k-sprite, .k-drop-hint, .k-grouping-dropclue, .k-icon:not(.k-loading), .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-tool-icon {
        background-image: url(Default/sprite_2x.png);
        -webkit-background-size: 340px 336px;
        background-size: 340px 336px
    }

    .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
        border-radius: 3px 0 0 3px
    }

    .k-i-kpi-decrease, .k-i-kpi-denied, .k-i-kpi-equal, .k-i-kpi-hold, .k-i-kpi-increase, .k-i-kpi-open {
        background-image: url(Default/sprite_kpi_2x.png);
        -webkit-background-size: 96px 16px;
        background-size: 96px 16px
    }
}

@media screen and (-ms-high-contrast:active) {
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus, .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
        border-color: #fff
    }
}

@media only screen and (max-width:1024px) {
    .k-ff .k-grid .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-webkit .k-pager-numbers {
        -ms-transform: translatey(-100%);
        transform: translatey(-100%);
        -webkit-transform: translatey(-100%)
    }

        .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
            -ms-transform: translatey(100%);
            transform: translatey(100%);
            -webkit-transform: translatey(100%)
        }

            .k-ff .k-pager-numbers .k-current-page .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-pager-numbers .k-current-page .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-pager-numbers .k-current-page .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
                background-image: url(textures/highlight.png);
                background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
                background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
                background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
                background-position: 50% 50%;
                background-color: #ececec;
                border-color: #d5d5d5
            }

            .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link {
                border-color: #c5c5c5
            }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        border-radius: 4px
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
        border-radius: 0
    }

        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
            border-radius: 3px 3px 0 0
        }

    .k-ff .k-scheduler-toolbar > ul li:first-child, .k-ff .k-scheduler-toolbar > ul li:first-child .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-ie11 .k-scheduler-toolbar > ul li:first-child, .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-safari .k-scheduler-toolbar > ul li:first-child, .k-safari .k-scheduler-toolbar > ul li:first-child .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-webkit .k-scheduler-toolbar > ul li:first-child, .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
        border-radius: 0
    }

        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
            border-radius: 0 0 3px 3px
        }

    .k-ff .k-pager-numbers .k-current-page .k-link:hover, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ie11 .k-pager-numbers .k-current-page .k-link:hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-safari .k-pager-numbers .k-current-page .k-link:hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-webkit .k-pager-numbers .k-current-page .k-link:hover, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
        border-color: #b6b6b6;
        background-image: url(textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-color: #bcb4b0
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        color: #2e2e2e;
        min-width: 75px
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
        color: #2e2e2e
    }

    .k-ff .k-pager-numbers .k-current-page .k-link:after, .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after, .k-ie11 .k-pager-numbers .k-current-page .k-link:after, .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after, .k-safari .k-pager-numbers .k-current-page .k-link:after, .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after, .k-webkit .k-pager-numbers .k-current-page .k-link:after, .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }

    .k-ff .k-pager-numbers.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #c5c5c5;
        background-color: #eae8e8;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        background-image: none;
        border-radius: 4px
    }

    .k-ff .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-webkit .k-pager-numbers .k-state-selected {
        border-radius: 3px
    }

    .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers, .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers, .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers, .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute
    }
}

.k-chart .k-mask {
    background-color: #fff;
    filter: alpha(opacity=68);
    opacity: .68
}

.k-chart .k-selection {
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 8px rgba(0,0,0,.1);
    -webkit-transition: -webkit-box-shadow .2s linear,border-color .2s linear;
    transition: box-shadow .2s linear,border-color .2s linear
}

    .k-chart .k-selection:hover {
        border-color: rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
        box-shadow: inset 0 3px 8px rgba(0,0,0,.2)
    }

.k-chart .k-handle {
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1)
}

    .k-chart .k-handle:hover {
        background-color: #fff;
        border-color: #b8b8b8;
        -webkit-box-shadow: 0 0 0 2px rgba(111,101,96,.5);
        box-shadow: 0 0 0 2px rgba(111,101,96,.5)
    }

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px rgba(0,0,0,.2);
    background: #fff;
    color: #242424
}

.k-chart .k-navigator-hint .k-scroll {
    background: rgba(243,88,0,.7);
    height: 4px
}

.k-map .k-marker {
    background-image: url(Default/markers.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-device-pixel-ratio:1.2) {
    .k-map .k-marker {
        background-image: url(Default/markers_2x.png)
    }
}

.k-map .k-attribution {
    color: #666
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    background-color: #fff
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header, .k-spreadsheet-top-corner {
    background-color: #e9e9e9;
    background-image: none;
    color: #000;
    border-color: #b6b6b6
}

.k-spreadsheet-top-corner {
    border-color: #b6b6b6
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #b6b6b6 #b6b6b6 transparent
    }

.k-spreadsheet-pane {
    border-color: #b6b6b6
}

    .k-spreadsheet-pane .k-spreadsheet-haxis, .k-spreadsheet-pane .k-spreadsheet-vaxis {
        border-color: #d0d0d0
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #b6b6b6
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #fff
    }

    .k-spreadsheet-pane .k-selection-full, .k-spreadsheet-pane .k-selection-partial {
        border-color: rgba(243,88,0,.2);
        background-color: rgba(243,88,0,.2)
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #f35800
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
        border-bottom-color: #f35800
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
        border-right-color: #f35800
    }

.k-auto-fill, .k-spreadsheet-selection {
    border-color: #f35800;
    -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #f35800;
    box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #f35800
}

.k-spreadsheet-selection {
    background-color: rgba(243,88,0,.2)
}

.k-spreadsheet-active-cell {
    border-color: #f35800 !important;
    background-color: #fff
}

    .k-spreadsheet-active-cell.k-single {
        background-color: #fff
    }

.k-spreadsheet > .k-spreadsheet-formula-bar {
    background-color: #fff;
    border-color: #e9e9e9 #e9e9e9 #b6b6b6
}

    .k-spreadsheet > .k-spreadsheet-formula-bar:before {
        border-color: #b6b6b6
    }

    .k-spreadsheet > .k-spreadsheet-formula-bar:after {
        border-color: #e9e9e9
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #fff;
    color: #2e2e2e
}

.k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker {
    background-color: #f35800
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #f35800
}

.k-spreadsheet .k-single-selection::after {
    background-color: #f35800;
    border-color: #fff
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255,255,255,.5)
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(243,88,0,.5)
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #d5d5d5
}

.k-spreadsheet-filter {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #d0d0d0;
    box-shadow: inset 0 0 0 1px #d0d0d0
}

    .k-spreadsheet-filter.k-state-active {
        color: #fff;
        background-color: #f35800
    }

    .k-spreadsheet-filter:hover {
        color: #2e2e2e;
        background: #bcb4b0;
        border-color: #a99f9a
    }

.k-action-window .k-action-buttons {
    border-color: #d5d5d5
}

.k-spreadsheet-sample {
    color: #7a7a7a
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit
}

.k-spreadsheet-window .k-list, .k-spreadsheet-window .k-list-wrapper {
    border-color: #d5d5d5;
    border-radius: 4px
}

.k-spreadsheet-window .export-config, .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #d5d5d5
}

.k-spreadsheet-window .k-edit-field > input[type=radio]:checked + .k-orientation-label {
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    background-color: #f35800;
    color: #fff
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #c5c5c5;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1)
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #fff;
        border-color: transparent;
        border-bottom-color: #c5c5c5;
        border-left-color: #c5c5c5
    }

.k-spreadsheet-window .k-margins-horizontal, .k-spreadsheet-window .k-margins-vertical {
    background: 0 0;
    border-color: #d5d5d5
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 4px
}

.k-spreadsheet-toolbar > .k-button, .k-spreadsheet-toolbar > .k-button-group, .k-spreadsheet-toolbar > .k-widget {
    border-radius: 4px
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #d5d5d5
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0
}

.k-spreadsheet-popup {
    border-radius: 4px
}

    .k-spreadsheet-popup .k-separator {
        background-color: #d5d5d5
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #bcb4b0
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #f35800;
        color: #000
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #c04600
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #d5d5d5
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #fff
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #fff;
    border-color: #d5d5d5;
    border-radius: 4px 0 0 4px
}

.k-syntax-ref {
    color: #f82
}

.k-syntax-num {
    color: #09f
}

.k-syntax-func {
    font-weight: 700
}

.k-syntax-str {
    color: #38b714
}

.k-syntax-error {
    color: red
}

.k-syntax-bool {
    color: #a9169c
}

.k-syntax-startexp {
    font-weight: 700
}

.k-syntax-paren-match {
    background-color: #caf200
}

.k-series-a {
    border-color: #ff6800;
    background-color: rgba(255,104,0,.15)
}

.k-series-b {
    border-color: #a0a700;
    background-color: rgba(160,167,0,.15)
}

.k-series-c {
    border-color: #ff8d00;
    background-color: rgba(255,141,0,.15)
}

.k-series-d {
    border-color: #678900;
    background-color: rgba(103,137,0,.15)
}

.k-series-e {
    border-color: #ffb53c;
    background-color: rgba(255,181,60,.15)
}

.k-series-f {
    border-color: #396000;
    background-color: rgba(57,96,0,.15)
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #c22
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #f35800;
    color: #fff
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .k-icon.k-font-icon {
        background-image: none
    }
}

.k-spreadsheet .k-widget[data-property=fontSize] {
    width: 60px
}

.k-spreadsheet .k-widget[data-property=format] {
    width: 100px
}

.k-spreadsheet .k-widget[data-property=fontFamily] {
    width: 130px
}

.k-spreadsheet-toolbar .k-combobox .k-input {
    color: #2e2e2e
}

.k-spreadsheet-toolbar .k-combobox .k-state-active .k-input, .k-spreadsheet-toolbar .k-combobox .k-state-focused .k-input, .k-spreadsheet-toolbar .k-combobox .k-state-hover .k-input {
    color: #2e2e2e
}
/*# sourceMappingURL=kendo.default.min.css.map */
/** 
 * Kendo UI v2016.2.714 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/ .fake {
    color: red
}

.k-common-test-class {
    opacity: 0
}

.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.k-floatwrap:after, .k-grid-toolbar:after, .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.k-floatwrap, .k-grid-toolbar, .k-slider-items {
    display: inline-block
}

.k-floatwrap, .k-grid-toolbar, .k-slider-items {
    display: block
}

.k-autocomplete, .k-autocomplete.k-state-hover, .k-block, .k-button, .k-draghandle, .k-dropdown-wrap, .k-dropdown-wrap.k-state-hover, .k-grid-header, .k-grouping-header, .k-header, .k-link.k-state-hover, .k-numeric-wrap, .k-numeric-wrap.k-state-hover, .k-pager-wrap, .k-picker-wrap, .k-picker-wrap.k-state-hover, .k-tabstrip-items .k-item, .k-textbox, .k-textbox:hover, .k-toolbar, .k-tooltip {
    background-repeat: repeat;
    background-position: 0 center
}

.k-link:hover {
    text-decoration: none
}

.k-state-highlight > .k-link {
    color: inherit
}

.k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-widget {
    line-height: normal;
    outline: 0
}

    .k-list-filter ::-ms-clear, .k-widget ::-ms-clear {
        width: 0;
        height: 0
    }

.k-block {
    padding: 2px
}

.k-button {
    display: inline-block;
    margin: 0;
    padding: 10px 14px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

    .k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
        cursor: default
    }

a.k-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

.k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em
}

button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a.k-button-expand {
    display: block
}

button.k-button-expand, input[type=submit].k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand {
    width: 100%
}

body .k-button-icon, body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em
}

.k-button-icontext {
    overflow: visible
}

.k-toolbar .k-button-icontext {
    padding-right: .8em
}

.k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -.3rem
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
    vertical-align: text-top
}

html body .k-button-bare {
    background: 0 0 !important;
    color: inherit;
    border-width: 0
}

    html body .k-button-bare.k-upload-button:hover {
        color: inherit
    }

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.k-grid-header span.k-link {
    cursor: default
}

.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0
}

@media print {
    .k-state-disabled, .k-state-disabled .k-input {
        opacity: 1 !important
    }
}

.k-state-error {
    border-style: ridge
}

.k-state-empty {
    font-style: italic
}

.k-button-group .k-tool-icon, .k-icon, .k-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none
}

    .k-icon.k-i-none {
        background-image: none !important
    }

.k-ie8 .k-button-group .k-tool-icon, .k-ie8 .k-icon, .k-ie8 .k-sprite {
    vertical-align: middle
}

:root * > .k-button-group .k-tool-icon, :root * > .k-icon, :root * > .k-sprite {
    vertical-align: middle
}

.k-icon, .k-sprite {
    background-color: transparent
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px
}

.k-state-selected .k-i-arrow-n {
    background-position: -16px 0
}

.k-button:active .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, .k-state-hover > * > .k-state-selected .k-i-arrow-n, .k-state-hover > .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n {
    background-position: -16px 0
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px
}

.k-state-selected .k-i-arrow-s {
    background-position: -16px -32px
}

.k-button:active .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, .k-state-hover > * > .k-state-selected .k-i-arrow-s, .k-state-hover > .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px
}

.k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px
}

.k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px
}

.k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px
}

.k-group-indicator .k-button:hover span.k-group-delete {
    background-position: -32px -16px
}

.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px
}

.k-i-arrow-n {
    background-position: 0 0
}

.k-button:active .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-state-hover > * > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n {
    background-position: 0 0
}

.k-i-arrow-e {
    background-position: 0 -16px
}

.k-button:active .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e {
    background-position: 0 -16px
}

.k-rtl .k-i-arrow-w {
    background-position: 0 -16px
}

.k-rtl .k-button:active .k-i-arrow-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-state-hover > * > .k-i-arrow-w, .k-rtl .k-state-hover > .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w {
    background-position: -16px -16px;
    background-position: 0 -16px
}

.k-i-arrow-s {
    background-position: 0 -32px
}

.k-button:active .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s {
    background-position: 0 -32px
}

.k-i-arrow-w {
    background-position: 0 -48px
}

.k-button:active .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w {
    background-position: 0 -48px
}

.k-rtl .k-i-arrow-e {
    background-position: 0 -48px
}

.k-rtl .k-button:active .k-i-arrow-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-state-hover > * > .k-i-arrow-e, .k-rtl .k-state-hover > .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e {
    background-position: -16px -48px;
    background-position: 0 -48px
}

.k-i-seek-n {
    background-position: 0 -64px
}

.k-button:active .k-i-seek-n, .k-button:not(.k-state-disabled):hover .k-i-seek-n, .k-link:not(.k-state-disabled):hover > .k-i-seek-n, .k-state-hover > * > .k-i-seek-n, .k-state-hover > .k-i-seek-n, .k-textbox:hover .k-i-seek-n {
    background-position: 0 -64px
}

.k-i-seek-e {
    background-position: 0 -80px
}

.k-button:active .k-i-seek-e, .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-textbox:hover .k-i-seek-e {
    background-position: 0 -80px
}

.k-rtl .k-i-seek-w {
    background-position: 0 -80px
}

.k-rtl .k-button:active .k-i-seek-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-rtl .k-state-hover > * > .k-i-seek-w, .k-rtl .k-state-hover > .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w {
    background-position: -16px -80px;
    background-position: 0 -80px
}

.k-i-seek-s {
    background-position: 0 -96px
}

.k-button:active .k-i-seek-s, .k-button:not(.k-state-disabled):hover .k-i-seek-s, .k-link:not(.k-state-disabled):hover > .k-i-seek-s, .k-state-hover > * > .k-i-seek-s, .k-state-hover > .k-i-seek-s, .k-textbox:hover .k-i-seek-s {
    background-position: 0 -96px
}

.k-i-seek-w {
    background-position: 0 -112px
}

.k-button:active .k-i-seek-w, .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-textbox:hover .k-i-seek-w {
    background-position: 0 -112px
}

.k-rtl .k-i-seek-e {
    background-position: 0 -112px
}

.k-rtl .k-button:active .k-i-seek-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-rtl .k-state-hover > * > .k-i-seek-e, .k-rtl .k-state-hover > .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e {
    background-position: -16px -112px;
    background-position: 0 -112px
}

.k-si-arrow-n {
    background-position: 0 -129px
}

.k-button:active .k-si-arrow-n, .k-button:not(.k-state-disabled):hover .k-si-arrow-n, .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n {
    background-position: -16px -129px
}

.k-si-arrow-e {
    background-position: 0 -144px
}

.k-button:active .k-si-arrow-e, .k-button:not(.k-state-disabled):hover .k-si-arrow-e, .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e {
    background-position: 0 -144px
}

.k-si-arrow-s {
    background-position: 0 -159px
}

.k-button:active .k-si-arrow-s, .k-button:not(.k-state-disabled):hover .k-si-arrow-s, .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s {
    background-position: -16px -159px
}

.k-si-arrow-w {
    background-position: 0 -176px
}

.k-button:active .k-si-arrow-w, .k-button:not(.k-state-disabled):hover .k-si-arrow-w, .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w {
    background-position: 0 -176px
}

.k-i-arrowhead-n {
    background-position: 0 -256px
}

.k-button:active .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, .k-state-hover > * > .k-i-arrowhead-n, .k-state-hover > .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n {
    background-position: 0 -256px
}

.k-i-arrowhead-e {
    background-position: 0 -272px
}

.k-button:active .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, .k-state-hover > * > .k-i-arrowhead-e, .k-state-hover > .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e {
    background-position: 0 -272px
}

.k-i-arrowhead-s {
    background-position: 0 -288px
}

.k-button:active .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, .k-state-hover > * > .k-i-arrowhead-s, .k-state-hover > .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s {
    background-position: 0 -288px
}

.k-i-arrowhead-w {
    background-position: 0 -304px
}

.k-button:active .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, .k-state-hover > * > .k-i-arrowhead-w, .k-state-hover > .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w {
    background-position: 0 -304px
}

.k-i-expand, .k-plus, .k-plus-disabled {
    background-position: 0 -192px
}

.k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand, .k-button:not(.k-state-disabled):hover .k-plus, .k-button:not(.k-state-disabled):hover .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-plus, .k-link:not(.k-state-disabled):hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled {
    background-position: 0 -192px
}

.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
    background-position: 0 -208px
}

.k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, .k-state-hover > * > .k-i-expand-w, .k-state-hover > * > .k-rtl .k-i-expand, .k-state-hover > * > .k-rtl .k-plus, .k-state-hover > * > .k-rtl .k-plus-disabled, .k-state-hover > .k-i-expand-w, .k-state-hover > .k-rtl .k-i-expand, .k-state-hover > .k-rtl .k-plus, .k-state-hover > .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled {
    background-position: 0 -208px
}

.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: 0 -224px
}

.k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-minus, .k-button:not(.k-state-disabled):hover .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-minus, .k-link:not(.k-state-disabled):hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled {
    background-position: 0 -224px
}

.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
    background-position: 0 -240px
}

.k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, .k-state-hover > * > .k-i-collapse-w, .k-state-hover > * > .k-rtl .k-i-collapse, .k-state-hover > * > .k-rtl .k-minus, .k-state-hover > * > .k-rtl .k-minus-disabled, .k-state-hover > .k-i-collapse-w, .k-state-hover > .k-rtl .k-i-collapse, .k-state-hover > .k-rtl .k-minus, .k-state-hover > .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled {
    background-position: 0 -240px
}

.k-edit, .k-i-pencil {
    background-position: -32px 0
}

.k-button:active .k-edit, .k-button:active .k-i-pencil, .k-button:not(.k-state-disabled):hover .k-edit, .k-button:not(.k-state-disabled):hover .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-state-hover > * > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > .k-i-pencil, .k-textbox:hover .k-edit, .k-textbox:hover .k-i-pencil {
    background-position: -32px 0
}

.k-delete, .k-group-delete, .k-i-close {
    background-position: -32px -16px
}

.k-button:active .k-delete, .k-button:active .k-group-delete, .k-button:active .k-i-close, .k-button:not(.k-state-disabled):hover .k-delete, .k-button:not(.k-state-disabled):hover .k-group-delete, .k-button:not(.k-state-disabled):hover .k-i-close, .k-link:not(.k-state-disabled):hover > .k-delete, .k-link:not(.k-state-disabled):hover > .k-group-delete, .k-link:not(.k-state-disabled):hover > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-textbox:hover .k-i-close {
    background-position: -32px -16px
}

.k-si-close {
    background-position: -160px -80px
}

.k-button:active .k-si-close, .k-button:not(.k-state-disabled):hover .k-si-close, .k-link:not(.k-state-disabled):hover > .k-si-close, .k-state-hover > * > .k-si-close, .k-state-hover > .k-si-close, .k-textbox:hover .k-si-close {
    background-position: -160px -80px
}

.k-multiselect .k-delete {
    background-position: -160px -80px
}

.k-multiselect .k-state-hover .k-delete {
    background-position: -176px -80px
}

.k-i-tick, .k-insert, .k-update {
    background-position: -32px -32px
}

.k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update, .k-button:not(.k-state-disabled):hover .k-i-tick, .k-button:not(.k-state-disabled):hover .k-insert, .k-button:not(.k-state-disabled):hover .k-update, .k-link:not(.k-state-disabled):hover > .k-i-tick, .k-link:not(.k-state-disabled):hover > .k-insert, .k-link:not(.k-state-disabled):hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update {
    background-position: -32px -32px
}

.k-check:checked, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px
}

.k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .k-mobile-list .k-edit-field [type=radio], .k-button:not(.k-state-disabled):hover .k-check:checked, .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], .k-link:not(.k-state-disabled):hover > .k-check:checked, .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .k-check:checked, .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .k-check:checked, .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px
}

.k-cancel, .k-denied, .k-i-cancel {
    background-position: -32px -48px
}

.k-button:active .k-cancel, .k-button:active .k-denied, .k-button:active .k-i-cancel, .k-button:not(.k-state-disabled):hover .k-cancel, .k-button:not(.k-state-disabled):hover .k-denied, .k-button:not(.k-state-disabled):hover .k-i-cancel, .k-link:not(.k-state-disabled):hover > .k-cancel, .k-link:not(.k-state-disabled):hover > .k-denied, .k-link:not(.k-state-disabled):hover > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-textbox:hover .k-i-cancel {
    background-position: -32px -48px
}

.k-add, .k-i-plus {
    background-position: -32px -64px
}

.k-button:active .k-add, .k-button:active .k-i-plus, .k-button:not(.k-state-disabled):hover .k-add, .k-button:not(.k-state-disabled):hover .k-i-plus, .k-link:not(.k-state-disabled):hover > .k-add, .k-link:not(.k-state-disabled):hover > .k-i-plus, .k-state-hover > * > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > .k-i-plus, .k-textbox:hover .k-add, .k-textbox:hover .k-i-plus {
    background-position: -32px -64px
}

.k-filter, .k-i-funnel {
    background-position: -32px -80px
}

.k-button:active .k-filter, .k-button:active .k-i-funnel, .k-button:not(.k-state-disabled):hover .k-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel, .k-link:not(.k-state-disabled):hover > .k-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel, .k-state-hover > * > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > .k-i-funnel, .k-textbox:hover .k-filter, .k-textbox:hover .k-i-funnel {
    background-position: -32px -80px
}

.k-clear-filter, .k-i-funnel-clear {
    background-position: -32px -96px
}

.k-button:active .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .k-clear-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .k-clear-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear {
    background-position: -32px -96px
}

.k-i-lock {
    background-position: -64px 0
}

.k-button:active .k-i-lock, .k-button:not(.k-state-disabled):hover .k-i-lock, .k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-state-hover > .k-i-lock, .k-textbox:hover .k-i-lock {
    background-position: -64px 0
}

.k-i-unlock {
    background-position: -64px -16px
}

.k-button:active .k-i-unlock, .k-button:not(.k-state-disabled):hover .k-i-unlock, .k-link:not(.k-state-disabled):hover > .k-i-unlock, .k-state-hover > * > .k-i-unlock, .k-state-hover > .k-i-unlock, .k-textbox:hover .k-i-unlock {
    background-position: -64px -16px
}

.k-i-refresh {
    background-position: -32px -112px
}

.k-button:active .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-textbox:hover .k-i-refresh {
    background-position: -32px -112px
}

.k-i-exception {
    background-position: -160px -304px
}

.k-button:active .k-i-exception, .k-button:not(.k-state-disabled):hover .k-i-exception, .k-link:not(.k-state-disabled):hover > .k-i-exception, .k-state-hover > * > .k-i-exception, .k-state-hover > .k-i-exception, .k-textbox:hover .k-i-exception {
    background-position: -160px -304px
}

.k-i-restore {
    background-position: -32px -128px
}

.k-button:active .k-i-restore, .k-button:not(.k-state-disabled):hover .k-i-restore, .k-link:not(.k-state-disabled):hover > .k-i-restore, .k-state-hover > * > .k-i-restore, .k-state-hover > .k-i-restore, .k-textbox:hover .k-i-restore {
    background-position: -32px -128px
}

.k-i-maximize {
    background-position: -32px -144px
}

.k-button:active .k-i-maximize, .k-button:not(.k-state-disabled):hover .k-i-maximize, .k-link:not(.k-state-disabled):hover > .k-i-maximize, .k-state-hover > * > .k-i-maximize, .k-state-hover > .k-i-maximize, .k-textbox:hover .k-i-maximize {
    background-position: -32px -144px
}

.k-i-minimize {
    background-position: -64px -288px
}

.k-button:active .k-i-minimize, .k-button:not(.k-state-disabled):hover .k-i-minimize, .k-link:not(.k-state-disabled):hover > .k-i-minimize, .k-state-hover > * > .k-i-minimize, .k-state-hover > .k-i-minimize, .k-textbox:hover .k-i-minimize {
    background-position: -64px -288px
}

.k-i-pin {
    background-position: -160px -256px
}

.k-button:active .k-i-pin, .k-button:not(.k-state-disabled):hover .k-i-pin, .k-link:not(.k-state-disabled):hover > .k-i-pin, .k-state-hover > * > .k-i-pin, .k-state-hover > .k-i-pin, .k-textbox:hover .k-i-pin {
    background-position: -160px -256px
}

.k-i-unpin {
    background-position: -160px -272px
}

.k-button:active .k-i-unpin, .k-button:not(.k-state-disabled):hover .k-i-unpin, .k-link:not(.k-state-disabled):hover > .k-i-unpin, .k-state-hover > * > .k-i-unpin, .k-state-hover > .k-i-unpin, .k-textbox:hover .k-i-unpin {
    background-position: -160px -272px
}

.k-resize-se {
    background-position: -32px -160px
}

.k-button:active .k-resize-se, .k-button:not(.k-state-disabled):hover .k-resize-se, .k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-state-hover > .k-resize-se, .k-textbox:hover .k-resize-se {
    background-position: -32px -160px
}

.k-i-calendar {
    background-position: -32px -176px
}

.k-button:active .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-textbox:hover .k-i-calendar {
    background-position: -32px -176px
}

.k-i-clock {
    background-position: -32px -192px
}

.k-button:active .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-state-hover > .k-i-clock, .k-textbox:hover .k-i-clock {
    background-position: -32px -192px
}

.k-si-plus {
    background-position: -32px -208px
}

.k-button:active .k-si-plus, .k-button:not(.k-state-disabled):hover .k-si-plus, .k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-state-hover > .k-si-plus, .k-textbox:hover .k-si-plus {
    background-position: -32px -208px
}

.k-si-minus {
    background-position: -32px -224px
}

.k-button:active .k-si-minus, .k-button:not(.k-state-disabled):hover .k-si-minus, .k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-state-hover > .k-si-minus, .k-textbox:hover .k-si-minus {
    background-position: -32px -224px
}

.k-i-search {
    background-position: -32px -240px
}

.k-button:active .k-i-search, .k-button:not(.k-state-disabled):hover .k-i-search, .k-link:not(.k-state-disabled):hover > .k-i-search, .k-state-hover > * > .k-i-search, .k-state-hover > .k-i-search, .k-textbox:hover .k-i-search {
    background-position: -32px -240px
}

.k-i-custom {
    background-position: -115px -113px
}

.k-button:active .k-i-custom, .k-button:not(.k-state-disabled):hover .k-i-custom, .k-link:not(.k-state-disabled):hover > .k-i-custom, .k-state-hover > * > .k-i-custom, .k-state-hover > .k-i-custom, .k-textbox:hover .k-i-custom {
    background-position: -141px -113px
}

.k-editor .k-i-custom {
    background-position: -111px -109px
}

.k-viewHtml {
    background-position: -288px -120px
}

.k-i-insert-n, .k-insert-top {
    background-position: -160px -32px
}

.k-button:active .k-i-insert-n, .k-button:active .k-insert-top, .k-button:not(.k-state-disabled):hover .k-i-insert-n, .k-button:not(.k-state-disabled):hover .k-insert-top, .k-link:not(.k-state-disabled):hover > .k-i-insert-n, .k-link:not(.k-state-disabled):hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top {
    background-position: -160px -32px
}

.k-i-insert-m, .k-insert-middle {
    background-position: -160px -48px
}

.k-button:active .k-i-insert-m, .k-button:active .k-insert-middle, .k-button:not(.k-state-disabled):hover .k-i-insert-m, .k-button:not(.k-state-disabled):hover .k-insert-middle, .k-link:not(.k-state-disabled):hover > .k-i-insert-m, .k-link:not(.k-state-disabled):hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle {
    background-position: -160px -48px
}

.k-i-insert-s, .k-insert-bottom {
    background-position: -160px -64px
}

.k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom, .k-button:not(.k-state-disabled):hover .k-i-insert-s, .k-button:not(.k-state-disabled):hover .k-insert-bottom, .k-link:not(.k-state-disabled):hover > .k-i-insert-s, .k-link:not(.k-state-disabled):hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom {
    background-position: -160px -64px
}

.k-drop-hint {
    background-position: 0 -326px
}

.k-i-note, .k-warning {
    background-position: -160px -240px
}

.k-button:active .k-i-note, .k-button:active .k-warning, .k-button:not(.k-state-disabled):hover .k-i-note, .k-button:not(.k-state-disabled):hover .k-warning, .k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning {
    background-position: -160px -240px
}

.k-i-sort-asc {
    background-position: -112px -240px
}

.k-button:active .k-i-sort-asc, .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, .k-state-hover > * > .k-i-sort-asc, .k-state-hover > .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc {
    background-position: -112px -240px
}

.k-i-sort-desc {
    background-position: -112px -256px
}

.k-button:active .k-i-sort-desc, .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, .k-state-hover > * > .k-i-sort-desc, .k-state-hover > .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc {
    background-position: -112px -256px
}

.k-i-group {
    background-position: -112px -272px
}

.k-button:active .k-i-group, .k-button:not(.k-state-disabled):hover .k-i-group, .k-link:not(.k-state-disabled):hover > .k-i-group, .k-state-hover > * > .k-i-group, .k-state-hover > .k-i-group, .k-textbox:hover .k-i-group {
    background-position: -112px -272px
}

.k-i-ungroup {
    background-position: -112px -288px
}

.k-button:active .k-i-ungroup, .k-button:not(.k-state-disabled):hover .k-i-ungroup, .k-link:not(.k-state-disabled):hover > .k-i-ungroup, .k-state-hover > * > .k-i-ungroup, .k-state-hover > .k-i-ungroup, .k-textbox:hover .k-i-ungroup {
    background-position: -112px -288px
}

.k-i-columns {
    background-position: -112px -304px
}

.k-button:active .k-i-columns, .k-button:not(.k-state-disabled):hover .k-i-columns, .k-link:not(.k-state-disabled):hover > .k-i-columns, .k-state-hover > * > .k-i-columns, .k-state-hover > .k-i-columns, .k-textbox:hover .k-i-columns {
    background-position: -112px -304px
}

.k-i-hbars {
    background-position: -64px -32px
}

.k-button:active .k-i-hbars, .k-button:not(.k-state-disabled):hover .k-i-hbars, .k-link:not(.k-state-disabled):hover > .k-i-hbars, .k-state-hover > * > .k-i-hbars, .k-state-hover > .k-i-hbars, .k-textbox:hover .k-i-hbars {
    background-position: -64px -32px
}

.k-i-vbars {
    background-position: -64px -48px
}

.k-button:active .k-i-vbars, .k-button:not(.k-state-disabled):hover .k-i-vbars, .k-link:not(.k-state-disabled):hover > .k-i-vbars, .k-state-hover > * > .k-i-vbars, .k-state-hover > .k-i-vbars, .k-textbox:hover .k-i-vbars {
    background-position: -64px -48px
}

.k-i-sum {
    background-position: -64px -64px
}

.k-button:active .k-i-sum, .k-button:not(.k-state-disabled):hover .k-i-sum, .k-link:not(.k-state-disabled):hover > .k-i-sum, .k-state-hover > * > .k-i-sum, .k-state-hover > .k-i-sum, .k-textbox:hover .k-i-sum {
    background-position: -64px -64px
}

.k-i-pdf {
    background-position: -64px -80px
}

.k-button:active .k-i-pdf, .k-button:not(.k-state-disabled):hover .k-i-pdf, .k-link:not(.k-state-disabled):hover > .k-i-pdf, .k-state-hover > * > .k-i-pdf, .k-state-hover > .k-i-pdf, .k-textbox:hover .k-i-pdf {
    background-position: -64px -80px
}

.k-i-excel {
    background-position: -64px -96px
}

.k-button:active .k-i-excel, .k-button:not(.k-state-disabled):hover .k-i-excel, .k-link:not(.k-state-disabled):hover > .k-i-excel, .k-state-hover > * > .k-i-excel, .k-state-hover > .k-i-excel, .k-textbox:hover .k-i-excel {
    background-position: -64px -96px
}

.k-i-rotatecw {
    background-position: -64px -112px
}

.k-button:active .k-i-rotatecw, .k-button:not(.k-state-disabled):hover .k-i-rotatecw, .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, .k-state-hover > * > .k-i-rotatecw, .k-state-hover > .k-i-rotatecw, .k-textbox:hover .k-i-rotatecw {
    background-position: -64px -112px
}

.k-i-rotateccw {
    background-position: -64px -128px
}

.k-button:active .k-i-rotateccw, .k-button:not(.k-state-disabled):hover .k-i-rotateccw, .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, .k-state-hover > * > .k-i-rotateccw, .k-state-hover > .k-i-rotateccw, .k-textbox:hover .k-i-rotateccw {
    background-position: -64px -128px
}

.k-i-undo {
    background-position: -64px -160px
}

.k-button:active .k-i-undo, .k-button:not(.k-state-disabled):hover .k-i-undo, .k-link:not(.k-state-disabled):hover > .k-i-undo, .k-state-hover > * > .k-i-undo, .k-state-hover > .k-i-undo, .k-textbox:hover .k-i-undo {
    background-position: -64px -160px
}

.k-i-redo {
    background-position: -64px -144px
}

.k-button:active .k-i-redo, .k-button:not(.k-state-disabled):hover .k-i-redo, .k-link:not(.k-state-disabled):hover > .k-i-redo, .k-state-hover > * > .k-i-redo, .k-state-hover > .k-i-redo, .k-textbox:hover .k-i-redo {
    background-position: -64px -144px
}

.k-i-shape {
    background-position: -64px -176px
}

.k-button:active .k-i-shape, .k-button:not(.k-state-disabled):hover .k-i-shape, .k-link:not(.k-state-disabled):hover > .k-i-shape, .k-state-hover > * > .k-i-shape, .k-state-hover > .k-i-shape, .k-textbox:hover .k-i-shape {
    background-position: -64px -176px
}

.k-i-connector {
    background-position: -64px -192px
}

.k-button:active .k-i-connector, .k-button:not(.k-state-disabled):hover .k-i-connector, .k-link:not(.k-state-disabled):hover > .k-i-connector, .k-state-hover > * > .k-i-connector, .k-state-hover > .k-i-connector, .k-textbox:hover .k-i-connector {
    background-position: -64px -192px
}

.k-i-kpi {
    background-position: -64px -208px
}

.k-button:active .k-i-kpi, .k-button:not(.k-state-disabled):hover .k-i-kpi, .k-link:not(.k-state-disabled):hover > .k-i-kpi, .k-state-hover > * > .k-i-kpi, .k-state-hover > .k-i-kpi, .k-textbox:hover .k-i-kpi {
    background-position: -64px -208px
}

.k-i-dimension {
    background-position: -64px -224px
}

.k-button:active .k-i-dimension, .k-button:not(.k-state-disabled):hover .k-i-dimension, .k-link:not(.k-state-disabled):hover > .k-i-dimension, .k-state-hover > * > .k-i-dimension, .k-state-hover > .k-i-dimension, .k-textbox:hover .k-i-dimension {
    background-position: -64px -224px
}

.k-file {
    background-position: 0 0
}

.k-button:active .k-file, .k-button:not(.k-state-disabled):hover .k-file, .k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > * > .k-file, .k-state-hover > .k-file, .k-textbox:hover .k-file {
    background-position: 0 0
}

.k-addfolder, .k-i-folder-add {
    background-position: -32px -272px
}

.k-button:active .k-addfolder, .k-button:active .k-i-folder-add, .k-button:not(.k-state-disabled):hover .k-addfolder, .k-button:not(.k-state-disabled):hover .k-i-folder-add, .k-link:not(.k-state-disabled):hover > .k-addfolder, .k-link:not(.k-state-disabled):hover > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-textbox:hover .k-i-folder-add {
    background-position: -32px -272px
}

.k-goup, .k-i-folder-up {
    background-position: -32px -288px
}

.k-button:active .k-goup, .k-button:active .k-i-folder-up, .k-button:not(.k-state-disabled):hover .k-goup, .k-button:not(.k-state-disabled):hover .k-i-folder-up, .k-link:not(.k-state-disabled):hover > .k-goup, .k-link:not(.k-state-disabled):hover > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > .k-i-folder-up, .k-textbox:hover .k-goup, .k-textbox:hover .k-i-folder-up {
    background-position: -32px -288px
}

.k-i-more {
    background-position: -64px -32px
}

.k-button:active .k-i-more, .k-button:not(.k-state-disabled):hover .k-i-more, .k-link:not(.k-state-disabled):hover > .k-i-more, .k-state-hover > * > .k-i-more, .k-state-hover > .k-i-more, .k-textbox:hover .k-i-more {
    background-position: -64px -32px
}

.k-i-gantt-toggle {
    background-position: -64px -240px
}

.k-button:active .k-i-gantt-toggle, .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, .k-state-hover > * > .k-i-gantt-toggle, .k-state-hover > .k-i-gantt-toggle, .k-textbox:hover .k-i-gantt-toggle {
    background-position: -64px -240px
}

.k-file > .k-icon {
    background-position: -115px -91px
}

.k-image {
    border: 0
}

.k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0
}

.k-breadcrumbs:hover .k-i-arrow-e {
    background-position: 0 -16px
}

.k-gantt-views > .k-current-view > .k-link:after, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px
}

.k-button:active .k-gantt-views > .k-current-view > .k-link:after, .k-button:active .k-pager-numbers .k-current-page .k-link:after, .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px
}

html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0
}

html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff
}

html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0
}

.k-inline-block {
    padding: 0 2px
}

.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-loading-image, .k-loading-mask, .k-loading-text {
    position: absolute
}

.k-loading-mask {
    z-index: 100
}

    .k-loading-mask .k-loading-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.k-loading-text {
    text-indent: -4000px;
    text-align: center
}

.k-loading-color, .k-loading-image {
    width: 100%;
    height: 100%
}

.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2
}

.k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}

.k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute
}

.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default
}

.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}

.k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}

    .k-reorder-cue .k-icon {
        position: absolute;
        left: -4px;
        width: 8px;
        height: 4px
    }

    .k-reorder-cue .k-i-arrow-s {
        top: -4px;
        background-position: -4px -166px
    }

    .k-reorder-cue .k-i-arrow-n {
        bottom: -4px;
        background-position: -4px -134px
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    body .k-touch-scrollbar {
        height: 12px;
        width: 12px;
        border-radius: 7px
    }
}

.k-virtual-scrollable-wrap {
    overflow-x: auto
}

.k-current-time {
    background: red;
    position: absolute
}

.k-current-time-arrow-down {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid red;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid red
}

.k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid red;
    border-right: 4px solid transparent
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-autocomplete, .k-block, .k-button, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .k-tabstrip > .k-content > .km-scroll-container, .k-textbox, .km-actionsheet > li, .km-shim, div.k-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-group .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-control.k-widget {
    padding: 0
}

a.k-button:hover {
    text-decoration: none
}

.km-widget, .km-widget * {
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.k-radio, input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden
}

.k-ff .k-radio, .k-ff input.k-checkbox {
    position: absolute
}

.k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer
}

    .k-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-width: 1px;
        border-style: solid;
        width: 1em;
        height: 1em;
        font-size: 1em;
        line-height: 1em;
        text-align: center
    }

.k-checkbox:indeterminate + .k-checkbox-label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-width: 1px;
    border-style: solid;
    width: 8px;
    height: 8px;
    font-size: 1em;
    text-align: center;
    content: " ";
    margin-left: -2px
}

.k-checkbox:checked + .k-checkbox-label:before {
    content: "\2713"
}

.k-checkbox:disabled + .k-checkbox-label {
    cursor: auto
}

.k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer
}

    .k-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-style: solid
    }

.k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px
}

.k-radio:disabled + .k-radio-label {
    cursor: auto
}

.k-ie8 .k-radio, .k-ie8 input.k-checkbox {
    display: inline-block;
    width: auto
}

.k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label {
    padding-left: 0
}

    .k-ie8 .k-checkbox-label:before, .k-ie8 .k-radio-label:after, .k-ie8 .k-radio-label:before {
        display: none
    }

.k-rtl .k-checkbox-label, .k-rtl .k-radio-label {
    padding-right: 1.5em
}

    .k-rtl .k-checkbox-label:before, .k-rtl .k-radio-label:before {
        right: 0
    }

.k-rtl .k-radio:checked + .k-radio-label:after {
    right: 3px
}

input.k-checkbox + label {
    -webkit-user-select: none
}

.k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px
}

.km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity
}

.k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0
}

.k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0
}

.k-rpanel-left, .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0
}

    .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded {
        -webkit-transform: translateX(0) translateZ(0);
        -ms-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    .k-rpanel-left + *, .k-rpanel-right + * {
        overflow: auto
    }

.k-rpanel-top {
    position: static;
    max-height: 0
}

    .k-rpanel-top.k-rpanel-expanded {
        max-height: 568px;
        overflow: visible !important
    }

.k-edit-form {
    margin: 0;
    padding: 0
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0
}

.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0
}

.k-edit-form-container {
    position: relative;
    width: 400px
}

    .k-edit-form-container .editor-label, .k-edit-label {
        float: left;
        clear: both;
        width: 30%;
        padding: .4em 0 1em;
        margin-left: 2%;
        text-align: right
    }

    .k-edit-field, .k-edit-form-container .editor-field {
        float: right;
        clear: right;
        width: 60%;
        margin-right: 2%;
        padding: 0 0 .6em
    }

        .k-edit-field > input[type=checkbox], .k-edit-field > input[type=radio] {
            margin-top: .4em
        }

    .k-edit-form-container .k-button {
        margin: 0 .16em
    }

.k-edit-field > .k-button:first-child, .k-edit-field > input[type=checkbox]:first-child, .k-edit-field > input[type=radio]:first-child, .k-edit-field > label:first-child > input[type=checkbox] {
    margin-left: 0
}

.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em
}

div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em
}

.k-block > .k-header, .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px
}

.k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px
}

.k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis
}

    .k-window-title .k-image {
        margin: 0 5px 0 0;
        vertical-align: middle
    }

div.k-window-titleless {
    padding-top: 0
}

div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0
}

div.k-window-iframecontent {
    padding: 0;
    overflow: visible
}

.k-window-content > .km-scroll-container {
    height: 100%
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap
}

.k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7
}

.k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1
}

.k-window-action .k-icon {
    margin: 0;
    vertical-align: top
}

.k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1
}

.k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize
}

.k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize
}

.k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize
}

.k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize
}

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.k-action-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
    margin: 0 -1em
}

    .k-action-buttons .k-button {
        display: inline-block;
        margin: 0 0 0 6px;
        min-width: 75px
    }

.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative
}

.k-tabstrip-items {
    padding: .3em .3em 0
}

.k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden
}

.k-tabstrip > .k-button {
    position: absolute;
    top: .4em;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-tabstrip-bottom > .k-button {
    top: auto;
    bottom: .4em
}

.k-tabstrip-prev {
    left: .4em
}

.k-tabstrip-next {
    right: .4em
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1
}

.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em
}

.k-panelbar .k-tabstrip-items .k-icon, .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle
}

.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-transition: "width 200ms linear";
    transition: "width 200ms linear";
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite
}

.k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .3em .92em;
    zoom: 1
}

.k-tabstrip > .k-content {
    display: none;
    overflow: auto
}

    .k-tabstrip > .k-content.km-scroll-wrapper {
        padding: 0
    }

    .k-tabstrip > .k-content > .km-scroll-container {
        padding: .3em .92em
    }

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

.k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content {
    margin: .286em .3em
}

.k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px
}

.k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block
}

.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0
}

.k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em
}

    .k-tabstrip-left > .k-tabstrip-items .k-item {
        border-width: 1px 0 1px 1px;
        border-radius: 3px 0 0 3px
    }

    .k-tabstrip-left > .k-tabstrip-items .k-state-active {
        border-width: 1px 0 1px 1px
    }

    .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
        margin-right: -2px;
        padding-right: 1px
    }

.k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0
}

    .k-tabstrip-right > .k-tabstrip-items .k-item {
        border-width: 1px 1px 1px 0;
        border-radius: 0 3px 3px 0
    }

    .k-tabstrip-right > .k-tabstrip-items .k-state-active {
        border-width: 1px 1px 1px 0
    }

    .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
        margin-left: -1px;
        padding-left: 1px
    }

.k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em
}

.k-panelbar .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0
}

.k-tabstrip-bottom > .k-content {
    min-height: 100px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0
}

.k-panelbar {
    zoom: 1
}

    .k-panel > .k-item, .k-panelbar > .k-item {
        list-style-type: none;
        display: block;
        border-width: 0;
        margin: 0;
        zoom: 1;
        border-radius: 0
    }

    .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite {
        float: left;
        margin-top: 4px;
        margin-right: 5px;
        vertical-align: middle
    }

    .k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
        display: block;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0 1em;
        line-height: 2.34em;
        text-decoration: none;
        zoom: 1
    }

.k-panelbar-collapse, .k-panelbar-expand {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px
}

.k-panelbar .k-content, .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1
}

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em
}

.k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0
}

.k-panel .k-panel {
    border-bottom: 0
}

.k-menu {
    cursor: default
}

    .k-menu, .k-menu .k-menu-group {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1
    }

        .k-menu:after {
            content: '';
            display: block;
            width: 99%;
            height: 0;
            float: inherit;
            clear: both
        }

        .k-menu .k-item {
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            user-select: none
        }

            .k-menu .k-item div {
                -webkit-user-select: default;
                -moz-user-select: default;
                -ms-user-select: default;
                user-select: default
            }

            .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item {
                display: block;
                float: none;
                border-width: 0
            }

            .k-menu .k-image, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-sprite {
                margin: -2px 4px 0 -4px;
                vertical-align: middle
            }

            .k-menu .k-item > .k-link > .k-icon {
                margin: -2px 0 0
            }

            .k-menu .k-item > .k-link {
                display: block;
                padding: 1.071em;
                line-height: 1.34em;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

        .k-menu .k-menu-group {
            display: none;
            border-style: solid;
            border-width: 1px;
            overflow: visible;
            white-space: nowrap
        }

            .k-menu .k-menu-group > .k-item {
                display: block;
                border-width: 0
            }

        .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
            position: relative;
            float: left;
            border-style: solid;
            border-width: 0 1px 0 0;
            vertical-align: top;
            zoom: 1;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
            padding: .28em 1.8em .38em .9em
        }

.k-context-menu.k-menu-horizontal > .k-separator {
    display: none
}

.k-context-menu.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-context-menu.k-menu-horizontal > .k-last {
    border: 0
}

.k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px
}

.k-menu .k-item > .k-link > .k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem
}

.k-menu .k-animation-container {
    border: 0
}

.k-menu .k-animation-container, .k-menu .k-menu-group {
    position: absolute;
    left: 0
}

    .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group {
        top: 0;
        left: 0
    }

    .k-menu .k-animation-container .k-menu-group {
        top: auto;
        left: auto;
        margin-left: -1px
    }

.k-menu .k-animation-container, .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}

.k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container {
    margin-top: -2px
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}

ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0
}

.k-menu .k-menu-group .k-separator, ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-grid, .k-listview {
    position: relative;
    zoom: 1
}

    .k-grid table {
        width: 100%;
        margin: 0;
        max-width: none;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        border-width: 0;
        outline: 0
    }

.k-header.k-drag-clue {
    overflow: hidden
}

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.k-grid-header th.k-header {
    vertical-align: bottom
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
    display: block;
    width: auto
}

    .k-filtercell > span {
        padding-right: 4.8em;
        position: relative;
        min-height: 2em;
        line-height: 2em
    }

    .k-filtercell > .k-operator-hidden {
        padding-right: 2.3em
    }

    .k-filter-row .k-dropdown-operator, .k-filtercell > span > .k-button {
        position: absolute;
        top: 0;
        right: 0
    }

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em
}

.k-filtercell > span > label {
    vertical-align: middle
}

.k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px
}

.k-ie10 .k-grid-header a:active {
    background-color: transparent
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px
}

.k-grid-header th.k-header .k-icon {
    position: static
}

.k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top
}

.k-grid .k-state-hover {
    cursor: pointer
}

.k-grid-column-resizing, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-grid-toolbar, .k-grid-column-resizing .k-link {
    cursor: col-resize
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis
}

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
    overflow: visible
}

.k-grid-edit-row td {
    text-overflow: clip
}

.k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0
}

.k-grid-footer-wrap, .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1
}

.k-grid-header-locked > table, .k-grid-header-wrap > table {
    margin-bottom: -1px
}

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0
}

.k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden
}

.k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible
}

.k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center
}

.k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto
}

.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute
}

@media print {
    .k-grid {
        height: auto !important
    }

    .k-grid-header {
        padding: 0 !important
    }

    .k-grid-content, .k-grid-header-wrap {
        overflow: visible;
        height: auto !important
    }
}

.k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar
}

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative
}

.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    table-layout: fixed
}

.k-grid-lockedcolumns {
    white-space: nowrap
}

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
    white-space: normal
}

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0
}

    .k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap, .k-grid-header-locked + .k-grid-header-wrap {
        display: inline-block;
        vertical-align: top
    }

.k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
    border-left-width: 0
}

.k-grid-header th.k-header.k-first {
    border-left-width: 1px
}

.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px
}

.k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px
}

.k-group-footer td {
    border-style: solid;
    border-width: 1px 0
}

.k-group-footer .k-group-cell + td {
    border-left-width: 1px
}

.k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}

    .k-grid-footer td {
        border-top-width: 0
    }

    .k-grid-footer > td {
        border-top-width: 1px
    }

.k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2em;
    padding: .333em 0 .333em .25em
}

.k-grid-pager {
    border-width: 1px 0 0
}

.k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px
}

.k-pager-numbers {
    margin: 0 2px
}

    .k-pager-numbers .k-state-selected {
        vertical-align: top
    }

    .k-pager-numbers .k-current-page {
        display: none
    }

    .k-pager-input, .k-pager-numbers li {
        float: left
    }

.k-grid .k-pager-numbers {
    float: left;
    cursor: default
}

.k-widget.k-grid .k-pager-numbers {
    position: relative
}

.k-pager-info {
    float: right;
    padding: 0 1.333em
}

.k-pager-numbers .k-link {
    text-decoration: none
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link {
    min-width: 2em
}

.k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center
}

.k-pager-wrap > a.k-state-disabled:hover {
    background: 0 0;
    cursor: default
}

.k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em
}

.k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px
}

.k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: .5em;
    border-width: 0;
    border-radius: 0
}

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em
}

.k-pager-wrap .k-textbox {
    width: 3.333em
}

.k-pager-wrap .k-dropdown {
    width: 4.5em
}

.k-pager-refresh {
    float: right
}

.k-pager-input, .k-pager-sizes {
    padding: 0 1.4166em
}

.k-pager-sizes {
    display: inline-block;
    padding-top: 1px
}

    .k-pager-sizes .k-widget.k-dropdown {
        margin-top: -2px
    }

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: 0 .4em 0
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1
}

.k-grid .k-animation-container {
    position: absolute
}

.k-filter-menu {
    padding: .5em
}

.k-list-filter {
    display: block
}

form.k-filter-menu .k-textbox, form.k-filter-menu .k-widget {
    display: block
}

form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px
}

.k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget {
    margin: .19em 0 0
}

.k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0 .5em
}

.k-filter-menu .k-button {
    width: 48%;
    margin: .5em 4% 0 0
}

    .k-filter-menu .k-button + .k-button {
        margin-right: 0
    }

.k-filter-menu .k-filter-selected-items {
    font-weight: 700;
    margin: .5em
}

.k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px
}

    .k-multicheck-wrap .k-item {
        line-height: 2.2em
    }

.k-grouping-row .k-icon {
    margin: -3px 4px 0 2px
}

.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em
}

.k-grouping-row + tr td {
    border-top-width: 1px
}

.k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: none
}

.k-grid .k-hierarchy-cell + td {
    border-left-width: 0
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 27px
}

.k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.k-grouping-header {
    line-height: 2
}

.k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px
}

.k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em
}

.k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none
}

.k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: 0 0;
    line-height: 1
}

.k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px
}

.k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px
}

.k-grouping-header .k-button, .k-grouping-header a {
    display: inline-block;
    vertical-align: middle
}

.k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left
}

.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}

.k-grid-toolbar, .k-grouping-header {
    margin: 0;
    padding: .429em .2em .429em 1em;
    cursor: default
}

.k-grid .k-edit-container {
    padding: 0
}

.k-grid .field-validation-error {
    display: block
}

.k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink
}

.k-grid-toolbar .k-button {
    vertical-align: middle
}

.k-grid-actions {
    display: inline-block
}

.k-grid .k-button {
    margin: 0 .16em
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 64px
}

.k-grid tbody button.k-button {
    min-width: 78px
}

html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0
}

.k-detail-row {
    position: relative
}

.k-grid .k-detail-cell {
    overflow: visible
}

.k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap
}

    .k-grid .k-edit-cell .k-tooltip {
        white-space: normal
    }

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget, .k-grid-edit-row > td > .text-box {
    width: 100%
}

html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px
}

.k-edit-cell input[type=checkbox] {
    margin-left: .6em
}

.k-grid tbody td > .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em
}

.k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}

.k-grid-header .k-resize-handle, .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2
}

.k-marquee {
    position: absolute;
    z-index: 100000
}

.k-marquee-color, .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6
}

.k-ie9 .k-column-menu {
    width: 160px
}

.k-ie8 .k-grid-filter, .k-ie8 .k-header-column-menu {
    font-size: 100%
}

.k-column-menu {
    min-width: 160px
}

    .k-column-menu .k-sprite {
        margin-right: 10px
    }

    .k-column-menu > .k-menu {
        border-width: 0
    }

    .k-column-menu .k-calendar .k-link {
        white-space: normal
    }

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto
}

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important
}

.k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible
}

    .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
        width: auto !important
    }

.k-pdf-export-shadow .k-grid-footer, .k-pdf-export-shadow .k-grid-header {
    padding: 0 !important
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

    .k-loading-pdf-mask .k-loading-color {
        filter: alpha(opacity=50);
        opacity: .5
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.k-pdf-export .k-loading-pdf-mask {
    display: none
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important
}

    .k-autofitting td, .k-autofitting th.k-header {
        white-space: nowrap !important
    }

    .k-autofitting .k-detail-row {
        display: none !important
    }

@media only screen and (max-width:1024px) {
    .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap, .k-webkit .k-pager-wrap {
        overflow: visible;
        min-height: 2.1em
    }

        .k-ff .k-pager-input, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-input, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-input, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-webkit .k-pager-wrap .k-pager-nav {
            display: inline-block;
            vertical-align: top
        }

    .k-ff .k-grid .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-webkit .k-pager-numbers {
        position: absolute;
        left: 4.8em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: visible;
        height: auto
    }

        .k-ff .k-grid .k-pager-numbers:first-child, .k-ff .k-pager-numbers:first-child, .k-ie11 .k-grid .k-pager-numbers:first-child, .k-ie11 .k-pager-numbers:first-child, .k-safari .k-grid .k-pager-numbers:first-child, .k-safari .k-pager-numbers:first-child, .k-webkit .k-grid .k-pager-numbers:first-child, .k-webkit .k-pager-numbers:first-child {
            left: .2em
        }

        .k-ff .k-grid .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-grid .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-grid .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
            -ms-transform: translatey(-100%);
            transform: translatey(-100%);
            -webkit-transform: translatey(-100%)
        }

    .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, .k-webkit .km-pane-wrapper .k-pager-numbers {
        position: relative;
        left: 50%;
        -ms-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%);
        -webkit-transform: translate(-50%,-100%)
    }

        .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
            padding-top: 0;
            padding-bottom: 0
        }

    .k-ff .k-rtl .k-grid .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-grid .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-grid .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers, .k-webkit .k-rtl .k-grid .k-pager-numbers, .k-webkit .k-rtl .k-pager-numbers {
        left: auto;
        right: 4.8em;
        width: 4.5em
    }

        .k-ff .k-rtl .k-grid .k-pager-numbers:first-child, .k-ff .k-rtl .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-pager-numbers:first-child, .k-safari .k-rtl .k-grid .k-pager-numbers:first-child, .k-safari .k-rtl .k-pager-numbers:first-child, .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child, .k-webkit .k-rtl .k-pager-numbers:first-child {
            left: auto;
            right: .2em
        }

    .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
        right: 5.8em
    }

    .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0
    }

    .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
        -ms-transform: translatey(100%);
        transform: translatey(100%);
        -webkit-transform: translatey(100%)
    }

    .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page), .k-webkit .k-pager-numbers li:not(.k-current-page) {
        display: none
    }

    .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 1.0833em
    }

    .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
        margin-left: 4.8em
    }

    .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link, .k-webkit .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.1em;
        margin-left: 0
    }

    .k-ff .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-webkit .k-pager-numbers .k-state-selected {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left
    }

    .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 2px 0
    }

        .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0
        }

            .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 1.0833em 1.0833em
            }

        .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li, .k-webkit .k-pager-numbers.k-state-expanded li {
            display: inline-block
        }
}

@media only screen and (max-width:640px) {
    .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes, .k-webkit .k-pager-sizes {
        display: none
    }
}

.k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em
}

    .k-treelist .k-status .k-loading {
        vertical-align: baseline;
        margin-right: 5px
    }

.k-treelist tr.k-hidden {
    display: none
}

.k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default
}

.k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em
}

.k-gantt {
    white-space: nowrap;
    position: relative
}

.k-gantt-layout {
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-gantt .k-gantt-layout th {
    vertical-align: bottom
}

.k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

.k-gantt .k-grid .k-edit-cell {
    vertical-align: middle
}

.k-gantt-timeline > .k-timeline, .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%
}

.k-gantt-toolbar {
    border-style: solid;
    border-width: 0 0 1px;
    line-height: 2.4em;
    padding: .5em
}

.k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0
}

.k-gantt-actions, .k-gantt-toolbar > ul {
    float: left;
    margin-right: .6em
}

    .k-gantt-actions > .k-button {
        margin-right: .5em;
        vertical-align: top
    }

.k-gantt-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0
}

    .k-gantt-toolbar > .k-gantt-views > li.k-current-view {
        display: none
    }

.k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0
}

    .k-gantt-toolbar > ul > li:first-child + li {
        border-left-width: 1px
    }

.k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em
}

.k-gantt-toolbar li:first-child + li, .k-gantt-toolbar li:first-child + li > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-gantt-toolbar li.k-button {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt-treelist .k-grid-header tr {
    height: 5em
}

.k-gantt .k-treelist .k-grid-header {
    padding: 0 !important
}

.k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll
}

.k-treelist-group > tr > span {
    font-weight: 700
}

.k-treelist-group .k-widget {
    font-weight: 400
}

.k-gantt-timeline .k-grid-header tr {
    height: 2.5em
}

.k-gantt-tasks {
    position: relative
}

    .k-gantt .k-grid-content tr, .k-gantt-rows tr, .k-gantt-tasks tr {
        height: 2.3em
    }

.k-gantt .k-gantt-tasks td:after {
    content: "\a0"
}

.k-gantt-timeline {
    background: 0 0
}

.k-gantt-columns, .k-gantt-dependencies, .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0
}

.k-gantt-tables {
    position: relative
}

.k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll
}

.k-gantt .k-gantt-timeline th {
    text-align: center
}

.k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px
}

.k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

.k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2
}

.k-task-summary-progress {
    height: 15px;
    overflow: hidden
}

.k-task-summary-complete:after, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent
}

.k-task-summary-complete:before, .k-task-summary:before {
    left: 0;
    border-left-color: inherit
}

.k-task-summary-complete:after, .k-task-summary:after {
    right: 0;
    border-right-color: inherit
}

.k-line-h, .k-line-v {
    position: absolute
}

.k-line-h {
    height: 2px
}

.k-line-v {
    width: 2px
}

.k-arrow-e, .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px
}

.k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.k-ie8 .k-task-milestone {
    margin-left: 1px
}

.k-gantt .k-gantt-tasks .k-button-icon, .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px
}

.k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px
}

.k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px
}

.k-gantt .k-gantt-tasks .k-button .k-icon, .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top
}

.k-rel .k-button-icon {
    position: absolute;
    left: 200px
}

.k-rel {
    position: relative;
    height: 0;
    top: -.3em
}

.k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2
}

    .k-line.k-state-selected, .k-task-wrap:hover {
        z-index: 3
    }

.k-milestone-wrap {
    margin: 0 -13px 0 -27px
}

.k-task-content {
    position: relative;
    z-index: 2
}

.k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1
}

.k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer
}

    .k-task-dot.k-state-hover {
        background-color: transparent
    }

.k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em
}

.k-task-wrap-active .k-task-dot, .k-task-wrap:hover .k-task-dot {
    display: block
}

.k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px
}

.k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px
}

.k-task-dot.k-state-hover:after, .k-task-dot:hover:after, .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px
}

.k-task-start {
    left: 0
}

.k-task-end {
    right: 0
}

.k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap
}

.k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal
}

.k-task-actions, .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap
}

.k-task-actions {
    z-index: 1
}

    .k-task-actions:first-child {
        position: static;
        float: left;
        margin: 4px 2px 0 4px
    }

.k-webkit .k-task-actions:first-child {
    margin-top: 3px
}

.k-task-actions:first-child > .k-link {
    display: inline-block
}

.k-task-delete {
    display: none
}

.k-task-wrap-active .k-task-delete, .k-task-wrap:hover .k-task-delete {
    display: inline-block
}

.k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto
}

.k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle {
    visibility: visible
}

.k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

    .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after {
        left: 1px;
        top: 50%;
        margin-top: -.7em;
        height: 1.4em;
        width: 1px
    }

.k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize
}

.k-task-wrap-active .k-task-draghandle, .k-task-wrap:hover .k-task-draghandle {
    display: block
}

.k-dependency-hint {
    z-index: 4
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, .k-gantt-rowheight .k-task-summary {
    top: 50%
}

.k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-summary {
    margin-top: -6px
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px
}

.k-gantt-rowheight .k-task-single {
    height: -webkit-calc(98%);
    height: calc(98%)
}

.k-ie .k-gantt-rowheight .k-task-single {
    height: 99%
}

.k-gantt-rowheight .k-task-content {
    height: 100%
}

    .k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after {
        top: 0;
        margin-top: 0;
        height: 100%
    }

.k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap
}

    .k-task-details > strong {
        font-size: 120%;
        display: block
    }

.k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%
}

.k-task-details > ul {
    line-height: 1.2
}

.k-resources-wrap {
    position: absolute;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .k-resources-wrap .k-resource {
        margin: 0 5px
    }

.k-gantt-edit-form > .k-edit-form-container {
    width: 430px
}

.k-gantt-edit-form > .k-resources-form-container {
    width: 506px
}

.k-resources-form-container > .k-grid {
    margin: 0 .9em
}

.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em
}

.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left
}

.k-pdf-export-shadow .k-gantt {
    float: left
}

    .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt .k-grid-content, .k-pdf-export-shadow .k-gantt-timeline {
        width: auto !important;
        height: auto !important;
        overflow: visible !important
    }

.k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important
}

.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important
}

.k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export {
    display: none
}

button.k-gantt-toggle {
    display: none;
    float: left;
    margin-right: .5em
}

.k-rtl button.k-gantt-toggle {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

@media only screen and (max-width:1024px) {
    .k-gantt-toolbar > ul.k-gantt-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
        right: auto;
        left: 6px
    }

    .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
        display: none
    }

    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
        display: block;
        border-width: 1px
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
        text-align: left;
        padding-left: 1em
    }

    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
        padding-left: 0
    }

    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .333em;
        width: 16px;
        height: 16px
    }

    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0
    }

    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
        text-align: left
    }
}

@media only screen and (max-width:480px) {
    button.k-gantt-toggle {
        display: inline-block
    }

    .k-gantt-create span + span, .k-gantt-pdf span + span {
        display: none
    }

    .k-gantt-create .k-icon, .k-gantt-pdf .k-icon {
        margin: 0
    }

    .k-gantt .k-splitbar {
        display: none;
        width: 0;
        border-width: 0
    }

    .k-gantt .k-gantt-treelist {
        display: none;
        max-width: 0
    }

    .k-gantt .k-treelist .k-grid-content {
        overflow-y: scroll
    }

    .k-gantt .k-gantt-timeline {
        width: 100%
    }
}

.k-pivot {
    position: relative
}

.k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.k-pivot .k-pivot-toolbar {
    padding: .6em
}

.k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px
}

.k-pivot .k-grid td {
    white-space: nowrap
}

.k-pivot-layout {
    border-spacing: 0;
    table-layout: auto
}

    .k-pivot-layout > tbody > tr > td {
        vertical-align: top;
        padding: 0
    }

.k-pivot td {
    vertical-align: top
}

.k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid {
    border-width: 0
}

    .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first {
        border-left-width: 1px
    }

    .k-pivot-rowheaders > .k-grid td.k-first {
        border-left-width: 0
    }

.k-pivot-rowheaders > .k-grid {
    overflow: hidden
}

.k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid
}

    .k-pivot-table .k-grid-header-wrap > table {
        height: 100%
    }

.k-pivot .k-grid-header .k-header {
    vertical-align: top
}

.k-header.k-alt, td.k-alt {
    font-weight: 700
}

.k-header.k-alt {
    background-image: none
}

.k-pivot-layout .k-grid td {
    border-bottom-width: 1px
}

.k-pivot-layout .k-grid-footer > td {
    border-top-width: 0
}

.k-pivot-filter-window .k-treeview {
    max-height: 600px
}

.k-fieldselector .k-edit-buttons {
    bottom: auto
}

.k-fieldselector .k-edit-label {
    width: 16%
}

.k-fieldselector .k-edit-field {
    width: 77%
}

    .k-fieldselector .k-edit-field > .k-textbox, .k-fieldselector .k-edit-field > .k-widget {
        width: 99%
    }

.k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em
}

.k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase
}

    .k-fieldselector p .k-icon {
        margin: 0 5px 0 0
    }

.k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0
}

    .k-fieldselector .k-columns > div {
        overflow: auto;
        padding: .6em;
        border-style: solid;
        border-width: 0 0 0 1px;
        float: left;
        width: 45%
    }

        .k-fieldselector .k-columns > div:first-child {
            border-width: 0;
            margin-right: -1px
        }

        .k-fieldselector .k-columns > div + div {
            float: right;
            border-width: 0
        }

.k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible
}

.k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px
}

.k-fieldselector .k-list {
    padding-bottom: 2em
}

    .k-fieldselector .k-list li.k-item {
        padding: .3em 3.3em .3em .3em;
        margin: 0 .2em.2em;
        position: relative;
        font-size: .9em;
        line-height: 1.2em;
        min-height: 1em
    }

.k-i-kpi-decrease {
    background-position: 0 0
}

.k-i-kpi-denied {
    background-position: -16px 0
}

.k-i-kpi-equal {
    background-position: -32px 0
}

.k-i-kpi-hold {
    background-position: -48px 0
}

.k-i-kpi-increase {
    background-position: -64px 0
}

.k-i-kpi-open {
    background-position: -80px 0
}

.k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important
}

.k-pdf-export-shadow .k-pivot .k-grid-content, .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important
}

.k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important
}

.k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important
}

    .k-pdf-export-shadow .k-pivot .k-grid-content > table, .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
        width: 100% !important;
        height: auto !important
    }

.k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden
}

    .k-calendar .k-link, .k-calendar td {
        text-decoration: none
    }

    .k-calendar .k-action-link {
        text-decoration: underline
    }

    .k-calendar .k-footer, .k-calendar .k-header {
        position: relative;
        text-align: center;
        zoom: 1
    }

.k-widget.k-calendar .k-nav-next, .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em
}

.k-widget.k-calendar .k-nav-prev {
    left: 1%
}

.k-widget.k-calendar .k-nav-next {
    right: 1%
}

.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0
}

    .k-calendar .k-content, .k-calendar .k-content th {
        text-align: right
    }

.k-calendar .k-animation-container .k-content {
    height: 100%
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em
}

.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default
}

.k-calendar td {
    padding: .08333em;
    cursor: pointer
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0
}

.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em
}

.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center
}

.k-calendar .k-footer {
    clear: both
}

    .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
        display: block;
        height: 100%;
        padding: .5em 0
    }

.k-calendar .k-nav-today:hover {
    text-decoration: underline
}

div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px
}

    .k-treeview .k-content, .k-treeview .k-item > .k-group, .k-treeview > .k-group {
        margin: 0;
        padding: 0;
        background: 0 0;
        list-style-type: none;
        position: relative
    }

.k-treeview .k-checkbox, .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-in, .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top
}

.k-treeview .k-checkbox {
    margin-top: .2em
}

.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle
}

.k-treeview .k-request-retry {
    vertical-align: baseline
}

.k-treeview .k-minus, .k-treeview .k-minus-disabled, .k-treeview .k-plus, .k-treeview .k-plus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer
}

.k-treeview .k-minus-disabled, .k-treeview .k-plus-disabled {
    cursor: default
}

.k-treeview .k-image, .k-treeview .k-sprite {
    margin-right: 3px
}

.k-treeview .k-in {
    margin: 1px 0 1px .3333em;
    padding: .429em .6667em .429em .5833em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px
}

.k-treeview span.k-in {
    cursor: default
}

.k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat
}

.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
    background-image: none
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle
}

.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 13.2em
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-timepicker, .k-toolbar .k-split-button {
    white-space: nowrap
}

.k-colorpicker, .k-toolbar .k-split-button {
    width: auto
}

.k-datetimepicker {
    width: 15em
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
    position: relative;
    cursor: default
}

.k-dropdown-wrap {
    position: relative
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    display: block
}

.k-block, .k-content, .k-grid, .k-header-column-menu, .k-panelbar, .k-slider, .k-splitter, .k-treeview, .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-block, .k-calendar, .k-grid-header .k-link, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
    -webkit-touch-callout: none
}

.k-list-scroller {
    position: relative;
    overflow: auto
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0
    }

.k-autocomplete, .k-textbox {
    padding: 0
}

    .k-textbox.k-space-left {
        padding-left: 1.9em
    }

    .k-textbox.k-space-right {
        padding-right: 1.9em
    }

    .k-textbox .k-icon {
        top: 50%;
        margin: -8px 0 0;
        position: absolute
    }

.k-space-left .k-icon {
    left: 3px
}

.k-space-right .k-icon {
    right: 3px
}

span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden
}

.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out"
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
    width: 100%;
    vertical-align: top
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0
}

.k-dropdown .k-input, .k-selectbox .k-input {
    background: 0 0
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0
}

.k-autocomplete .k-input, .k-textbox > input {
    display: block
}

.k-dropdown .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit
}

.k-dropdown .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0
}

.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 2.214em;
    padding-bottom: .3em
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-numeric-wrap:before, .km.root .k-picker-wrap:before {
    content: none
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    display: inline
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 2.214em;
    line-height: 2.564em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%
}

.k-numeric-wrap .k-select {
    padding: 0
}

body .k-datetimepicker .k-select {
    border-radius: 0
}

.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
    cursor: pointer
}

.k-popup {
    border-style: solid;
    border-width: 1px
}

    .k-list-optionlabel, .k-popup .k-item {
        cursor: default
    }

    .k-popup .k-calendar {
        border: 0
    }

.k-list {
    height: auto
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em
}

.k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px
}

    .k-popup .k-list .k-item > .k-group {
        top: -1px
    }

.k-group-header + div > .k-list > .k-item.k-first:before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px
}

.k-overflow-container .k-item {
    padding: 1px
}

.k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover, .k-overflow-container > .k-state-disabled .k-button {
    border: 0;
    background: 0 0
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-selected, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid
}

.k-list-filter {
    position: relative;
    margin-bottom: 2px
}

    .k-list-filter > .k-textbox {
        padding-right: 20px;
        width: 100%
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0
}

.k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #C5C5C5;
    background-color: #FFF;
    min-height: 2.04em
}

    .k-multiselect-wrap .k-input {
        background-color: transparent;
        height: 1.31em;
        line-height: 1.31em;
        padding: .18em 0;
        text-indent: .8em;
        border: 0;
        margin: 1px 0 0;
        float: left
    }

        .k-multiselect-wrap .k-input::-ms-clear {
            display: none
        }

    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: .1em 1.6em .1em .4em;
        line-height: 2.064em;
        float: left;
        position: relative
    }

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px
}

.k-multiselect .k-loading-hidden {
    visibility: hidden
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .1em .2em
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em
}

.k-datetimepicker .k-select {
    width: 3.8em
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px
}

.k-picker-wrap .k-icon {
    cursor: pointer
}

.k-button, .k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

.k-picker-wrap .k-input {
    margin: 0
}

.k-time-popup .k-item {
    padding: 1px 3px
}

.k-input {
    padding: .25em 0
}

.k-input, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-textbox {
    outline: 0
}

input.k-textbox, textarea.k-textbox {
    padding: 2px .3em
}

input.k-textbox {
    height: 2.694em;
    text-indent: .8em;
    line-height: 1.6em
}

.k-ie input.k-textbox {
    text-indent: .4em
}

.k-ff input.k-textbox {
    height: 2.17em
}

textarea.k-textbox {
    height: auto
}

span.k-numerictextbox {
    background-color: transparent
}

.k-numerictextbox .k-input {
    margin: 0
}

.k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0
}

.k-numerictextbox .k-icon {
    height: 11px
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.k-colorpicker .k-picker-wrap {
    line-height: 2em
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em
}

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none
}

    .k-colorpicker .k-tool-icon .k-selected-color {
        display: block;
        height: 3px;
        width: 16px;
        position: absolute;
        left: 3px;
        bottom: -3px;
        border-radius: 0 !important
    }

.k-colorpicker .k-select {
    cursor: pointer
}

.k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block
}

    .k-colorpalette .k-palette {
        border-collapse: collapse;
        position: relative;
        width: 100%;
        height: 100%
    }

    .k-colorpalette .k-item {
        width: 14px;
        height: 14px;
        overflow: hidden;
        -ms-high-contrast-adjust: none
    }

        .k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover {
            z-index: 100;
            background: 0 0;
            -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);
            box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);
            position: relative
        }

        .k-colorpalette .k-item:hover {
            z-index: 101;
            position: relative;
            -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.3);
            box-shadow: 0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.3)
        }

.k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px
}

div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none
}

.k-flatcolorpicker .k-selected-color {
    background-image: url(textures/transtexture.png);
    background-position: 50% 50%;
    text-align: right
}

    .k-flatcolorpicker .k-selected-color input.k-color-value {
        font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
        padding: .75em .3em .65em 1em;
        border: 0;
        margin: 0;
        width: 70%
    }

.k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom
}

    .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
        cursor: pointer;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border: 1px solid #eee;
        margin-left: -5px;
        margin-top: -5px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 2px #444;
        box-shadow: 0 1px 2px #444;
        background: 0 0
    }

        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
            background: 0 0;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000
        }

    .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
        cursor: none
    }

.k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%
}

    .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
        -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
        box-shadow: 0 1px 0 #fff,0 -1px 0 #999
    }

.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
    display: block
}

    .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
        background: 0 0
    }

    .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
        background: 0 0;
        border: 3px solid #eee;
        margin-top: 1px;
        height: 8px;
        width: 8px;
        -webkit-box-shadow: 0 1px 4px #444;
        box-shadow: 0 1px 4px #444
    }

        .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
            background: 0 0;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000;
            border-width: 2px;
            padding: 1px
        }

    .k-flatcolorpicker .k-hue-slider .k-slider-track {
        background: -webkit-gradient(linear,left top,right top,from(red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));
        background: -webkit-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)
    }

    .k-flatcolorpicker .k-transparency-slider .k-slider-track {
        background-image: url(textures/transparency.png);
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: 100% 50%;
        background-repeat: no-repeat
    }

.k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%
}

    .k-flatcolorpicker .k-controls .k-button {
        width: 6em
    }

.k-flatcolorpicker .k-hsv-gradient {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    height: 180px;
    margin-bottom: 5px
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(textures/hue.png) repeat 0 50%
}

.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(textures/transparency.png) repeat 0 50%
}

.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0)
}

table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
    position: relative
}

.k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
    overflow: auto
}

.k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.k-editor-widget > .k-window-content {
    overflow: hidden
}

.k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0
}

.k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
    word-wrap: break-word
}

    .k-editor-toolbar li {
        display: inline-block;
        vertical-align: middle
    }

.k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar, .k-webkit .k-editor-toolbar {
    padding: 0
}

    .k-ff .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-safari .k-editor-toolbar li, .k-webkit .k-editor-toolbar li {
        display: inline-block;
        padding: .1em 0
    }

.k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
    margin-right: 6px
}

.k-group-start.k-group-end .k-editor-widget {
    margin-right: 0
}

.k-editor-toolbar .k-editor-dropdown {
    position: relative
}

.k-select-overlay {
    -webkit-appearance: none;
    opacity: 0;
    z-index: 11000;
    top: 0;
    left: 0;
    position: absolute;
    height: 26px;
    width: 100%;
    margin: -4px 0 0
}

.k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .3em 0 .1em;
    padding: 0 0 0 1px;
    font-size: 1.3em
}

.k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0
}

.k-editor-toolbar .k-colorpicker, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-selectbox {
    vertical-align: middle
}

.k-button-group {
    white-space: nowrap
}

    .k-button-group .k-tool {
        display: inline-block;
        vertical-align: middle;
        margin: 1px 0;
        width: 36px;
        height: 36px;
        line-height: 36px
    }

    .k-button-group .k-tool-icon {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        -ms-high-contrast-adjust: none
    }

.k-i-move {
    background-position: -160px -288px
}

.k-bold {
    background-position: -240px 0
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
    background-position: -264px 0;
    background-position: -240px 0
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
    background-position: -240px 0
}

.k-italic {
    background-position: -240px -24px
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
    background-position: -264px -24px;
    background-position: -240px -24px
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
    background-position: -240px -24px
}

.k-underline {
    background-position: -240px -48px
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
    background-position: -264px -48px;
    background-position: -240px -48px
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
    background-position: -240px -48px
}

.k-strikethrough {
    background-position: -240px -72px
}

.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
    background-position: -264px -72px;
    background-position: -240px -72px
}

.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
    background-position: -240px -72px
}

.k-foreColor {
    background-position: -240px -96px
}

.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
    background-position: -264px -96px;
    background-position: -240px -96px
}

.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
    background-position: -240px -96px
}

.k-backColor {
    background-position: -240px -120px
}

.k-state-hover .k-backColor, .k-state-selected .k-backColor {
    background-position: -264px -120px;
    background-position: -240px -120px
}

.k-state-hover .k-backColor, .k-state-selected .k-backColor {
    background-position: -240px -120px
}

.k-colorpicker .k-foreColor {
    background-position: -240px -96px
}

.k-colorpicker .k-backColor {
    background-position: -240px -120px
}

.k-justifyLeft {
    background-position: -240px -144px
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
    background-position: -264px -144px;
    background-position: -240px -144px
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
    background-position: -240px -144px
}

.k-justifyCenter {
    background-position: -240px -168px
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
    background-position: -264px -168px;
    background-position: -240px -168px
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
    background-position: -240px -168px
}

.k-justifyRight {
    background-position: -240px -192px
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
    background-position: -264px -192px;
    background-position: -240px -192px
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
    background-position: -240px -192px
}

.k-justifyFull {
    background-position: -240px -216px
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
    background-position: -264px -216px;
    background-position: -240px -216px
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
    background-position: -240px -216px
}

.k-insertUnorderedList {
    background-position: -240px -264px
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px;
    background-position: -240px -264px
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
    background-position: -240px -264px
}

.k-insertOrderedList {
    background-position: -240px -288px
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px;
    background-position: -240px -288px
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
    background-position: -240px -288px
}

.k-indent, .k-rtl .k-outdent {
    background-position: -288px 0
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0;
    background-position: -288px 0
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
    background-position: -288px 0
}

.k-outdent, .k-rtl .k-indent {
    background-position: -288px -24px
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px;
    background-position: -288px -24px
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
    background-position: -288px -24px
}

.k-createLink {
    background-position: -288px -48px
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
    background-position: -312px -48px;
    background-position: -288px -48px
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
    background-position: -288px -48px
}

.k-unlink {
    background-position: -288px -72px
}

.k-state-hover .k-unlink, .k-state-selected .k-unlink {
    background-position: -312px -72px;
    background-position: -288px -72px
}

.k-state-hover .k-unlink, .k-state-selected .k-unlink {
    background-position: -288px -72px
}

.k-insertImage {
    background-position: -288px -96px
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
    background-position: -312px -96px;
    background-position: -288px -96px
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
    background-position: -288px -96px
}

.k-insertFile {
    background-position: -288px -216px
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
    background-position: -312px -216px;
    background-position: -288px -216px
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
    background-position: -288px -216px
}

.k-subscript {
    background-position: -288px -144px
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
    background-position: -312px -144px;
    background-position: -288px -144px
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
    background-position: -288px -144px
}

.k-superscript {
    background-position: -288px -168px
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
    background-position: -312px -168px;
    background-position: -288px -168px
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
    background-position: -288px -168px
}

.k-cleanFormatting {
    background-position: -288px -192px
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
    background-position: -312px -192px;
    background-position: -288px -192px
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
    background-position: -288px -192px
}

.k-createTable {
    background-position: -192px 0
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
    background-position: -216px 0;
    background-position: -192px 0
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
    background-position: -192px 0
}

.k-addColumnLeft {
    background-position: -192px -24px
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
    background-position: -216px -24px;
    background-position: -192px -24px
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
    background-position: -192px -24px
}

.k-addColumnRight {
    background-position: -192px -48px
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
    background-position: -216px -48px;
    background-position: -192px -48px
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
    background-position: -192px -48px
}

.k-addRowAbove {
    background-position: -192px -72px
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
    background-position: -216px -72px;
    background-position: -192px -72px
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
    background-position: -192px -72px
}

.k-addRowBelow {
    background-position: -192px -96px
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
    background-position: -216px -96px;
    background-position: -192px -96px
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
    background-position: -192px -96px
}

.k-deleteRow {
    background-position: -192px -120px
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
    background-position: -216px -120px;
    background-position: -192px -120px
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
    background-position: -192px -120px
}

.k-deleteColumn {
    background-position: -192px -144px
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
    background-position: -216px -144px;
    background-position: -192px -144px
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
    background-position: -192px -144px
}

.k-mergeCells {
    background-position: -192px -168px
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
    background-position: -216px -168px;
    background-position: -192px -168px
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
    background-position: -192px -168px
}

.k-pdf {
    background-position: -288px -240px
}

.k-state-hover .k-pdf, .k-state-selected .k-pdf {
    background-position: -312px -240px;
    background-position: -288px -240px
}

.k-state-hover .k-pdf, .k-state-selected .k-pdf {
    background-position: -288px -240px
}

.k-print {
    background-position: -288px -264px
}

.k-state-hover .k-print, .k-state-selected .k-print {
    background-position: -312px -264px;
    background-position: -288px -264px
}

.k-state-hover .k-print, .k-state-selected .k-print {
    background-position: -288px -264px
}

.k-fontName {
    width: 110px
}

.k-fontSize {
    width: 124px
}

.k-formatBlock {
    width: 147px
}

.k-editortoolbar-dragHandle {
    float: left;
    margin: 1px 0 0
}

.k-editor-toolbar .k-button-group {
    padding: 1px
}

.k-editor .k-editor-toolbar .k-row-break {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0
}

.k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
    margin-right: -1px
}

    .k-button-group .k-tool.k-state-hover, .k-button-group .k-tool:focus {
        position: relative;
        z-index: 1
    }

.k-rtl .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px
}

.k-button-group .k-tool.k-group-end {
    border-right-width: 1px
}

.k-rtl .k-button-group .k-tool.k-group-end {
    border-left-width: 1px
}

.k-button-group .k-state-disabled {
    display: none
}

.k-button-group .k-state-active, .k-button-group .k-state-hover {
    vertical-align: middle
}

.k-button-group .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3
}

.k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0
}

.k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff
}

.k-editor .k-tool {
    outline: 0
}

.k-editor iframe.k-content {
    display: inline;
    vertical-align: top
}

.k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0
}

.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas,"courier new",monospace
}

.k-editor-dialog {
    padding: 1em;
    width: 400px
}

    .k-editor-dialog .k-edit-label {
        width: 25%
    }

    .k-editor-dialog .k-edit-field {
        width: 66%
    }

        .k-editor-dialog .k-edit-field .k-textbox {
            width: 96%
        }

.k-viewhtml-dialog {
    width: auto
}

.k-filebrowser-dialog {
    width: auto;
    min-width: 350px
}

    .k-filebrowser-dialog .k-filebrowser {
        margin: 0 1em 0
    }

    .k-filebrowser-dialog .k-edit-label {
        width: 18%
    }

    .k-filebrowser-dialog .k-edit-field {
        width: 75%
    }

        .k-filebrowser-dialog .k-edit-field .k-textbox {
            width: 70%
        }

#k-editor-image-height, #k-editor-image-width {
    width: 5em
}

.k-editor-dialog .k-button {
    display: inline-block
}

.k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto
}

.k-button-wrapper .k-link:hover {
    text-decoration: underline
}

.k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em
}

    .k-ct-popup .k-status {
        margin: .3em 0
    }

.k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    -ms-high-contrast-adjust: none
}

.k-editor .k-resize-handle {
    position: absolute;
    padding: 5px;
    right: 0;
    bottom: 0
}

.k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.k-toolbar-resizable {
    min-height: 2.4375em;
    position: relative
}

.k-overflow-tools {
    position: absolute;
    right: 0;
    top: 0
}

.k-editor-overflow-popup .k-tool {
    width: auto;
    height: auto;
    display: block;
    text-align: left;
    text-decoration: initial;
    border: 0;
    padding-right: .5em;
    margin: 0;
    padding: 0 6px
}

    .k-editor-overflow-popup .k-tool.k-state-disabled {
        display: none
    }

.k-editor-toolbar .k-tool-text {
    display: none
}

.k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap
}

.k-notification-button .k-notification-wrap {
    padding-right: 20px
}

.k-notification-wrap > .k-i-note {
    vertical-align: text-bottom;
    margin-right: 4px
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none
}

.k-notification-button .k-notification-wrap > .k-i-close {
    display: block
}

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

.k-progressbar {
    border-radius: 4px
}

.k-progressbar-horizontal {
    width: 27em;
    height: 1.9em
}

.k-progressbar-vertical {
    width: 1.9em;
    height: 27em
}

.k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0
}

.k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px
}

.k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap
}

.k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px
}

    .k-progressbar-horizontal .k-item.k-first {
        margin-left: 0
    }

    .k-progressbar-horizontal .k-item.k-last {
        border-right-width: 0
    }

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px
}

.k-progressbar-horizontal .k-last.k-state-selected {
    border-right-width: 1px
}

.k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px
}

    .k-progressbar-vertical .k-item.k-first {
        margin-top: 0
    }

.k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0
}

.k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px
}

.k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left
}

.k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px
}

.k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0
}

.k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.k-ie8 .k-progressbar-vertical .k-progress-status {
    -webkit-writing-mode: bt-lr;
    -ms-writing-mode: bt-lr;
    writing-mode: bt-lr;
    padding: .5em 0
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-slider-vertical {
    width: 26px;
    height: 200px
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px
}

.k-slider-wrap {
    width: 100%;
    height: 100%
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0
}

    .k-slider .k-button .k-icon {
        margin-top: 3px;
        vertical-align: top
    }

.k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6
}

    .k-state-disabled .k-slider-wrap .k-slider-items {
        color: #333
    }

.k-slider .k-button-decrease {
    left: 0
}

.k-grid .k-slider-vertical .k-button-decrease, .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0
}

.k-slider .k-button-increase {
    right: 0
}

.k-slider .k-icon, .k-slider .k-tick, .k-slider-track {
    cursor: pointer
}

.k-slider-selection, .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px
}

.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0
}

.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px
}

.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px
}

.k-slider-buttons .k-slider-items {
    margin-left: 34px
}

.k-slider-horizontal .k-slider-items {
    height: 100%
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px
}

.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center
}

.k-slider-horizontal .k-tick {
    background-position: center -92px
}

.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px
}

.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px
}

.k-slider-vertical .k-tick {
    background-position: -92px center
}

.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center
}

.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center
}

.k-slider-vertical .k-tick-large {
    background-position: -2px center
}

.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center
}

.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center
}

.k-slider-horizontal .k-first {
    background-position: 0 -92px
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px
}

.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px
}

.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px
}

.k-slider-horizontal .k-last {
    background-position: 100% -92px
}

.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px
}

.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px
}

.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px
}

.k-slider-vertical .k-first {
    background-position: -92px 100%
}

.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%
}

.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%
}

.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%
}

.k-slider-vertical .k-last {
    background-position: -92px 0
}

.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0
}

.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0
}

.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0
}

.k-slider-vertical .k-tick {
    text-align: right
}

.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left
}

.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em
}

.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1
}

.k-slider-horizontal .k-first .k-label {
    left: -50%
}

.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%
}

.k-slider-horizontal .k-label {
    bottom: -1.2em
}

.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em
}

.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left
}

.k-slider-vertical .k-last .k-label {
    top: -.5em
}

.k-slider-vertical .k-first .k-label {
    bottom: -.5em
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%
}

.k-slider-tooltip {
    top: -4444px
}

.k-scheduler-footer, .k-scheduler-toolbar {
    border-style: solid
}

.k-scheduler-footer, .k-scheduler-toolbar {
    line-height: 28px;
    padding: 6px
}

.k-scheduler-toolbar {
    position: relative;
    border-width: 0 0 1px
}

.k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.k-scheduler-header {
    text-align: center
}

.k-scheduler-footer {
    border-width: 1px 0 0
}

.k-scheduler-toolbar > ul {
    float: right
}

    .k-scheduler-toolbar > ul:first-child {
        float: left
    }

.k-scheduler-toolbar > .k-scheduler-tools {
    float: left;
    margin-bottom: .5em
}

.k-scheduler-tools + .k-scheduler-navigation {
    float: left;
    clear: left
}

.k-scheduler-footer > ul > li, .k-scheduler-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0
}

.k-scheduler .k-scheduler-toolbar .k-nav-current, .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
    border-width: 0
}

.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, .k-scheduler-toolbar > ul > li:first-child {
    border-left-width: 1px
}

.k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px
}

.k-scheduler-footer .k-link, .k-scheduler-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em
}

.k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar .k-nav-prev .k-link {
    padding-left: .6em;
    padding-right: .6em
}

.k-scheduler-toolbar .k-nav-current .k-link {
    padding: 0
}

.k-scheduler-toolbar .k-nav-current {
    margin: 0 1.1em
}

.k-scheduler .k-nav-current > .k-state-active, .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    background: 0 0
}

.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    text-align: center
}

    .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
        background: 0 0;
        border: 0
    }

.k-scheduler-phone .k-toolbar .k-nav-next {
    float: right
}

.k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left
}

.k-scheduler-footer .k-icon, .k-scheduler-toolbar .k-i-calendar {
    margin: -2px 6px 0 0
}

.k-scheduler-header, .k-scheduler-header-wrap {
    overflow: hidden
}

.k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px
}

.k-scheduler-content, .k-scheduler-times {
    position: relative
}

.k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0
}

.k-scheduler-content {
    overflow: auto
}

.k-scheduler-layout, .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate
}

    .k-scheduler-layout > tbody > tr > td {
        padding: 0;
        vertical-align: top
    }

.k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%
}

.k-scheduler-table {
    table-layout: fixed;
    max-width: none
}

.k-scheduler-times .k-scheduler-table {
    table-layout: auto
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.5em;
    padding: .334em .5em;
    font-size: 100%
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important
}

.k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px
}

    .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
        height: auto
    }

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-scheduler-table td {
    height: 80px;
    text-align: right
}

.k-scheduler-phone .k-scheduler-monthview .k-hidden, .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    height: 40px
}

.k-scheduler-table td, .k-slot-cell {
    vertical-align: top
}

.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    text-align: center;
    vertical-align: middle
}

    .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
        font-size: 1.5em
    }

.k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-scheduler-header th, .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px
}

    .k-scheduler-header th:first-child, .k-scheduler-table td:first-child {
        border-left-width: 0
    }

.k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0
}

.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0
}

.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px
}

.k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap
}

.k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent
}

    .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
        border-bottom-color: inherit
    }

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted
}

.k-scheduler-now-arrow, .k-scheduler-now-line {
    position: absolute
}

.k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0
}

.k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px
}

.k-task {
    position: relative
}

div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0
}

.k-more-events > span {
    display: block;
    margin-top: -.6em
}

.k-event, .k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden
}

.k-event {
    cursor: default;
    min-height: 1.3em
}

.k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.k-scheduler-header .k-event {
    white-space: nowrap
}

.k-event-template {
    padding: .3em 1.4em .3em .6em
}

.k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em
}

.k-event-drag-hint .k-event-time {
    display: block
}

.k-event-actions, .k-event > .k-link, .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap
}

.k-event-actions {
    z-index: 1
}

.k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0
}

.k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px
}

.k-webkit .k-event-actions:first-child {
    margin-top: 3px
}

.k-event-actions:first-child > .k-link {
    display: inline-block
}

.k-event-delete {
    display: none
}

.k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete {
    display: inline-block
}

.k-event .k-event-bottom-actions, .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0
}

.k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2
}

.k-event-active .k-resize-handle, .k-event:hover .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible
}

.k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-n:after, .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px
}

.k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px
}

.k-event > .k-resize-e:after, .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px
}

.k-event > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0
}

.k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0
}

.k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px
}

.k-scheduler-phone .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px
}

.k-scheduler-phone .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px
}

.k-scheduler-marquee {
    border-style: solid;
    border-width: 0
}

    .k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px
    }

div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent
}

.k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em
}

.k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em
}

.k-scheduler-quickedit .k-textbox {
    width: 200px
}

.k-tooltip-bottom {
    text-align: left
}

    .k-tooltip-bottom .k-button {
        float: left;
        margin-right: .3em
    }

    .k-tooltip-bottom .k-quickedit-details {
        float: right;
        margin-right: 0
    }

.k-scheduler-agendaview .k-scheduler-table td, .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left
}

.k-scheduler-groupcolumn, .k-scheduler-times .k-slot-cell {
    width: 6em
}

.k-scheduler-datecolumn {
    width: 12em
}

.k-scheduler-timecolumn {
    width: 11em
}

    .k-scheduler-timecolumn > div {
        position: relative;
        vertical-align: top
    }

.k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top
}

.k-scheduler-timecolumn > div > .k-i-arrow-e {
    position: absolute;
    right: -4px
}

.k-scheduler-timecolumn .k-i-arrow-w {
    margin-left: -4px
}

.k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em
}

.k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400
}

.k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal
}

.k-scheduler-agendadate {
    font-size: .8em
}

.k-scheduler-timecolumn {
    white-space: nowrap
}

.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    width: 520px
}

.k-scheduler-edit-form .k-edit-label {
    width: 17%
}

.k-scheduler-edit-form .k-edit-field {
    width: 77%
}

.k-scheduler-edit-form .k-textbox[name=title], .k-scheduler-edit-form textarea.k-textbox {
    width: 100%
}

.k-scheduler-edit-form textarea.k-textbox {
    min-height: 4em;
    resize: vertical
}

.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em
}

.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
    clear: right;
    margin-right: 2%;
    margin-left: 2%;
    padding: 0 0 .6em
}

.k-edit-box {
    float: left
}

    .k-edit-box + .k-edit-box {
        float: right
    }

.k-scheduler-edit-form label + input {
    margin-left: 1em
}

.k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4
}

.k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0
}

.k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em
}

.k-edit-field span.k-recur-interval, .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 5em
}

.k-edit-field > ul.k-reset .k-datepicker, .k-edit-field > ul.k-reset .k-dropdown, div[name=recurrenceRule] > .k-dropdown {
    width: 9em
}

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    float: left
}

.k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center
}

.k-scheduler-timezones .k-dropdown:first-child {
    width: 100%
}

.k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em
}

.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: none
}

.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none
}

.k-scheduler-refresh {
    float: right;
    padding: 0 .5em
}

@media only screen and (max-width:1024px) {
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none
    }

    .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none
    }

    .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left
    }
}

@media only screen and (max-width:480px) {
    .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: none
    }

    .k-ff .k-scheduler-timecolumn, .k-ie11 .k-scheduler-timecolumn, .k-safari .k-scheduler-timecolumn, .k-webkit .k-scheduler-timecolumn {
        width: 5em
    }

    .k-ff .k-scheduler-datecolumn, .k-ie11 .k-scheduler-datecolumn, .k-safari .k-scheduler-datecolumn, .k-webkit .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden
    }

        .k-ff .k-scheduler-datecolumn > div, .k-ff .k-scheduler-timecolumn > div, .k-ie11 .k-scheduler-datecolumn > div, .k-ie11 .k-scheduler-timecolumn > div, .k-safari .k-scheduler-datecolumn > div, .k-safari .k-scheduler-timecolumn > div, .k-webkit .k-scheduler-datecolumn > div, .k-webkit .k-scheduler-timecolumn > div {
            white-space: normal
        }
}

.k-scheduler-pdf-export {
    overflow: hidden
}

    .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times {
        height: auto !important;
        overflow: visible !important
    }

    .k-scheduler-pdf-export .k-scheduler-header {
        padding: 0 !important
    }

    .k-scheduler-pdf-export .k-scheduler-header-wrap {
        border-width: 0 !important
    }

    .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
        width: 100% !important
    }

.k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 0;
    padding: 5px 5px 5px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center
}

.k-tooltip-button {
    text-align: right;
    height: 0
}

.k-tooltip-content {
    height: 100%
}

.k-tooltip-closable .k-tooltip-content {
    padding-right: 20px
}

span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px
}

.k-invalid-msg {
    display: none
}

.k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent
}

.k-callout-n {
    top: -12px;
    left: 50%
}

.k-callout-w {
    top: 50%;
    left: -12px
}

.k-callout-s {
    left: 50%;
    bottom: -12px
}

.k-callout-e {
    top: 50%;
    right: -12px
}

.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
    margin-left: -6px
}

.k-slider-tooltip .k-callout-e, .k-slider-tooltip .k-callout-w {
    margin-top: -6px
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px
}

.k-tooltip-validation {
    z-index: 9999
}

.k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em
}

    .k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite, .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite {
        vertical-align: middle;
        margin-top: -7px;
        margin-bottom: -5px
    }

    .k-toolbar .k-input {
        line-height: inherit;
        height: inherit;
        padding-top: 2px;
        padding-bottom: 2px
    }

        .k-toolbar .k-input:before {
            content: "\a0";
            display: inline-block;
            width: 0
        }

.k-ie .k-toolbar .k-input {
    height: 1.65em
}

.k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-numeric-wrap:before, .k-toolbar .k-picker-wrap:before {
    display: none
}

.k-overflow-container .k-sprite {
    margin-left: -4px
}

.k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap
}

.k-toolbar > .k-align-left {
    float: none
}

.k-toolbar > .k-align-right {
    float: right
}

.k-toolbar .k-button, .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em
}

.k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit
}

.k-toolbar .k-button-group {
    list-style-type: none
}

    .k-toolbar .k-button-group > li {
        display: inline-block
    }

    .k-toolbar .k-button-group .k-button {
        margin: 0 0 0 -1px;
        border-radius: 0
    }

.k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle
}

.k-toolbar .k-split-button {
    padding-left: 0
}

    .k-toolbar .k-button-group .k-group-start, .k-toolbar .k-split-button .k-button {
        margin: 0
    }

    .k-toolbar .k-split-button .k-split-button-arrow {
        margin: 0 0 0 -1px
    }

.k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0
}

.k-overflow-container .k-item {
    float: none;
    border: 0
}

.k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0
}

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0 0;
    border-color: transparent;
    white-space: nowrap
}

.k-split-container {
    margin-top: -1px
}

.k-overflow-container .k-button-group {
    padding: 0
}

    .k-overflow-container .k-button-group > li {
        display: block
    }

.k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0
}

.k-overflow-container .k-overflow-hidden {
    display: none
}

.k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group, .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px
}

.k-overflow-container .k-overflow-group + .k-separator {
    display: none
}

.k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px
}

.k-splitter {
    position: relative;
    height: 300px
}

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden
}

.k-splitter .k-pane {
    overflow: hidden
}

.k-splitter .k-scrollable {
    overflow: auto
}

.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.k-splitbar-draggable-horizontal {
    cursor: w-resize
}

.k-splitbar-draggable-vertical {
    cursor: n-resize
}

.k-splitbar .k-resize-handle {
    display: none
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: red
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px
}

.k-collapse-next, .k-collapse-prev, .k-expand-next, .k-expand-prev {
    cursor: pointer
}

.k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px
}

.k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px
}

.k-splitbar-static-horizontal {
    width: 1px
}

.k-splitbar-static-vertical {
    height: 1px
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px
}

.k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px
}

.k-splitbar-vertical .k-collapse-next {
    margin-left: 11px
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block
}

.k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px
}

.k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px
}

.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px
}

.k-splitbar-horizontal-hover > .k-collapse-prev, .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px
}

.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px
}

.k-splitbar-horizontal-hover > .k-collapse-next, .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px
}

.k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px
}

.k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px
}

.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px
}

.k-splitbar-vertical-hover > .k-collapse-prev, .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px
}

.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px
}

.k-splitbar-vertical-hover > .k-collapse-next, .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px
}

.k-splitter-resizing {
    overflow: hidden
}

html .k-upload {
    position: relative
}

.k-dropzone em, .k-upload-button {
    vertical-align: middle
}

.k-dropzone, .k-file {
    position: relative
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent
}

    .k-dropzone em {
        visibility: hidden;
        margin-left: .6em
    }

.k-dropzone-active em {
    visibility: visible
}

.k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.k-upload .k-upload-button {
    min-width: 7.167em
}

.k-ie8 .k-upload-button, .k-ie9 .k-upload-button, .k-upload-sync .k-upload-button {
    margin: .4em
}

.k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.k-upload-files {
    margin: 0 0 .6em;
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0
}

    .k-upload-files .k-button {
        padding: 0
    }

    .k-upload-files .k-button, .k-upload-status-total .k-icon {
        margin-left: 8px
    }

.k-upload .k-fail {
    background-position: -161px -111px
}

.k-si-refresh {
    background-position: -160px -128px
}

.k-button:active .k-si-refresh, .k-button:not(.k-state-disabled):hover .k-si-refresh, .k-link:not(.k-state-disabled):hover > .k-si-refresh, .k-state-hover > * > .k-si-refresh, .k-state-hover > .k-si-refresh, .k-textbox:hover .k-si-refresh {
    background-position: -160px -128px
}

.k-si-tick, .k-success {
    background-position: -160px -96px
}

.k-button:active .k-si-tick, .k-button:active .k-success, .k-button:not(.k-state-disabled):hover .k-si-tick, .k-button:not(.k-state-disabled):hover .k-success, .k-link:not(.k-state-disabled):hover > .k-si-tick, .k-link:not(.k-state-disabled):hover > .k-success, .k-state-hover > * > .k-si-tick, .k-state-hover > * > .k-success, .k-state-hover > .k-si-tick, .k-state-hover > .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success {
    background-position: -160px -96px
}

.k-si-cancel {
    background-position: -160px -112px
}

.k-button:active .k-si-cancel, .k-button:not(.k-state-disabled):hover .k-si-cancel, .k-link:not(.k-state-disabled):hover > .k-si-cancel, .k-state-hover > * > .k-si-cancel, .k-state-hover > .k-si-cancel, .k-textbox:hover .k-si-cancel {
    background-position: -160px -112px
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .167em .167em .167em .8em
}

    .k-file .k-icon {
        position: relative
    }

    .k-file > .k-icon {
        background-position: -112px -288px
    }

.k-button:active .k-file > .k-icon, .k-button:not(.k-state-disabled):hover .k-file > .k-icon, .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, .k-state-hover > * > .k-file > .k-icon, .k-state-hover > .k-file > .k-icon, .k-textbox:hover .k-file > .k-icon {
    background-position: -112px -288px
}

.k-filename {
    position: relative;
    display: inline-block;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    margin-left: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.k-upload-status {
    position: absolute;
    right: 12px
}

    .k-upload-status .k-button, .k-upload-status .k-warning {
        vertical-align: text-bottom
    }

.k-dropzone .k-upload-status {
    line-height: 2.4
}

.k-ie8 .k-upload-status-total {
    line-height: 29px
}

.k-upload-action {
    line-height: normal
}

.k-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-upload-cancel, .k-upload-selected {
    margin-bottom: .8em
}

.k-upload-selected {
    margin-left: .8em;
    margin-right: .2em
}

.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
    display: none
}

.k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0
}

.k-toolbar-wrap .k-dropzone-active {
    text-align: center
}

    .k-toolbar-wrap .k-dropzone-active em {
        display: inline;
        margin: 0;
        font-size: 5em;
        font-style: normal
    }

    .k-toolbar-wrap .k-dropzone-active .k-upload-button {
        display: none
    }

.k-filebrowser-dropzone {
    z-index: 10010;
    filter: alpha(opacity=40);
    opacity: .4;
    position: fixed
}

.k-search-wrap {
    position: relative;
    float: right;
    width: 20%;
    padding: 0
}

    .k-search-wrap label {
        position: absolute;
        top: 0;
        left: 4px;
        line-height: 20px;
        font-style: italic
    }

    .k-search-wrap input.k-input {
        padding-left: 0;
        padding-right: 0
    }

    .k-search-wrap .k-search {
        position: absolute;
        top: 4px;
        right: 2px;
        margin: 0
    }

.k-breadcrumbs {
    position: relative;
    float: left;
    width: 79%
}

.k-breadcrumbs-wrap {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px
}

.k-breadcrumbs > .k-input {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    border: 0
}

.k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
    position: static
}

    .k-breadcrumbs .k-link:hover {
        text-decoration: underline
    }

.k-filebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default
}

.k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap
}

    .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
        display: none
    }

.k-filebrowser .k-toolbar-wrap {
    float: left
}

.k-filebrowser .k-tiles-arrange {
    float: right
}

    .k-filebrowser .k-tiles-arrange .k-dropdown {
        width: 75px
    }

.k-filebrowser .k-upload {
    float: left;
    z-index: 10010;
    border-width: 0;
    background-color: transparent
}

    .k-filebrowser .k-upload .k-upload-status {
        display: none
    }

    .k-filebrowser .k-upload .k-upload-button {
        width: auto;
        margin-left: 0;
        vertical-align: top
    }

    .k-filebrowser .k-upload .k-icon {
        vertical-align: bottom
    }

.k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2
}

.k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer
}

.k-tiles li.k-state-hover, .k-tiles li.k-state-selected {
    background-position: 0 center
}

.k-filebrowser .k-thumb {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 4px 10px 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-filebrowser .k-file {
    width: 80px;
    height: 80px
}

.k-filebrowser .k-image {
    margin: 2px 0 0 2px
}

.k-filebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat
}

.k-filebrowser .k-loading {
    margin: 35px 0 0 33px
}

.k-tile input, .k-tile strong {
    margin: 10px 0 4px;
    font-weight: 400
}

.k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-tile input {
    width: 100px
}

.k-tile .k-filesize, .k-tile input, .k-tile strong {
    display: block
}

.k-filebrowser .k-form-text-row {
    text-align: right
}

    .k-filebrowser .k-form-text-row label {
        width: 14%
    }

    .k-filebrowser .k-form-text-row input {
        width: 80%
    }

.k-tile-empty {
    margin: 160px 0 0
}

    .k-tile-empty .k-dialog-upload {
        font-weight: 700;
        font-size: 120%
    }

    .k-tile-empty strong {
        display: block;
        margin: 0 0 .2em;
        font-size: 3em;
        font-weight: 400
    }

    .k-tile-empty, .k-tile-empty .k-button-wrapper {
        text-align: center
    }

.k-chart, .k-gauge, .k-sparkline, .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-chart, .k-stockchart {
    height: 400px
}

.k-stockchart, div.k-chart, div.k-gauge, span.k-sparkline {
    background-color: transparent
}

.k-gauge {
    text-align: left;
    position: relative
}

.k-baseline-marker {
    zoom: 1;
    *display: inline
}

.k-chart-tooltip {
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
    z-index: 12000;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    color: #fff
}

.k-chart-tooltip-inverse {
    color: #000
}

.k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse
}

.k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px
}

.k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em
}

.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0)
}

.k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%
}

.k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,.01);
    filter: alpha(opacity=1)
}

.k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute
}

    .k-handle div {
        width: 100%;
        height: 100%;
        background-color: transparent
    }

.k-leftHandle {
    left: -4px
}

.k-rightHandle {
    right: -4px
}

.k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0
}

.k-leftHandle.k-handle-active div {
    margin-left: -40px;
    padding-right: 55px
}

.k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px
}

.k-rightHandle.k-handle-active div {
    padding-left: 55px
}

.k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8
}

.k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute
}

.k-navigator-hint div {
    position: absolute
}

.k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2
}

.k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    background: #fff
}

.k-sparkline, .k-sparkline span {
    display: inline-block;
    vertical-align: top
}

    .k-sparkline span {
        height: 100%;
        width: 100%
    }

.k-diagram, .k-map {
    height: 600px
}

    .k-diagram .km-scroll-wrapper, .k-map .km-scroll-wrapper {
        padding-bottom: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .k-diagram .km-scroll-container, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-map .km-scroll-wrapper {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .k-diagram .k-layer, .k-map .k-layer {
        position: absolute;
        left: 0;
        top: 0
    }

    .k-diagram .km-touch-scrollbar, .k-map .km-touch-scrollbar {
        display: none
    }

    .k-map .k-marker {
        position: absolute;
        width: 28px;
        height: 40px;
        margin: -40px 0 0 -14px;
        cursor: pointer
    }

    .k-map .k-marker-pin {
        background-position: 0 40px
    }

    .k-map .k-marker-pin-target {
        background-position: 0 0
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-map .k-marker {
        width: 56px;
        height: 80px;
        margin: -80px 0 0 -28px
    }

    .k-map .k-marker-pin {
        background-position: 0 80px
    }
}

.k-map .k-pos-top {
    top: 0
}

.k-map .k-pos-bottom {
    bottom: 0
}

.k-map .k-pos-left {
    left: 0
}

.k-map .k-pos-right {
    right: 0
}

.k-map-controls {
    position: absolute
}

    .k-map-controls.k-pos-left .k-widget:first-child {
        margin-right: 0
    }

    .k-map-controls.k-pos-right .k-widget:first-child {
        margin-left: 0
    }

.k-navigator {
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.k-pdf-export .k-navigator {
    display: none
}

.k-navigator > button {
    border-color: transparent;
    background: 0 0
}

div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    line-height: 1px
}

div.k-navigator .k-navigator-n {
    top: 2px;
    left: 50%;
    margin-left: -9px
}

div.k-navigator .k-navigator-e {
    right: 2px;
    top: 50%;
    margin-top: -9px
}

div.k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    margin-left: -9px
}

div.k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    margin-top: -9px
}

.k-map .k-attribution {
    background-color: rgba(255,255,255,.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000
}

.k-zoom-control {
    margin: 14px;
    vertical-align: middle
}

.k-pdf-export .k-zoom-control {
    display: none
}

.k-button-wrap {
    border-radius: 4px;
    display: inline-block
}

    .k-button-wrap .k-button {
        position: relative;
        font: 700 17px/1.18 monospace
    }

.k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px
}

    .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: -1px
    }

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.k-button-wrap .k-button:hover {
    z-index: 1
}

.k-buttons-vertical .k-button {
    display: block
}

.k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0
}

.k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px
}

.k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0
}

    .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: 0;
        margin-right: -1px
    }

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px
}

.k-diagram {
    height: 600px
}

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative
    }

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative
    }

.k-canvas-container {
    width: 100%;
    height: 100%
}

.k-diagram img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-treemap {
    overflow: hidden;
    height: 400px
}

.k-treemap-tile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden
}

    .k-treemap-tile.k-leaf {
        padding: .6em
    }

.k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em
}

.k-treemap-tile.k-state-hover, .k-treemap-tile.k-state-hover:hover {
    z-index: 2;
    background-image: none
}

.k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%
}

.k-treemap-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap
}

.k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid
}

.k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.k-treemap-title + .k-treemap-wrap {
    top: 2.42em
}

.k-treemap-title-vertical {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap
}

    .k-treemap-title-vertical > div {
        position: absolute;
        top: 0;
        right: 1.23em;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .k-treemap-title-vertical + .k-treemap-wrap {
        left: 2.42em
    }

.km-pane, .km-pane-wrapper, .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.km-pane-wrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

.km-pane, .km-shim {
    font-family: sans-serif
}

.km-pane {
    overflow-x: hidden
}

.km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top
}

.k-ff .km-pane, .k-ff .km-view {
    overflow: hidden
}

.k-ff18 .km-pane, .k-ff18 .km-view, .k-ff19 .km-pane, .k-ff19 .km-view, .k-ff20 .km-pane, .k-ff20 .km-view, .k-ff21 .km-pane, .k-ff21 .km-view {
    position: relative
}

.k-ff .km-view {
    display: -moz-inline-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-align: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative
}

.km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    line-height: 2em
}

.km-actionsheet {
    padding: 0;
    margin: 0
}

.km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 10001
}

    .km-actionsheet-wrapper, .km-shim .k-animation-container {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0
    }

    .km-shim .k-animation-container {
        width: auto
    }

.km-pane-wrapper .k-grid-column-menu > .km-header, .km-pane-wrapper .k-grid-edit-form > .km-header, .km-pane-wrapper .k-grid-filter-menu > .km-header, .km-pane-wrapper .k-scheduler-edit-form > .km-header {
    border-style: solid;
    border-width: 1px;
    padding: .3em .6em;
    text-align: center;
    width: auto;
    line-height: 2em
}

.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer, .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
    line-height: 2em
}

.km-pane-wrapper .k-grid-edit-form .k-multiselect, .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
    width: 15em
}

.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
    display: block
}

.km-pane-wrapper .k-grid-column-menu .k-done, .km-pane-wrapper .k-grid-edit-form .k-grid-update, .km-pane-wrapper .k-grid-filter-menu .k-submit, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right
}

.km-pane-wrapper .k-grid-edit-form .k-grid-cancel, .km-pane-wrapper .k-grid-filter-menu .k-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left
}

.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    display: block;
    text-align: center
}

:not(.km-pane) > .km-shim .km-actionsheet .k-button {
    font-size: 1.4em;
    margin: .3em 1em
}

:not(.km-pane) > .km-shim .km-actionsheet-title {
    text-align: center;
    line-height: 3em;
    margin-bottom: -.3em
}

:not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important
}

.km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400
}

.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    width: 74%
}

.km-pane-wrapper .k-grid-edit-form .k-edit-form-container, .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto
}

.km-pane-wrapper .k-filter-menu .k-button {
    width: 100%;
    margin: 0
}

.k-grid-mobile {
    border-width: 0
}

    .k-grid-mobile .k-resize-handle-inner {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: -7px;
        width: 17px;
        height: 17px;
        border-style: solid;
        border-width: 2px;
        border-radius: 10px
    }

        .k-grid-mobile .k-resize-handle-inner:before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: 1px;
            width: 6px;
            height: 6px;
            background-position: -5px -53px
        }

        .k-grid-mobile .k-resize-handle-inner:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 1px;
            width: 6px;
            height: 6px;
            background-position: -5px -21px
        }

.km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.km-pane-wrapper .k-mobile-list ul, .km-pane-wrapper .km-pane .k-mobile-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: 0 0
}

.km-pane-wrapper .km-switch {
    top: 50%;
    right: .8rem;
    position: absolute;
    margin-top: -1.1rem
}

.km-pane-wrapper .k-mobile-list .k-state-disabled {
    opacity: 1
}

    .km-pane-wrapper .k-mobile-list .k-state-disabled > * {
        opacity: .7
    }

.km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0 .5em 1em;
    font-size: 1em
}

.km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
    padding-top: 1em;
    width: 100%
}

.km-pane-wrapper .k-mobile-list .k-edit-label {
    position: absolute;
    margin: 0;
    float: none;
    clear: none;
    width: 100%
}

    .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label label {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .1em 0;
        margin: 0
    }

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item {
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
    width: 100%;
    float: none;
    clear: none;
    min-height: 2.7em
}

.km-pane-wrapper .k-grid-delete .k-icon, .km-pane-wrapper .k-grid-edit .k-icon, .km-pane-wrapper .k-grid-toolbar .k-icon, .km-pane-wrapper .km-header .k-icon {
    display: none
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    padding: .5em 0
}

.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
    padding: .3em 0
}

    .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
        line-height: 2em
    }

.km-pane-wrapper .k-mobile-list .k-item > * {
    line-height: normal
}

.km-pane-wrapper .k-mobile-list .k-button-container, .km-pane-wrapper .k-mobile-list .k-edit-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0
}

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: 400;
    line-height: 2em;
    background: 0 0;
    border-top: 1em solid transparent
}

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
    position: relative
}

.km-pane-wrapper .k-mobile-list .k-item:first-child {
    border-top: 0
}

.km-pane-wrapper .k-mobile-list .k-item:last-child {
    border-bottom: 0
}

.km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em 0 -.5em -1em
}

.k-check[type=checkbox], .k-check[type=radio], .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio], .km-pane-wrapper .k-mobile-list .k-label .k-check, .km-pane-wrapper .k-mobile-list .k-link .k-check {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0
}

.k-ie .k-mobile-list .k-edit-field [type=checkbox], .k-ie .k-mobile-list .k-edit-field [type=radio], .k-ie .km-pane-wrapper .k-icon, .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
    font-size: inherit;
    text-indent: -9999px;
    width: 1.01em;
    height: 1em
}

.km-pane-wrapper .k-column-menu .k-label .k-check {
    height: 16px;
    width: 16px
}

.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.km-pane-wrapper .k-mobile-list .k-widget {
    border: 0;
    border-radius: 0
}

.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
    height: initial
}

.km-pane-wrapper .k-mobile-list .k-widget .k-input, .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
    border: 0;
    background: 0 0
}

.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 80%;
    padding: .6em 0;
    margin: -.5em 0
}

.km-pane-wrapper .k-mobile-list .k-edit-field > *, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .km-pane .k-mobile-list input, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    padding: 10px;
    border-radius: 0
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        float: none;
        width: 100%;
        padding: 1px 0;
        margin: 0;
        border-radius: 3px;
        text-indent: 30px;
        border-width: 1px;
        border-style: solid
    }

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon {
    position: absolute;
    left: 20px;
    z-index: 1
}

.km-pane-wrapper .k-scheduler-views {
    width: 18em
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5em 1em
}

.km-pane-wrapper #recurrence .k-scheduler-navigation {
    width: 100%
}

.km-pane-wrapper .k-mobile-list .k-scheduler-navigation, .km-pane-wrapper .k-scheduler-views {
    display: table;
    table-layout: fixed
}

    .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li, .km-pane-wrapper .k-scheduler-views li {
        display: table-cell;
        text-align: center
    }

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        margin-top: -.5em
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
        margin-bottom: -.5em
    }

.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em
}

.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left
}

.km-pane-wrapper .k-mobile-list .k-dropdown-wrap, .km-pane-wrapper .k-mobile-list .k-numeric-wrap, .km-pane-wrapper .k-mobile-list .k-picker-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-pane-wrapper .k-mobile-list .k-datepicker .k-select, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
    position: absolute;
    top: 0;
    right: 0;
    line-height: normal
}

    .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
        content: "\a0";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
    height: 50%
}

.km-pane-wrapper .k-edit-form-container .k-button, .km-pane-wrapper .k-grid .k-button {
    margin: 0
}

    .km-pane-wrapper .k-edit-form-container .k-button + .k-button, .km-pane-wrapper .k-grid .k-button + .k-button {
        margin: 0 0 0 .18em
    }

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap > .k-link {
    width: 2.4em;
    height: 2.4em;
    line-height: 2.1em;
    border-radius: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 2.2em;
    padding: 0 .86em;
    min-width: .7em
}

.km-pane-wrapper .k-pager-wrap {
    line-height: 2.4em
}

@media all and (max-width:1024px) {
    .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
        position: absolute;
        right: .3em;
        top: .3em
    }

    .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav, .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
        right: 3em
    }

    .km-pane-wrapper .k-pager-info, .km-pane-wrapper .k-pager-refresh {
        display: none
    }
}

@media all and (max-width:699px),(-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px) {
    .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
        width: 50%
    }

    .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
        margin-left: 50%
    }

    .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
        margin-left: 1em
    }

    .km-pane-wrapper .k-nav-today a {
        padding-left: .6em;
        padding-right: .6em
    }

    .km-pane-wrapper li.k-nav-current {
        margin-left: 0;
        margin-right: 0
    }

    .km-pane-wrapper .k-pager-wrap {
        position: relative
    }

    .km-pane-wrapper .k-pager-numbers {
        width: auto;
        display: block;
        overflow: hidden;
        margin-right: 5.5em;
        float: none;
        text-overflow: ellipsis;
        height: 2.4em;
        text-align: center
    }

        .km-pane-wrapper .k-pager-numbers li {
            float: none;
            display: inline-block
        }

    .km-pane-wrapper .k-pager-nav {
        float: left
    }
}

.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%
}

.km-scroll-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0)
}

.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear"
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px
}

@media only screen and (max-width:1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none
    }

    .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none
    }

    .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left
    }
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.k-fx {
    position: relative
}

    .k-fx .k-fx-current {
        z-index: 0
    }

    .k-fx .k-fx-next {
        z-index: 1
    }

.k-fx-hidden, .k-fx-hidden * {
    visibility: hidden !important
}

.k-fx-reverse .k-fx-current {
    z-index: 1
}

.k-fx-reverse .k-fx-next {
    z-index: 0
}

.k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0
}

.k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-virtual-wrap {
    position: relative
}

    .k-virtual-wrap .k-list.k-virtual-list {
        height: auto
    }

.k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-wrap > .k-virtual-header {
    text-align: right
}

.k-popup .k-item.k-first {
    position: relative
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em
}

.k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8
}

.k-popup .k-state-hover > .k-group {
    right: -1px
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right
}

@font-face {
    font-family: KendoUIGlyphs;
    src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j);
    src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j?#iefix) format('embedded-opentype'),url(fonts/glyphs/KendoUIGlyphs.ttf?y6oa7j) format('truetype'),url(fonts/glyphs/KendoUIGlyphs.woff?y6oa7j) format('woff'),url(fonts/glyphs/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs) format('svg');
    font-weight: 400;
    font-style: normal
}

.k-i-arrow-n:before {
    content: "\e600"
}

.k-i-arrow-e:before {
    content: "\e601"
}

.k-i-arrow-s:before {
    content: "\e602"
}

.k-i-arrow-w:before {
    content: "\e603"
}

.k-i-seek-n:before {
    content: "\e604"
}

.k-i-seek-e:before {
    content: "\e605"
}

.k-i-seek-s:before {
    content: "\e606"
}

.k-i-seek-w:before {
    content: "\e607"
}

.k-i-sarrow-n:before {
    content: "\e608"
}

.k-i-sarrow-e:before {
    content: "\e609"
}

.k-i-sarrow-s:before {
    content: "\e60a"
}

.k-i-sarrow-w:before {
    content: "\e60b"
}

.k-i-expand-n:before {
    content: "\e60c"
}

.k-i-expand-e:before {
    content: "\e60d"
}

.k-i-expand-s:before {
    content: "\e60e"
}

.k-i-expand-w:before {
    content: "\e60f"
}

.k-i-collapse-ne:before {
    content: "\e610"
}

.k-i-collapse-se:before {
    content: "\e611"
}

.k-i-collapse-sw:before {
    content: "\e612"
}

.k-i-collapse-nw:before {
    content: "\e613"
}

.k-i-resize-ne:before {
    content: "\e614"
}

.k-i-resize-se:before {
    content: "\e615"
}

.k-i-resize-sw:before {
    content: "\e616"
}

.k-i-resize-nw:before {
    content: "\e617"
}

.k-i-arrowhead-n:before {
    content: "\e618"
}

.k-i-arrowhead-e:before {
    content: "\e619"
}

.k-i-arrowhead-s:before {
    content: "\e61a"
}

.k-i-arrowhead-w:before {
    content: "\e61b"
}

.k-i-pencil:before {
    content: "\e61c"
}

.k-i-x:before {
    content: "\e61d"
}

.k-i-checkmark:before {
    content: "\e61e"
}

.k-i-deny:before {
    content: "\e61f"
}

.k-i-trash:before {
    content: "\e620"
}

.k-i-plus:before {
    content: "\e621"
}

.k-i-splus:before {
    content: "\e622"
}

.k-i-minus:before {
    content: "\e623"
}

.k-i-sminus:before {
    content: "\e624"
}

.k-i-filter:before {
    content: "\e625"
}

.k-i-filter-clear:before {
    content: "\e626"
}

.k-i-refresh:before {
    content: "\e627"
}

.k-i-refresh-clear:before {
    content: "\e628"
}

.k-i-restore:before {
    content: "\e629"
}

.k-i-maximize:before {
    content: "\e62a"
}

.k-i-minimize:before {
    content: "\e62b"
}

.k-i-pin:before {
    content: "\e62c"
}

.k-i-unpin:before {
    content: "\e62d"
}

.k-i-calendar:before {
    content: "\e62e"
}

.k-i-clock:before {
    content: "\e62f"
}

.k-i-search:before {
    content: "\e630"
}

.k-i-zoom-in:before {
    content: "\e631"
}

.k-i-zoom-out:before {
    content: "\e632"
}

.k-i-print:before {
    content: "\e633"
}

.k-i-folder-add:before {
    content: "\e634"
}

.k-i-folder-up:before {
    content: "\e635"
}

.k-i-folder-open:before {
    content: "\e634"
}

.k-i-insert-image:before {
    content: "\e636"
}

.k-i-image:before {
    content: "\e637"
}

.k-i-insert-file:before {
    content: "\e638"
}

.k-i-file:before {
    content: "\e639"
}

.k-i-files:before {
    content: "\e63a"
}

.k-i-pdf:before {
    content: "\e63b"
}

.k-i-pdfa:before {
    content: "\e68d"
}

.k-i-xls:before {
    content: "\e63c"
}

.k-i-xlsa:before {
    content: "\e63d"
}

.k-i-lock:before {
    content: "\e63e"
}

.k-i-unlock:before {
    content: "\e63f"
}

.k-i-rows:before {
    content: "\e640"
}

.k-i-columns:before {
    content: "\e641"
}

.k-i-hamburger:before {
    content: "\e642"
}

.k-i-vbars:before {
    content: "\e643"
}

.k-i-hbars:before {
    content: "\e644"
}

.k-i-move:before {
    content: "\e645"
}

.k-i-group:before {
    content: "\e646"
}

.k-i-ungroup:before {
    content: "\e647"
}

.k-i-dimension:before {
    content: "\e648"
}

.k-i-connector:before {
    content: "\e649"
}

.k-i-kpi:before {
    content: "\e64a"
}

.k-i-undo:before {
    content: "\e64b"
}

.k-i-redo:before {
    content: "\e64c"
}

.k-i-undo-large:before {
    content: "\e64d"
}

.k-i-redo-large:before {
    content: "\e64e"
}

.k-i-rotate-ccw:before {
    content: "\e64f"
}

.k-i-rotate-cw:before {
    content: "\e650"
}

.k-i-cut:before {
    content: "\e651"
}

.k-i-copy:before {
    content: "\e652"
}

.k-i-paste:before {
    content: "\e653"
}

.k-i-bold:before {
    content: "\e654"
}

.k-i-italic:before {
    content: "\e655"
}

.k-i-underline:before {
    content: "\e656"
}

.k-i-strike-through:before {
    content: "\e657"
}

.k-i-text:before {
    content: "\e658"
}

.k-i-font-size:before {
    content: "\e68e"
}

.k-i-font-family:before {
    content: "\e68f"
}

.k-i-fx:before {
    content: "\e659"
}

.k-i-subscript:before {
    content: "\e65a"
}

.k-i-superscript:before {
    content: "\e65b"
}

.k-i-background:before {
    content: "\e65c"
}

.k-i-sum:before {
    content: "\e65d"
}

.k-i-increase-decimal:before {
    content: "\e65e"
}

.k-i-decrease-decimal:before {
    content: "\e65f"
}

.k-i-justify-left:before {
    content: "\e660"
}

.k-i-justify-center:before {
    content: "\e661"
}

.k-i-justify-right:before {
    content: "\e662"
}

.k-i-justify-full:before {
    content: "\e663"
}

.k-i-justify-clear:before {
    content: "\e664"
}

.k-i-align-top:before {
    content: "\e665"
}

.k-i-align-middle:before {
    content: "\e666"
}

.k-i-align-bottom:before {
    content: "\e667"
}

.k-i-indent:before {
    content: "\e668"
}

.k-i-outdent:before {
    content: "\e669"
}

.k-i-insert-n:before {
    content: "\e66a"
}

.k-i-insert-m:before {
    content: "\e66b"
}

.k-i-insert-s:before {
    content: "\e66c"
}

.k-i-insert-unordered-list:before {
    content: "\e66d"
}

.k-i-insert-ordered-list:before {
    content: "\e66e"
}

.k-i-sort-asc:before {
    content: "\e66f"
}

.k-i-sort-desc:before {
    content: "\e670"
}

.k-i-unsort:before {
    content: "\e671"
}

.k-i-hyperlink:before {
    content: "\e672"
}

.k-i-hyperlink-remove:before {
    content: "\e673"
}

.k-i-clearformat:before {
    content: "\e674"
}

.k-i-html:before {
    content: "\e675"
}

.k-i-exception:before {
    content: "\e676"
}

.k-i-custom:before {
    content: "\e677"
}

.k-i-cog:before {
    content: "\e678"
}

.k-i-create-table:before {
    content: "\e679"
}

.k-i-add-column-left:before {
    content: "\e67a"
}

.k-i-add-column-right:before {
    content: "\e67b"
}

.k-i-delete-column:before {
    content: "\e67c"
}

.k-i-add-row-above:before {
    content: "\e67d"
}

.k-i-add-row-below:before {
    content: "\e67e"
}

.k-i-delete-row:before {
    content: "\e67f"
}

.k-i-merge-cells:before {
    content: "\e680"
}

.k-i-normal-layout:before {
    content: "\e681"
}

.k-i-page-layout:before {
    content: "\e682"
}

.k-i-all-borders:before {
    content: "\e683"
}

.k-i-inside-borders:before {
    content: "\e684"
}

.k-i-inside-horizontal-borders:before {
    content: "\e685"
}

.k-i-inside-vertical-borders:before {
    content: "\e686"
}

.k-i-outside-borders:before {
    content: "\e687"
}

.k-i-top-border:before {
    content: "\e688"
}

.k-i-right-border:before {
    content: "\e689"
}

.k-i-bottom-border:before {
    content: "\e68a"
}

.k-i-left-border:before {
    content: "\e68b"
}

.k-i-no-borders:before {
    content: "\e68c"
}

.k-i-merge-horizontally:before {
    content: "\e690"
}

.k-i-merge-vertically:before {
    content: "\e691"
}

.k-i-text-wrap:before {
    content: "\e692"
}

.k-i-dollar:before {
    content: "\e693"
}

.k-i-percent:before {
    content: "\e694"
}

.k-i-freeze-col:before {
    content: "\e695"
}

.k-i-freeze-row:before {
    content: "\e696"
}

.k-i-freeze-panes:before {
    content: "\e697"
}

.k-i-format-number:before {
    content: "\e698"
}

.k-i-reset-color:before {
    content: "\e900"
}

.k-i-file-horizontal:before {
    content: "\e901"
}

.k-i-folder:before {
    content: "\e902"
}

.k-i-folder-open:before {
    content: "\e903"
}

.k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default
}

    .k-spreadsheet .k-spreadsheet-pane {
        padding-right: 1px;
        position: absolute;
        border-width: 1px;
        border-style: solid;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .k-spreadsheet .k-spreadsheet-pane.k-top {
            border-top-width: 0
        }

        .k-spreadsheet .k-spreadsheet-pane.k-left {
            border-left-width: 0
        }

        .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
            position: absolute;
            white-space: pre;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            padding: 1px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box
        }

    .k-spreadsheet .k-spreadsheet-haxis, .k-spreadsheet .k-spreadsheet-vaxis {
        position: absolute;
        border-style: solid
    }

    .k-spreadsheet .k-spreadsheet-vaxis {
        top: 0;
        border-width: 0 0 0 1px
    }

    .k-spreadsheet .k-spreadsheet-haxis {
        left: 0;
        border-width: 1px 0 0
    }

    .k-spreadsheet .k-filter-range, .k-spreadsheet .k-spreadsheet-selection {
        border-width: 1px;
        border-style: solid;
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-spreadsheet .k-spreadsheet-active-cell {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-spreadsheet .k-spreadsheet-formula-bar {
        border-width: 0 1px 1px;
        border-style: solid;
        padding-left: 31px;
        position: relative;
        font-size: 12px;
        font-family: Arial,Verdana,sans-serif
    }

        .k-spreadsheet .k-spreadsheet-formula-bar:before {
            background-image: none;
            font-family: KendoUIGlyphs;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: 1.3em;
            line-height: 1;
            opacity: 1;
            text-indent: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e659";
            display: block;
            height: 20px;
            top: 3px;
            border-width: 0 1px 0 0;
            border-style: solid;
            position: absolute;
            width: 24px;
            margin-left: -24px
        }

        .k-spreadsheet .k-spreadsheet-formula-bar:after {
            content: "";
            display: block;
            border-width: 0 0 1px;
            border-style: solid;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%
        }

    .k-spreadsheet .k-spreadsheet-formula-input {
        outline: 0;
        border-width: 0;
        height: 26px;
        line-height: 20px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: pre;
        padding: 3px .5em 0
    }

    .k-spreadsheet .k-spreadsheet-cell-editor {
        position: absolute;
        display: none;
        padding: 0 3px;
        line-height: 20px;
        z-index: 2000;
        overflow: hidden
    }

    .k-spreadsheet > .k-spreadsheet-view {
        position: relative;
        font-size: 12px;
        font-family: Arial,Verdana,sans-serif
    }

    .k-spreadsheet .k-tabstrip-wrapper {
        position: relative;
        line-height: 1.7em
    }

        .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
            padding: 0 0 0
        }

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding: 0 0 0
    }

        .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
            padding: .3em;
            line-height: 1.4em
        }

    .k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-row-header {
        position: relative
    }

    .k-spreadsheet .k-spreadsheet-column-header {
        position: absolute
    }

    .k-spreadsheet .k-spreadsheet-sheets-bar {
        border-width: 1px 0 0
    }

    .k-spreadsheet .k-vertical-align-center {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .k-spreadsheet .k-vertical-align-bottom {
        position: relative;
        top: 100%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .k-spreadsheet .k-dirty {
        position: absolute;
        top: 0;
        right: 0;
        margin: -2px 0 0 -7px;
        border-width: 4px;
        border-color: red red transparent transparent
    }

    .k-spreadsheet .k-single-selection::after {
        content: " ";
        height: 6px;
        width: 6px;
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
        border-radius: 50%;
        margin-bottom: -5px;
        margin-right: -5px;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        cursor: crosshair
    }

    .k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
        display: none
    }

    .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-spreadsheet .k-auto-fill {
        border-width: 1px;
        border-style: solid;
        cursor: crosshair
    }

    .k-spreadsheet .k-auto-fill-wrapper {
        position: relative
    }

.k-horizontal-resize {
    cursor: col-resize
}

.k-vertical-resize {
    cursor: row-resize
}

.k-merged-cells-wrapper, .k-selection-wrapper, .k-spreadsheet-active-cell, .k-spreadsheet-data {
    cursor: cell
}

.k-horizontal-resize .k-merged-cells-wrapper, .k-horizontal-resize .k-selection-wrapper, .k-horizontal-resize .k-spreadsheet-active-cell, .k-horizontal-resize .k-spreadsheet-data {
    cursor: col-resize
}

.k-vertical-resize .k-merged-cells-wrapper, .k-vertical-resize .k-selection-wrapper, .k-vertical-resize .k-spreadsheet-active-cell, .k-vertical-resize .k-spreadsheet-data {
    cursor: row-resize
}

.k-font-icon, .k-font-icon.k-icon, .k-font-icon.k-tool-icon {
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    font-size: 16px
}

.k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible
}

.k-button.k-custom-color, .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em
}

.k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em
}

.k-spreadsheet-filter {
    position: absolute;
    cursor: pointer
}

.k-spreadsheet-sample {
    float: right
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

textarea.k-spreadsheet-clipboard {
    position: fixed
}

.k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid
}

    .k-spreadsheet-top-corner:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        border-width: 6px;
        border-style: solid
    }

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-spreadsheet-view-size {
    position: relative
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    text-align: center
}

    .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell {
        border-style: solid;
        border-width: 0 1px 1px 0
    }

.k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0
}

    .k-spreadsheet-window .k-root-tabs .k-loading {
        display: none
    }

.k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    border-width: 1px;
    border-style: solid;
    height: 190px
}

.k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em
}

.k-spreadsheet-window .k-format-filter {
    width: 100%
}

    .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
        margin-top: 1em
    }

.k-spreadsheet-window .k-action-buttons {
    padding: 1em
}

.k-spreadsheet-window .k-edit-label {
    width: 20%
}

.k-spreadsheet-window .k-edit-field {
    width: 70%
}

    .k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
        width: 100%
    }

.k-spreadsheet-window .export-config {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 1em;
    margin: 0 -1em
}

    .k-spreadsheet-window .export-config .k-edit-field {
        width: 40%;
        float: left;
        margin-left: 30px
    }

.k-spreadsheet-window .k-edit-field > input[type=radio] {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0
}

.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid
}

    .k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
        font-family: KendoUIGlyphs;
        font-size: 16px
    }

.k-spreadsheet-window .k-orientation-portrait-label:before {
    content: "\e639"
}

.k-spreadsheet-window .k-orientation-landscape-label:before {
    content: "\e901"
}

.k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 4em;
    top: 22%;
    width: 64px;
    height: 92px;
    border-width: 1px;
    border-style: solid
}

    .k-spreadsheet-window .k-page-orientation:before {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-width: 3px;
        border-style: solid;
        margin-top: -1px;
        margin-right: -1px
    }

.k-spreadsheet-window .k-page-landscape {
    top: 26%;
    width: 92px;
    height: 64px
}

.k-spreadsheet-window .k-margins-horizontal {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 62px;
    border-width: 1px 0;
    border-style: solid
}

.k-spreadsheet-window .k-margins-vertical {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34px;
    height: 100%;
    border-width: 0 1px;
    border-style: solid
}

.k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
    height: 34px
}

.k-spreadsheet-window .k-page-landscape .k-margins-vertical {
    width: 62px
}

.k-spreadsheet-window .export-config:after, .k-spreadsheet-window > div:after {
    content: " ";
    display: block;
    clear: both;
    height: 0
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0
}

.k-spreadsheet-border-palette {
    width: 153px
}

    .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20%
    }

    .k-spreadsheet-border-palette .k-colorpalette {
        vertical-align: bottom
    }

.k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-popup .k-colorpalette {
    vertical-align: top
}

.k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .6em 1.2em .6em 1em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-filter-menu {
    width: 280px
}

    .k-spreadsheet-filter-menu > .k-menu {
        border-width: 0
    }

        .k-spreadsheet-filter-menu > .k-menu .k-link {
            padding-left: 26px
        }

        .k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
            margin-left: -26px;
            width: 26px
        }

    .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
        height: 200px;
        overflow-y: scroll;
        overflow-x: auto;
        border-width: 1px;
        border-style: solid
    }

        .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
            overflow: visible;
            padding: 6px 7px
        }

    .k-spreadsheet-filter-menu .k-details {
        border-top-width: 1px;
        border-top-style: solid;
        padding: 4px 0
    }

    .k-spreadsheet-filter-menu .k-details-summary {
        cursor: pointer;
        line-height: 26px
    }

        .k-spreadsheet-filter-menu .k-details-summary .k-icon {
            margin: 0 5px
        }

    .k-spreadsheet-filter-menu .k-details-content {
        padding: 0 8px 0 26px
    }

        .k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget {
            width: 100%;
            margin-bottom: 3px
        }

        .k-spreadsheet-filter-menu .k-details-content .k-space-right {
            background-image: none
        }

        .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
            width: 75px;
            margin: 8px 0
        }

    .k-spreadsheet-filter-menu .k-action-buttons {
        border-top-width: 0;
        margin: 8px;
        padding: 0;
        position: static
    }

.k-resize-handle, .k-resize-hint {
    position: absolute
}

.k-resize-hint-handle {
    width: 100%;
    height: 20px
}

.k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto
}

.k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left
}

.k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%
}

.k-button.k-spreadsheet-sheets-bar-add, .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

.k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

    .k-spreadsheet-tabstrip > .k-content {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        margin: 0;
        padding: 0
    }

    .k-spreadsheet-tabstrip .k-loading {
        display: none
    }

.k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

    .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
        margin-left: 0
    }

    .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
        border-width: 0
    }

.k-spreadsheet-toolbar .k-button, .k-spreadsheet-toolbar > .k-button-group, .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
    margin: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

    .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
        width: 75px
    }

    .k-spreadsheet-toolbar > .k-widget[data-property=format] {
        width: 100px
    }

    .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
        width: 130px
    }

.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
    border-color: transparent
}

.k-spreadsheet-toolbar .k-separator {
    margin: 0 3px;
    width: 0;
    overflow: hidden;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline
}

.k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent
}

.k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-spreadsheet-formula-list {
    min-width: 100px
}

    .k-spreadsheet-formula-list .k-item {
        padding: 0 .3em;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-spreadsheet-sheets-bar {
    position: relative
}

.k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em
}

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
        padding: 2px;
        line-height: normal
    }

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
        margin: 0
    }

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important
}

@font-face {
    font-family: "DejaVu Sans";
    src: url(fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    src: url(fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    src: url(fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype")
}

.kendo-pdf-hide-pseudo-elements:after, .kendo-pdf-hide-pseudo-elements:before {
    display: none !important
}

.k-button, .k-toolbar .k-button {
    line-height: 1.143em;
    padding: 9px 14px
}

.k-widget.k-tabstrip {
    background-image: none;
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-tabstrip .k-tabstrip-items {
    padding: 0
}

.k-panelbar .k-tabstrip > div.k-content, .k-tabstrip > div.k-content {
    margin: 0
}

.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
    line-height: 3.5em
}

.k-panelbar .k-image {
    margin-top: 12px
}

.k-panelbar .k-link > .k-sprite {
    margin-top: 16px
}

.k-tabstrip > .k-tabstrip-items > .k-item {
    text-transform: uppercase;
    border-width: 0;
    border-style: solid;
    padding: 0
}

.k-tabstrip-left > .k-tabstrip-items .k-loading, .k-tabstrip-right > .k-tabstrip-items .k-loading {
    display: none
}

.k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-tabstrip-top > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px
}

.k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-bottom-width: 2px
}

.k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px
}

.k-tabstrip-left > .k-tabstrip-items > .k-item {
    border-right-width: 2px
}

.k-tabstrip-right > .k-tabstrip-items > .k-item {
    border-left-width: 2px
}

.k-tabstrip-bottom > .k-tabstrip-items > .k-item {
    border-top-width: 2px
}

.k-tabstrip .k-tabstrip-items .k-link {
    padding: 1.071em
}

.k-slider-track {
    border-width: 1px;
    border-style: solid
}

.k-grouping-dropclue {
    margin-top: 10px
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: .786em .6em
}

.k-grid-header th.k-header {
    padding-left: 1.286em
}

.k-filtercell > span {
    padding-right: 5.714em
}

    .k-filtercell > span > .k-button {
        padding-left: .714em;
        padding-right: .714em;
        line-height: 1.286em;
        margin: 0
    }

.k-filter-row .k-dropdown-operator {
    width: 2.714em;
    right: 2.857em
}

.k-filter-menu {
    padding: .5em .5em 0
}

    .k-filter-menu .k-button {
        margin: 0;
        width: 50%;
        border-radius: 0
    }

    .k-filter-menu .k-primary {
        float: right
    }

    .k-filter-menu > div > div:last-child {
        margin: .5em -.5em 0;
        border-top-width: 1px;
        border-top-style: solid
    }

    .k-filter-menu .k-primary {
        border-left-width: 1px;
        border-left-style: solid
    }

.k-grouping-header .k-group-indicator {
    padding: .5em .15em .429em .4em
}

.k-grid .k-grouping-row td {
    padding: .6em .6em .643em
}

.k-grouping-header .k-button, .k-grouping-header a {
    vertical-align: baseline
}

.k-grid td {
    padding: .929em 1.286em
}

.k-grid-header th.k-header > .k-link {
    padding: 0;
    margin: 0;
    min-height: 16px;
    line-height: inherit
}

.k-grouping-header {
    line-height: 2.6
}

.k-grid-content tr:last-child > td {
    border-bottom-width: 0
}

.k-grid tr td, .k-pivot-layout .k-grid tr td {
    border-bottom-width: 1px;
    border-style: solid
}

.k-grouping-row + tr td {
    border-top-width: 0
}

.k-grid-content table tr:first-child td, .k-grid-content-locked table tr:first-child td {
    border-top: 0
}

.k-grid-content tr td {
    border-left-width: 0
}

.k-pager-numbers .k-state-selected {
    line-height: 2.429em;
    cursor: pointer
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    border-width: 2px 0 0;
    padding-top: .7em
}

.k-pager-wrap {
    line-height: 1.286em;
    padding: .429em 0 .429em .25em
}

    .k-pager-numbers .k-link, .k-pager-wrap > .k-link {
        height: 2.429em;
        line-height: 2.429em
    }

    .k-pager-sizes, .k-pager-wrap .k-link {
        padding: 0;
        min-width: 2.429em
    }

    .k-pager-wrap .k-pager-numbers .k-state-selected {
        margin-top: -.45em;
        padding-top: .45em;
        min-width: 2.429em
    }

    .k-pager-wrap input.k-textbox {
        height: 2.571em
    }

.k-pager-info {
    padding: .714em 1.333em .643em 1.333em
}

.k-pager-wrap .k-pager-refresh {
    margin-right: 1.214em
}

.k-pager-wrap .k-dropdown {
    width: 5.2em
}

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    bottom: 10px
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding: 0 2.571em 0 0
}

    .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
        width: 2.571em
    }

.k-datetimepicker {
    width: 19.5em
}

    .k-datetimepicker .k-select {
        width: 5em
    }

    .k-datetimepicker .k-picker-wrap {
        padding-right: 5em
    }

        .k-datetimepicker .k-picker-wrap .k-icon {
            margin: 0 6px
        }

.k-calendar {
    width: 19em
}

    .k-calendar .k-header {
        margin: 0 -5px
    }

    .k-calendar td {
        padding: 0
    }

    .k-calendar .k-content .k-link {
        min-height: 2.571em;
        line-height: 2.571em;
        padding: 0;
        text-align: center
    }

    .k-calendar th {
        border-bottom-width: 0;
        padding: .714em .45em .714em 0
    }

    .k-calendar .k-footer {
        border-top-width: 1px;
        border-top-style: solid;
        margin: 0 -5px
    }

.k-popup.k-list-container {
    padding: .286em 0
}

.k-popup.k-calendar-containe {
    padding: 0
}

.k-fieldselector .k-list .k-item, .k-popup .k-list .k-item {
    min-height: 2.143em;
    line-height: 2.143em
}

.k-fieldselector .k-pivot-configurator-settings li.k-item {
    padding-right: 3.8em
}

.k-popup .k-list .k-item {
    padding: 1px 11px
}

.k-button, .k-calendar .k-footer, .k-calendar .k-header .k-link {
    text-transform: uppercase
}

.k-widget.k-calendar .k-nav-fast {
    width: 65%;
    height: 2.571em;
    line-height: 2.571em;
    margin: .429em -.08333em .429em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-widget.k-calendar .k-nav-next, .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .429em;
    line-height: 2.571em;
    height: 2.571em
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    height: 2.571em;
    width: 2.571em
}

.k-widget.k-calendar .k-nav-prev {
    left: .429em
}

.k-widget.k-calendar .k-nav-next {
    right: .429em
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
    padding: 1.143em 0 1.071em
}

.k-popup.k-calendar-container {
    padding: 0;
    border: 0
}

.k-multiselect-wrap .k-input {
    height: 2.214em
}

.k-multiselect-wrap li {
    border-radius: 1.071em;
    margin: 3px 0 3px 3px;
    padding: 0 1.6em 0 .857em;
    line-height: 1.86em
}

    .k-multiselect-wrap li span {
        margin-right: .4em
    }

.k-multiselect-wrap .k-select {
    padding-top: 0
}

.k-numeric-wrap .k-select {
    vertical-align: baseline
}

.k-numerictextbox .k-link {
    height: 1.284em;
    line-height: 1.357em
}

    .k-numerictextbox .k-link .k-i-arrow-n {
        vertical-align: bottom
    }

    .k-numerictextbox .k-link .k-i-arrow-s {
        vertical-align: top
    }

.k-menu .k-item, .k-menu.k-header, .k-widget.k-menu-horizontal > .k-item {
    border-width: 0
}

.k-popup.k-context-menu {
    border-width: 1px;
    border-style: solid
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    padding: .5em 4.929em .5em 1.714em
}

.k-menu .k-item > .k-link > .k-i-arrow-e {
    right: 2.143rem
}

.k-menu .k-animation-container .k-menu-group {
    padding: 1.143em 0
}

.k-column-menu .k-menu .k-animation-container .k-menu-group {
    padding: 0
}

.k-column-menu .k-menu-vertical .k-separator {
    height: 0
}

table.k-editor {
    border-spacing: 0
}

.k-editor .k-editable-area {
    border-width: 1px 0 0
}

.k-editor .k-editor-toolbar-wrap {
    padding-left: 10px
}

.k-toolbar {
    line-height: 3.42em
}

    .k-toolbar > div > label {
        line-height: 3.42em
    }

    .k-toolbar .k-overflow-anchor > .k-icon {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .k-toolbar .k-dropdown {
        margin-top: -1px
    }

    .k-toolbar .k-split-button .k-button {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .k-toolbar .k-button-group {
        line-height: 3.286em
    }

        .k-toolbar .k-button-group .k-button {
            line-height: inherit;
            padding: 0 .857em
        }

    .k-toolbar .k-input {
        height: 2.214em;
        line-height: 2.214em;
        padding: .177em 0;
        text-indent: .8em;
        border: 0;
        margin: 0
    }

    .k-toolbar .k-overflow-anchor {
        border-width: 0;
        line-height: 3.286em;
        width: 3.42em;
        height: 3.42em;
        padding: 0
    }

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    font-size: 1.2em
}

.k-button-group .k-tool {
    margin: 6px 0
}

.k-toolbar .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em
}

.k-editor-toolbar .k-button-group .k-tool-icon, .k-toolbar .k-button-group .k-tool-icon {
    width: 24px;
    height: 24px
}

.k-editor-toolbar li.k-overflow-tools, .k-editor-toolbar li.k-tool-group {
    padding: 0
}

.k-editor-toolbar .k-button-group .k-tool {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0
}

    .k-editor-toolbar .k-button-group .k-tool.k-group-end, .k-editor-toolbar .k-tool {
        border-width: 0
    }

.k-editor-toolbar .k-state-selected {
    font-weight: 700
}

.k-filebrowser .k-filebrowser-toolbar {
    line-height: 3.5em
}

    .k-filebrowser .k-filebrowser-toolbar .k-upload {
        margin-top: 3px
    }

    .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
        margin-top: -3px
    }

.k-filebrowser .k-upload .k-upload-button {
    vertical-align: bottom
}

.k-filebrowser .k-search-wrap .k-search {
    top: 25%;
    right: 4px
}

.k-filebrowser .k-search-wrap {
    padding: 2px .3em
}

.k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 80px
}

.k-draghandle {
    border-width: 2px
}

span.k-tooltip {
    padding: 9px 17px
}

.k-block > .k-header, .k-window-titlebar {
    padding: .5em 0 .571em
}

    .k-window-titlebar .k-window-actions {
        right: .929em
    }

div.k-window {
    border-width: 0
}

.k-window-title {
    right: 1.143em;
    left: 1.143em
}

div.k-window-content {
    padding: 1.333em
}

div.editorToolbarWindow.k-window-content {
    padding: 0
}

.editorToolbarWindow .k-editortoolbar-dragHandle {
    line-height: 30px
}

.k-file {
    padding: .357em .167em .357em .8em
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.643em
}

.k-gantt-treelist .k-grid-header tr {
    height: 5.714em
}

.k-gantt-timeline .k-grid-header tr {
    height: 2.857em
}

.k-gantt .k-task-summary-complete:after, .k-gantt .k-task-summary-complete:before, .k-gantt .k-task-summary:after, .k-gantt .k-task-summary:before {
    border-width: 0
}

.k-gantt .k-task {
    border-width: 0
}

.k-gantt .k-task-actions {
    line-height: 2.429em
}

.k-gantt .k-task-single {
    margin-top: -.429em
}

.k-gantt .k-task-template {
    padding: .643em 1.4em .643em .6em
}

.k-gantt .k-task-milestone {
    width: 17px;
    height: 17px
}

.k-gantt .k-task-draghandle {
    margin-left: 24px;
    border-width: 8px;
    border-radius: 0 50% 50% 50%;
    border-style: solid;
    bottom: -11px
}

.k-gantt .k-gantt-timeline th {
    text-align: left
}

.k-notification-wrap {
    padding: 1.786em
}

    .k-notification-wrap > .k-i-close {
        top: 21px
    }

.k-slider-track {
    border-width: 0
}

.k-slider .k-button .k-icon {
    margin-top: 5px
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    height: 2px;
    margin-top: -1px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    width: 2px;
    margin-left: -1px
}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle, .k-slider-horizontal .k-draghandle, .k-slider-vertical .k-draghandle {
    width: 6px;
    height: 6px
}

.k-flatcolorpicker .k-hue-slider .k-draghandle {
    margin-top: -1px
}

.k-colorpicker .k-picker-wrap {
    line-height: 2.214em
}

.k-colorpicker .k-selected-color {
    height: 2.214em;
    padding: .177em 0
}

.k-draghandle.k-state-selected, .k-draghandle.k-state-selected:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    width: 10px;
    height: 10px
}

.k-draghandle.k-state-focused.k-state-selected {
    margin-left: -2px
}

.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-slider-horizontal .k-draghandle.k-state-selected {
    top: -6px
}

.k-slider-vertical .k-draghandle.k-state-selected {
    left: -4px
}

.k-panelbar-collapse, .k-panelbar-expand {
    right: 16px
}

.k-header.k-grid-toolbar {
    border-color: #3343a4
}

.k-grid-toolbar, .k-grouping-header {
    padding: .429em
}

.k-grouping-header {
    padding-left: 1.286em
}

.k-grid .k-icon {
    opacity: .45
}

.k-grid td.k-group-cell, .k-grid th.k-group-cell {
    text-overflow: clip
}

form.k-filter-menu .k-textbox {
    margin-bottom: 7px
}

.k-gantt-toolbar, .k-scheduler-footer .k-scheduler-fullday, .k-scheduler-toolbar .k-nav-today, .k-scheduler-toolbar .k-scheduler-views {
    text-transform: uppercase
}

.k-scheduler-footer .k-icon.k-i-clock {
    display: none
}

.k-gantt-toolbar > ul > li, .k-scheduler-toolbar > ul > li {
    border-width: 0 0 2px 0
}

.k-gantt-toggle, .k-gantt-toolbar li .k-link, .k-scheduler-toolbar li .k-link {
    vertical-align: middle;
    line-height: 46px
}

.k-gantt-toggle {
    padding: 0
}

.k-gantt-actions {
    vertical-align: middle;
    line-height: 48px
}

    .k-gantt-actions > .k-button {
        vertical-align: middle
    }

.k-gantt-toolbar, .k-scheduler-footer, .k-scheduler-toolbar {
    line-height: 44px;
    vertical-align: middle
}

.k-scheduler-footer {
    padding: 0
}

.k-popup-edit-form .k-primary {
    float: right
}

.k-popup-edit-form:after {
    content: " ";
    display: block;
    clear: both
}

.k-gantt-toolbar, .k-scheduler-toolbar {
    padding: 0 1.286em
}

.k-scheduler-navigation {
    margin-left: -.786em
}

.k-drag-clue {
    font-size: 1em;
    padding: .65em 1em
}

.k-state-border-down .k-select .k-i-arrow-s {
    background-position: 0 0
}

.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px
}

.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px
}

.k-delete, .k-group-delete, .k-i-close {
    background-position: -32px -16px
}

.k-multiselect .k-delete {
    margin-top: -2px
}

.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
    background-position: -160px -80px
}

.k-window-titlebar .k-i-maximize, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-maximize {
    background-position: -48px -144px
}

.k-window-titlebar .k-i-minimize, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-minimize {
    background-position: -80px -288px
}

.k-window-titlebar .k-i-pin, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-pin {
    background-position: -176px -256px
}

.k-window-titlebar .k-i-custom, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-custom {
    background-position: -141px -113px
}

.k-window-titlebar .k-i-refresh, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-refresh {
    background-position: -48px -112px
}

.k-window-titlebar .k-i-close, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -48px -16px
}

.k-window-titlebar .k-i-restore, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-restore {
    background-position: -48px -128px
}

.k-calendar .k-icon.k-i-arrow-w, .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    background-position: -16px -48px;
    opacity: 1
}

.k-calendar .k-icon.k-i-arrow-e, .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-calendar .k-state-hover .k-icon.k-i-arrow-e {
    background-position: -16px -16px;
    opacity: 1
}

.k-treeview .k-minus {
    background-position: 0 -32px
}

.k-treeview .k-plus {
    background-position: 0 -16px
}

.k-treeview .k-loading {
    background-position: 50%
}

.k-splitbar-horizontal-hover .k-resize-handle {
    background-position: -165px -6px
}

.k-splitbar-horizontal-hover .k-collapse-next {
    background-position: -5px -142px
}

.k-splitbar-horizontal-hover .k-collapse-prev {
    background-position: -6px -174px
}

.k-splitbar-vertical-hover .k-resize-handle {
    background-position: -38px -309px
}

.k-splitbar-vertical-hover .k-collapse-next {
    background-position: 2px -165px
}

.k-splitbar-vertical-hover .k-collapse-prev {
    background-position: 2px -134px
}

.k-splitbar-horizontal.k-state-focused .k-resize-handle {
    background-position: -181px -6px
}

.k-splitbar-horizontal.k-state-focused .k-collapse-next {
    background-position: -21px -142px
}

.k-splitbar-horizontal.k-state-focused .k-collapse-prev {
    background-position: -22px -174px
}

.k-splitbar-vertical.k-state-focused .k-resize-handle {
    background-position: -70px -309px
}

.k-splitbar-vertical.k-state-focused .k-collapse-next {
    background-position: -14px -165px
}

.k-splitbar-vertical.k-state-focused .k-collapse-prev {
    background-position: -14px -134px
}

.k-grid .k-delete {
    background-position: -32px -16px
}

.k-grid-header .k-i-arrow-n, .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -256px
}

.k-grid-header .k-i-arrow-s, .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -288px
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    padding: .714em;
    margin: -.786em -.6em
}

    .k-grid-header .k-header-column-menu .k-i-arrowhead-s {
        background-position: -64px -32px
    }

.k-header .k-button:hover > .k-i-pdf, .k-header .k-i-pdf {
    background-position: -80px -80px
}

.k-header .k-button:hover > .k-i-excel, .k-header .k-i-excel {
    background-position: -80px -96px
}

.k-grid-toolbar .k-add, .k-grid-toolbar .k-button:hover .k-add {
    background-position: -48px -64px
}

.k-grid-toolbar .k-button:hover .k-update, .k-grid-toolbar .k-update {
    background-position: -48px -32px
}

.k-grid-toolbar .k-button:hover .k-cancel, .k-grid-toolbar .k-cancel {
    background-position: -48px -48px
}

.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, .k-grouping-header .k-group-delete {
    background-position: -176px -80px
}

.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, .k-grouping-header .k-si-arrow-n {
    background-position: -16px -288px
}

.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, .k-grouping-header .k-si-arrow-s {
    background-position: -16px -256px
}

.k-scheduler .k-state-default .k-link .k-icon.k-i-calendar, .k-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar {
    background-position: -48px -176px
}

.k-scheduler .k-i-arrow-e, .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -16px
}

.k-scheduler .k-i-arrow-w, .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -48px
}

.k-scheduler .k-i-clock, .k-scheduler .k-state-hover .k-link .k-i-clock {
    opacity: 1;
    background-position: -48px -192px
}

.k-scheduler .k-link:not(.k-state-disabled):hover > .k-si-close, .k-scheduler .k-si-close {
    background-position: -176px -80px
}

.k-scheduler .k-i-refresh {
    background-position: -48px -112px
}

.k-gantt .k-button:hover .k-i-plus, .k-gantt .k-i-plus, .k-gantt .k-link:hover > .k-icon.k-si-arrow-n {
    background-position: -48px -64px
}

.k-gantt .k-i-collapse {
    background-position: 0 -32px
}

.k-gantt .k-i-expand {
    background-position: 0 0
}

.k-gantt .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, .k-gantt .k-i-gantt-toggle {
    background-position: -80px -240px
}

.k-i-arrowhead-s, .k-pivot-setting .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: 0 -288px
}

.k-pivot-toolbar .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-pivot-toolbar .k-field-actions .k-i-sort-asc {
    background-position: -128px -240px
}

.k-pivot-toolbar .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-pivot-toolbar .k-field-actions .k-i-sort-desc {
    background-position: -128px -256px
}

.k-button:hover .k-i-arrowhead-s, .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: -16px -288px
}

.k-button:hover .k-si-close, .k-item.k-state-hover .k-si-close, .k-si-close {
    background-position: -176px -80px
}

.k-panelbar .k-link.k-state-selected .k-i-arrow-n, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-pivot .k-link.k-state-selected .k-i-arrow-n, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -192px
}

.k-panelbar .k-link.k-state-selected .k-i-arrow-s, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-pivot .k-link.k-state-selected .k-i-arrow-s, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -224px
}

.k-panelbar .k-link.k-state-selected .k-i-arrow-e, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-pivot .k-link.k-state-selected .k-i-arrow-e, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
    background-position: 0 -190px
}

.k-pivot .k-i-arrow-n {
    background-position: 0 -192px
}

.k-pivot .k-i-arrow-s {
    background-position: 0 -224px
}

.k-pivot .k-i-arrow-e {
    background-position: 0 -192px
}

.k-panelbar .k-link > .k-i-arrow-n {
    background-position: 0 -192px
}

.k-panelbar .k-link > .k-i-arrow-s {
    background-position: 0 -224px
}

.k-panelbar .k-link > .k-i-arrow-e {
    background-position: 0 -190px
}

.k-tabstrip .k-button .k-i-pdf, .k-tabstrip .k-button:hover .k-i-pdf {
    background-position: -64px -80px
}

.k-pivot-configurator-settings .k-button:hover .k-si-close, .k-pivot-configurator-settings .k-item.k-state-hover .k-si-close, .k-pivot-configurator-settings .k-si-close {
    background-position: -160px -80px
}

.k-pivot .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-pivot .k-header .k-i-arrowhead-s {
    background-position: -16px -288px
}

.k-pivot .k-button:not(.k-state-disabled):hover .k-si-close, .k-pivot .k-header .k-si-close {
    background-position: -176px -80px
}

.k-notification .k-i-note {
    background-position: -176px -240px
}

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-width: 2px
}

.k-checkbox + .k-checkbox-label:before {
    z-index: 1
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    width: 10px;
    height: 10px;
    border-width: 0;
    margin-left: 0;
    top: 4px;
    left: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 2
}

.k-radio:checked + .k-radio-label:after {
    top: 4px;
    left: 4px
}

.k-rtl .k-widget .k-dropdown-wrap, .k-rtl .k-widget .k-numeric-wrap, .k-rtl .k-widget .k-picker-wrap {
    padding-left: 2.5em
}

.k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
    padding-left: 5em
}

    .k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
        margin: 0 6px
    }

.k-rtl .k-calendar .k-icon.k-i-arrow-w, .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-scheduler .k-i-arrow-w, .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -16px
}

.k-rtl .k-calendar .k-icon.k-i-arrow-e, .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-scheduler .k-i-arrow-e, .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -48px
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap > .k-link {
    border-radius: 0
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-wrap > .k-link, .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding: .571em .86em
}

.km-pane-wrapper .k-pager-numbers .k-state-selected {
    padding: .971em .86em .571em
}

.km-pane-wrapper .k-pager-numbers .k-link {
    min-width: 2.429em
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 0
}

    .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar .k-scheduler-navigation {
        margin-bottom: -.6em
    }
/*# sourceMappingURL=kendo.common-material.min.css.map */
/** 
 * Kendo UI v2016.2.714 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/ .k-theme-test-class, .ktb-theme-id-material {
    opacity: 0
}

.ktb-var-accent {
    color: #3f51b5
}

.ktb-var-base {
    color: #fff
}

.ktb-var-background {
    color: #fff
}

.ktb-var-border-radius {
    border-radius: 2px
}

.ktb-var-normal-background {
    color: #fff
}

.ktb-var-normal-gradient {
    background-image: none
}

.ktb-var-normal-text-color {
    color: #444
}

.ktb-var-hover-background {
    color: #ebebeb
}

.ktb-var-hover-gradient {
    background-image: none
}

.ktb-var-hover-text-color {
    color: #444
}

.ktb-var-selected-background {
    color: #00b0ff
}

.ktb-var-selected-gradient {
    background-image: none
}

.ktb-var-selected-text-color {
    color: #3f51b5
}

.ktb-var-error {
    color: #ffcdd2
}

.ktb-var-warning {
    color: #fdefba
}

.ktb-var-success {
    color: #c8e6c9
}

.ktb-var-info {
    color: #bbdefb
}

.ktb-var-series-a {
    color: #3f51b5
}

.ktb-var-series-b {
    color: #03a9f4
}

.ktb-var-series-c {
    color: #4caf50
}

.ktb-var-series-d {
    color: #f9ce1d
}

.ktb-var-series-e {
    color: #ff9800
}

.ktb-var-series-f {
    color: #ff5722
}

.k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.k-in, .k-item, .k-window-action {
    border-color: transparent
}

.k-block, .k-widget {
    background-color: #fff
}

.k-autocomplete, .k-block, .k-button-group .k-tool, .k-calendar th, .k-colorpicker .k-i-arrow-s, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox > input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget {
    border-color: #e6e6e6
}

    .k-calendar th, .k-dropzone-hovered, .k-footer-template td, .k-grid-footer, .k-group, .k-group-footer td, .k-grouping-header, .k-pager-wrap, .k-toolbar, .k-widget .k-status, .k-widget.k-popup {
        background-color: #3f51b5
    }

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    background-color: #3f51b5
}

.k-list-container {
    border-color: rgba(0,0,0,.2);
    background-color: #fff
}

.k-content, .k-editable-area, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    background-color: #fff
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #fafafa
}

.k-header.k-alt, .k-pivot-rowheaders .k-alt .k-alt {
    background-color: #e6e6e6
}

.k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-textbox {
    border-color: #e6e6e6;
    background-color: #fff
}

    .k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-textbox > input {
        border-color: #e6e6e6
    }

    .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
        background: 0 0
    }

        .k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
            background-color: #fff;
            color: #444
        }

            .k-input[readonly] {
                background-color: #fff;
                color: #444
            }

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #444
}

.k-inverse {
    color: #fff
}

.k-block {
    color: #fff
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #428bca
}

.k-panelbar > li > .k-link, .k-tabstrip-items .k-link {
    color: #444
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #fff
}

.k-autocomplete, .k-button, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5
}

.k-widget.k-tooltip {
    background-image: none
}

.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #3f51b5
}

.k-column-menu .k-state-active .k-sprite, .k-column-menu .k-state-hover .k-sprite, .k-icon:hover, .k-pager-numbers .k-current-page .k-link:hover:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after, .k-state-focused .k-icon, .k-state-hover .k-icon, .k-state-selected .k-icon {
    opacity: 1
}

.k-column-menu .k-sprite, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-state-disabled .k-icon {
    opacity: .7
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: .7
}

.k-tool {
    border-color: transparent
}

.k-column-menu .k-sprite, .k-drop-hint, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-grouping-dropclue, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-tool-icon {
    background-image: url(Material/sprite.png);
    border-color: transparent
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Material/sprite.png);
    border-color: transparent
}

.k-loading, .k-state-hover .k-loading {
    background-image: url(Material/loading.gif);
    background-position: 50% 50%
}

.k-loading-image {
    background-image: url(Material/loading-image.gif)
}

.k-loading-color {
    background-color: #fff
}

.k-button {
    color: #444;
    border-color: #fafafa;
    background-color: #fafafa
}

.k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-draghandle:hover {
        border-color: #3f51b5;
        background-color: #3f51b5;
        -webkit-box-shadow: 0 0 0 8px rgba(63,81,181,.3);
        box-shadow: 0 0 0 8px rgba(63,81,181,.3)
    }

.k-scheduler {
    color: #fff;
    background-color: #fff
}

.k-scheduler-layout {
    color: #444
}

.k-scheduler-datecolumn, .k-scheduler-groupcolumn {
    background-color: #fff;
    color: #444
}

.k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-table td, .k-scheduler-times, .k-scheduler-times th, .k-scheduler-times tr {
    border-color: #e6e6e6
}

.k-nonwork-hour {
    background-color: #fafafa
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(0,0,0,.02)
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0,0,0,.2)
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #e9e9e9
}

.k-scheduler-now-arrow {
    border-left-color: #eed3d7
}

.k-scheduler-now-line {
    background-color: #eed3d7
}

.k-event, .k-task-complete {
    border-color: #606fc7;
    background: #606fc7 0 -257px none repeat-x;
    color: #fff
}

.k-event-inverse {
    color: #444
}

.k-event.k-state-selected {
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #444;
    box-shadow: 0 0 0 2px #444
}

.k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after {
    background-color: #fff
}

.k-scheduler-marquee:after, .k-scheduler-marquee:before {
    border-color: #fff
}

.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    background-color: #fff;
    color: #444;
    border-color: #ccc
}

.k-panelbar > li > .k-link {
    color: #444
}

.k-panelbar > .k-item > .k-link {
    border-color: #ccc
}

.k-panel > li.k-item {
    background-color: #fff
}

.k-active-filter, .k-state-active, .k-state-active:hover, .k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #ccc;
    color: #444
}

.k-fieldselector .k-list-container {
    background-color: #fff
}

.k-button.k-state-focused, .k-button:focus {
    border-color: #dbdbdb
}

.k-button.k-state-hover, .k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb
}

.k-button.k-state-active, .k-button:active {
    color: #3f51b5;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

    .k-button.k-state-active:hover, .k-button:active:hover {
        color: #fff;
        border-color: #5c6bc0;
        background-color: #5c6bc0
    }

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
    box-shadow: 0 6px 17px 0 #c4c4c4
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 6px 17px 0 rgba(235,235,235,.3);
    box-shadow: 0 6px 17px 0 rgba(235,235,235,.3)
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent
}

.k-state-highlight {
    background: #fff;
    color: #444
}

.k-grouping-row .k-state-focused, .k-state-focused {
    border-color: #67afe9
}

.k-calendar .k-link {
    color: #444
}

.k-calendar .k-footer {
    padding: 0
}

    .k-calendar .k-footer .k-nav-today {
        color: #444;
        text-decoration: none;
        background-color: #fff
    }

        .k-calendar .k-footer .k-nav-today.k-state-hover, .k-calendar .k-footer .k-nav-today:hover {
            background-color: #fff;
            text-decoration: underline
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #fff
        }

.k-calendar .k-link.k-nav-fast {
    color: #444
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ebebeb;
    color: #444
}

.k-calendar .k-link.k-state-hover {
    border-radius: 50%
}

.k-calendar .k-footer .k-link {
    border-radius: 0
}

.k-calendar th {
    background-color: #3f51b5
}

.k-window-titlebar .k-link {
    border-radius: 50%
}

.k-calendar-container.k-group {
    border-color: rgba(0,0,0,.2)
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #3f51b5;
    background-color: #fff;
    border-color: #fff
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
    border-top-color: #ebebeb
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #ebebeb
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    background: #ebebeb;
    color: #3f51b5
}

.k-popup .k-list .k-item > .k-group {
    background: #ebebeb;
    color: #3f51b5;
    border-bottom-left-radius: 1px
}

.k-marquee-text {
    color: #3f51b5
}

.k-button.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-listview > .k-state-focused.k-state-selected, .k-state-focused, td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey
}

    .k-list > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-ie8 .k-button.k-state-focused, .k-ie8 .k-button:focus, .k-ie8 .k-grid-header th.k-state-focused, .k-ie8 .k-listview > .k-state-focused, .k-ie8 .k-menu li.k-state-focused, .k-ie8 .k-panelbar span.k-state-focused, .k-ie8 .k-tool.k-state-hover, .k-ie8 td.k-state-focused, .k-list-optionlabel.k-state-selected.k-state-focused, .k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected, .k-state-selected > .k-link {
    color: #3f51b5
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #ebebeb
}

.k-state-focused > .k-select, .k-state-hover > .k-select {
    border-color: #ebebeb
}

.k-button.k-state-focused, .k-button.k-state-hover, .k-button:focus, .k-button:hover, .k-draghandle:hover, .k-other-month.k-state-hover .k-link, .k-pager-wrap .k-link:hover, .k-state-hover, .k-state-hover:hover, .k-textbox:hover, div.k-filebrowser-dropzone em {
    background-image: none
}

.k-pager-wrap {
    background-color: #3f51b5;
    color: #fff
}

.k-autocomplete.k-state-active, .k-button:active, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-panelbar > .k-item > .k-state-focused, .k-picker-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link {
    background-image: none
}

.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover, .k-state-selected {
    background-image: none
}

.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover {
    background-position: 50% 50%
}

.k-tool-icon {
    background-image: url(Material/sprite.png)
}

.k-other-month.k-state-hover .k-link, .k-state-hover > .k-link, div.k-filebrowser-dropzone em {
    color: #444
}

.k-autocomplete.k-state-focused, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb
}

.k-dropdown .k-state-focused .k-input, .km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
    color: #444
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background: #fff;
    border-color: #e6e6e6
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        background-color: #fff;
        border-color: #f0f0f0
    }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-search:before {
            color: #444
        }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
            -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
            box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
        }

.k-dropdown .k-state-hover .k-input {
    color: #444
}

.k-state-error {
    border-color: #eed3d7;
    background-color: #f2dede;
    color: #b94a48
}

.k-state-disabled {
    opacity: .7
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70)
}

.k-loading-mask.k-state-selected, .k-tile-empty.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent
}

.k-dropzone .k-upload-status, .k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
    color: #999
}

.k-progressbar-indeterminate {
    background: url(Material/indeterminate.gif)
}

    .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected {
        display: none
    }

.k-slider-track {
    background-color: #e6e6e6
}

.k-slider-selection {
    background-color: #fff
}

.k-slider-horizontal .k-tick {
    background-image: url(Material/slider-h.gif)
}

.k-slider-vertical .k-tick {
    background-image: url(Material/slider-v.gif)
}

.k-widget.k-tooltip {
    border-color: rgba(100,100,100,.9);
    background-color: rgba(100,100,100,.9);
    color: #fff
}

.k-widget.k-tooltip-validation {
    border-color: #fdefba;
    background-color: #fdefba;
    color: #816704
}

.input-append .k-tooltip-validation, .input-prepend .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px
}

.k-callout-n {
    border-bottom-color: rgba(100,100,100,.9)
}

.k-callout-w {
    border-right-color: rgba(100,100,100,.9)
}

.k-callout-s {
    border-top-color: rgba(100,100,100,.9)
}

.k-callout-e {
    border-left-color: rgba(100,100,100,.9)
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #fdefba
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #fdefba
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #fdefba
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #fdefba
}

.k-splitbar {
    background-color: #fafafa
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: #b94a48
}

.k-file {
    background-color: #fff;
    border-color: #e6e6e6
}

.k-file-progress {
    color: #0d7fdd
}

    .k-file-progress .k-progress {
        background-color: #bbdefb
    }

.k-file-success {
    color: #479b49
}

    .k-file-success .k-progress {
        background-color: #c8e6c9
    }

.k-file-error {
    color: #ff011a
}

    .k-file-error .k-progress {
        background-color: #ffcdd2
    }

.k-tile {
    border-color: #fff
}

.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #ebebeb
}

.k-tiles li.k-state-selected {
    border-color: #fff
}

.k-filebrowser .k-tile .k-file, .k-filebrowser .k-tile .k-folder {
    background-image: url(Material/imagebrowser.png);
    -webkit-background-size: auto auto;
    background-size: auto auto
}

.k-leaf, .k-leaf.k-state-hover:hover {
    color: #fff
}

    .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover {
        color: #000
    }

.k-button, .k-widget {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-slider, .k-treeview, .k-upload {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-hover {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2);
    box-shadow: 0 1px 0 rgba(255,255,255,.2)
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

.k-state-selected {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset
}

.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #fff
}

.k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-datepicker-calendar, .k-dropdown-wrap.k-state-active, .k-filebrowser .k-image, .k-grid .k-filter-options, .k-menu .k-menu-group, .k-multiselect.k-state-focused, .k-picker-wrap.k-state-active, .k-popup, .k-time-popup, .k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
}

.k-calendar-container.k-popup {
    -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 6px 1px rgba(0,0,0,.2)
}

.k-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #e6e6e6;
    box-shadow: inset 0 0 0 3px #e6e6e6
}

.k-window {
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    background-color: #fff
}

    .k-window.k-state-focused {
        border-color: rgba(0,0,0,.2);
        -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,.2);
        box-shadow: 1px 1px 7px 1px rgba(0,0,0,.2)
    }

    .k-window-maximized .k-window-content, .k-window-maximized .k-window-titlebar, .k-window.k-window-maximized {
        border-radius: 0
    }

.k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2)
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.2)
}

.k-editor-inline ::-moz-selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff
}

.k-editor-inline ::selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff
}

.k-editor-inline ::-moz-selection {
    background-color: #3f51b5;
    text-shadow: none;
    color: #fff
}

.k-widget.k-notification.k-notification-info {
    background-color: #bbdefb;
    color: #2b98f3;
    border-color: #bbdefb
}

.k-widget.k-notification.k-notification-success {
    background-color: #c8e6c9;
    color: #5fb662;
    border-color: #c8e6c9
}

.k-widget.k-notification.k-notification-warning {
    background-color: #fdefba;
    color: #f9cd25;
    border-color: #fdefba
}

.k-widget.k-notification.k-notification-error {
    background-color: #ffcdd2;
    color: #ff3448;
    border-color: #ffcdd2
}

.k-gantt .k-treelist {
    background: #fafafa
}

    .k-gantt .k-treelist .k-alt {
        background-color: #e0e0e0
    }

    .k-gantt .k-treelist tr:hover {
        background-color: #ebebeb
    }

    .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td {
        background-color: #fff
    }

        .k-gantt .k-treelist .k-alt.k-state-selected:hover, .k-gantt .k-treelist .k-alt.k-state-selected:hover td {
            background-color: #00a2eb
        }

.k-task-dot:after {
    background-color: #444;
    border-color: #444
}

.k-task-dot:hover:after {
    background-color: #fff
}

.k-task-summary {
    border-color: #98a2db;
    background: #98a2db
}

.k-task-milestone, .k-task-summary-complete {
    border-color: #444;
    background: #444
}

.k-state-selected.k-task-summary {
    border-color: #98a2db;
    background: #98a2db
}

.k-state-selected .k-task-summary-complete, .k-state-selected.k-task-milestone {
    border-color: #fff;
    background: #fff
}

.k-task-single {
    background-color: #7a87d1;
    border-color: #606fc7;
    color: #fff
}

.k-state-selected.k-task-single {
    border-color: #fff
}

.k-line {
    background-color: #444;
    color: #444
}

.k-state-selected.k-line {
    background-color: #fff;
    color: #fff
}

.k-resource {
    background-color: #fff
}

.k-i-kpi-decrease, .k-i-kpi-denied, .k-i-kpi-equal, .k-i-kpi-hold, .k-i-kpi-increase, .k-i-kpi-open {
    background-image: url(Material/sprite_kpi.png)
}

.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
    border-radius: 2px
}

.k-tool {
    text-align: center;
    vertical-align: middle
}

.k-toolbar .k-split-button .k-button {
    border-radius: 2px 0 0 2px
}

.k-rtl .k-tool.k-group-start, .k-rtl .k-toolbar .k-button-group .k-group-start, .k-rtl .k-toolbar .k-split-button .k-button {
    border-radius: 0 2px 2px 0
}

.k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 2px 2px 0
}

.k-rtl .k-tool.k-group-end, .k-rtl .k-toolbar .k-button-group .k-group-end, .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 2px 0 0 2px
}

.k-autocomplete.k-state-border-up, .k-calendar-container.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-filter-menu, .k-list-container.k-state-border-up, .k-multiselect.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-window-content {
    border-radius: 0 0 2px 2px
}

    .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-numeric-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color {
        border-radius: 0 0 0 2px
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 2px 2px
    }

.k-autocomplete.k-state-border-down, .k-block > .k-header, .k-calendar-container.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-multiselect.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap.k-state-border-down, .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-window-titlebar {
    border-radius: 2px 2px 0 0
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 2px 0 0 0
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 2px
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 2px 0 0
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 2px 0
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 1px 0 0 1px
}

.k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-numeric-wrap .k-input, .k-rtl .k-picker-wrap .k-input {
    border-radius: 0 1px 1px 0
}

.k-numeric-wrap .k-link {
    border-radius: 0 1px 0 0
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 1px 0
    }

.k-colorpicker .k-selected-color {
    border-radius: 1px 0 0 1px
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 1px 1px 0
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 2px 2px 0 0
}

.k-dropdown-wrap.k-state-border-down .k-input, .k-numeric-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color {
    border-radius: 2px 0 0 0
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #ebebeb
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 1px 1px 0 0
}

.k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-radius: 0 2px 2px 0
}

.k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-list-container.k-state-border-right, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-picker-wrap .k-select {
    border-radius: 2px 0 0 2px
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 2px
}

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 1px
}

.k-dropzone, .k-fieldselector .k-list .k-item, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-hover, .k-list .k-state-selected, .k-list-optionlabel {
    border-radius: 1px
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    border-radius: 13px
}

.k-draghandle {
    border-radius: 13px
}

.k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 2px 0 0 2px
}

.k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 2px 2px 0
}

.k-edit-field > .k-scheduler-navigation, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
    border-radius: 2px
}

.k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 2px 0 0 2px
}

.k-scheduler div.k-scheduler-footer .k-link, .k-scheduler div.k-scheduler-footer ul li {
    border-radius: 2px
}

.k-event, .k-event .k-link, .k-more-events, .k-task-complete, .k-task-single {
    border-radius: 1px
}

.k-scheduler-mobile .k-event {
    border-radius: 0
}

.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #444
}

.k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .k-ie .km-pane-wrapper .k-widget, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item, html .km-pane-wrapper .km-widget {
    color: #444
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
    div.km-pane-wrapper a {
        color: #444
    }
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #fff;
    border-top: 1px solid #e7e7e7
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: #fff;
        border-top-color: #fff
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        -webkit-box-shadow: inset 0 -1px 0 #e7e7e7;
        box-shadow: inset 0 -1px 0 #e7e7e7
    }

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    color: #9b9b9b
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #e7e7e7
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #e7e7e7;
    box-shadow: 0 1px 1px #e7e7e7
}

.km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset], .km-pane-wrapper .k-scheduler-delete {
    color: #fff;
    border-color: #eed3d7;
    background-color: red;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15))
}

    .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active, .km-pane-wrapper .k-scheduler-delete:active {
        background-color: #900
    }

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border-color: #f0f0f0
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5
}

.k-multiselect.k-header {
    border-color: #f0f0f0
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #f5f5f5
    }

    .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
        background-color: #fff;
        background-image: none;
        background-position: 50% 50%;
        border-color: #f5f5f5;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
        box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
    }

.k-list-container {
    color: #444
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #444
}

.k-state-default > .k-select {
    border-color: #f0f0f0
}

.k-state-focused > .k-select {
    border-color: #f5f5f5
}

.k-state-hover > .k-select {
    border-color: #f5f5f5
}

.k-tabstrip:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #fff
}

    .k-panelbar > li.k-state-default > .k-link.k-state-hover, .k-panelbar > li.k-state-hover > .k-link, .k-tabstrip-items .k-state-hover .k-link {
        color: #444
    }

.k-panelbar > li > .k-state-focused.k-state-hover {
    background: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar .k-tabstrip-items .k-state-default, .k-tabstrip-items .k-state-default {
    border-color: transparent
}

.k-tabstrip-items .k-state-hover {
    border-color: #ebebeb
}

.k-tabstrip .k-content.k-state-active {
    background-color: #fff;
    color: #444
}

.k-menu .k-item, .k-menu.k-header {
    border-color: #e6e6e6
}

.k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group {
    border-color: #ccc
}

.k-overflow-container .k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff
}

    .k-overflow-container .k-overflow-group + .k-overflow-group, .k-toolbar-first-visible.k-overflow-group {
        -webkit-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff
    }

.k-toolbar-last-visible.k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.k-column-menu .k-separator {
    border-color: #ccc;
    background-color: transparent
}

.k-menu .k-group {
    border-color: rgba(0,0,0,.2)
}

.k-grid-filter.k-state-active {
    background-color: #fff
}

.k-grid-footer td, .k-group-footer td, .k-grouping-row td {
    color: #fff;
    border-color: #ccc;
    font-weight: 700
}

.k-grouping-header {
    color: #fff
}

    .k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
        border-color: #ccc
    }

.k-overflow-container .k-primary, .k-primary {
    color: #fff;
    border-color: #3f51b5;
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-primary.k-state-focused, .k-primary:focus {
        color: #fff;
        border-color: #eff8ff;
        background-image: none;
        -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
        box-shadow: 0 0 8px 0 #cfe6f8
    }

    .k-primary:hover {
        color: #fff;
        border-color: #5c6bc0;
        background-image: none;
        background-color: #5c6bc0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
        box-shadow: 0 0 8px 0 #cfe6f8
    }

    .k-primary:active {
        color: #fff;
        border-color: #283593;
        background-image: none;
        background-color: #283593;
        -webkit-box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
        box-shadow: 0 6px 17px 0 rgba(0,0,0,.3)
    }

    .k-primary.k-state-disabled, .k-primary.k-state-disabled:active, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary, .k-state-disabled .k-primary:active, .k-state-disabled .k-primary:hover {
        color: #a8a8a8;
        border-color: #eaeaea;
        background-color: #eaeaea;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-pager-numbers .k-link, .k-treeview .k-in {
    border-color: transparent
}

.k-grid .k-hierarchy-cell .k-icon, .k-scheduler-table .k-icon, .k-treeview .k-icon {
    background-color: transparent;
    border-radius: 50%
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent
}

.k-button:focus, .k-split-button:focus {
    outline: 0
}

.k-split-button:focus {
    background-color: #dbdbdb
}

    .k-split-button:focus > .k-button {
        background: 0 0;
        border-color: #dbdbdb
    }

        .k-split-button:focus > .k-button.k-split-button-arrow {
            border-left-color: #fafafa
        }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #dbdbdb;
    -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
    box-shadow: 0 6px 17px 0 #c4c4c4
}

.k-checkbox-label:before {
    border-color: #7f7f7f;
    background: #fff;
    border-radius: 1px
}

.k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff
}

.k-checkbox-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #7f7f7f
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #7f7f7f
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #999
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before, .k-checkbox:disabled + .k-checkbox-label:before {
        color: #999;
        background: #f5f5f5;
        border-color: #bfbfbf;
        border-radius: 1px
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #3f51b5;
    background-image: none;
    border-color: #3f51b5;
    border-radius: 0
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #3f51b5;
    background-color: #3f51b5
}

.k-checkbox + .k-checkbox-label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    width: 1em;
    height: 1em
}

.k-checkbox:focus + .k-checkbox-label:after {
    -webkit-box-shadow: 0 0 0 12px rgba(235,235,235,.3);
    box-shadow: 0 0 0 12px rgba(235,235,235,.3)
}

.k-checkbox + .k-checkbox-label:active:after {
    -webkit-box-shadow: 0 0 0 12px rgba(235,235,235,.3);
    box-shadow: 0 0 0 12px rgba(235,235,235,.3)
}

.k-checkbox:checked + .k-checkbox-label:active:after {
    -webkit-box-shadow: 0 0 0 12px rgba(63,81,181,.3);
    box-shadow: 0 0 0 12px rgba(63,81,181,.3)
}

.k-checkbox:disabled + .k-checkbox-label:active:after {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #3f51b5
}

.k-radio-label:before {
    border-color: #7f7f7f;
    border-radius: 50%;
    background-color: #fff;
    border-width: 2px
}

.k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-radio:checked + .k-radio-label:after {
    background-color: #3f51b5;
    border-radius: 50%
}

.k-radio-label:active:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb
}

.k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb;
    border-color: #6b7acb
}

.k-radio:disabled + .k-radio-label {
    color: #bfbfbf
}

    .k-radio:disabled + .k-radio-label:active:before, .k-radio:disabled + .k-radio-label:before, .k-radio:disabled + .k-radio-label:hover:after, .k-radio:disabled + .k-radio-label:hover:before {
        background: #fff;
        border-color: #bfbfbf;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-radio:disabled:checked + .k-radio-label:after {
    background-color: #3f51b5;
    opacity: .5
}

.k-radio:focus + .k-radio-label:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb
}

.k-radio:checked + .k-radio-label:before, .k-radio:checked + .k-radio-label:hover:before {
    border-color: #3f51b5
}

.k-radio + .k-radio-label:active:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235,235,235,.3);
    box-shadow: 0 0 0 12px rgba(235,235,235,.3)
}

.k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 0 12px rgba(63,81,181,.3);
    box-shadow: 0 0 0 12px rgba(63,81,181,.3)
}

.k-radio:focus + .k-radio-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235,235,235,.3);
    box-shadow: 0 0 0 12px rgba(235,235,235,.3)
}

.k-radio:disabled:checked + .k-radio-label:before, .k-radio:disabled:checked + .k-radio-label:hover:before {
    border-color: #bfbfbf
}

.k-radio:disabled:checked + .k-radio-label:active:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-device-pixel-ratio:1.2) {
    .k-callout, .k-column-menu .k-sprite, .k-drop-hint, .k-grouping-dropclue, .k-icon:not(.k-loading), .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-tool-icon {
        background-image: url(Material/sprite_2x.png);
        -webkit-background-size: 340px 336px;
        background-size: 340px 336px
    }

    .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
        border-radius: 1px 0 0 1px
    }

    .k-i-kpi-decrease, .k-i-kpi-denied, .k-i-kpi-equal, .k-i-kpi-hold, .k-i-kpi-increase, .k-i-kpi-open {
        background-image: url(Material/sprite_kpi_2x.png);
        -webkit-background-size: 96px 16px;
        background-size: 96px 16px
    }
}

@media screen and (-ms-high-contrast:active) {
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus, .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
        border-color: #fff
    }
}

.k-button:hover .k-icon, .k-button:hover .k-tool-icon, .k-field-actions .k-icon, .k-gantt-toolbar .k-icon, .k-grid-toolbar .k-button:hover > .k-i-excel, .k-grid-toolbar .k-button:hover > .k-i-pdf, .k-grid-toolbar .k-i-excel, .k-grid-toolbar .k-i-pdf, .k-grid-toolbar .k-icon, .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, .k-grouping-header .k-group-delete, .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, .k-grouping-header .k-si-arrow-n, .k-grouping-header .k-si-arrow-s, .k-notification .k-icon, .k-pivot-configurator-settings .k-icon:hover, .k-scheduler-content .k-icon, .k-scheduler-footer .k-icon, .k-scheduler-toolbar .k-icon, .k-splitbar.k-splitbar-horizontal-hover .k-icon, .k-splitbar.k-splitbar-vertical-hover .k-icon, .k-state-focused .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-textbox:hover > .k-icon, .k-tool-icon:hover, .k-window-titlebar .k-icon, div.k-splitbar.k-state-focused .k-icon {
    opacity: 1
}

.k-pivot-configurator-settings .k-icon, .k-splitbar .k-icon, .k-tool-icon {
    opacity: .7
}

.k-pager-wrap .k-link.k-state-disabled .k-icon {
    opacity: .25
}

.k-button, .k-button.k-state-focused, .k-button.k-state-hover, .k-button:focus, .k-button:focus:not(.k-state-disabled):not([disabled]), .k-button:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

.k-button, .k-header {
    font-weight: 500
}

    .k-button.k-state-active, .k-button.k-state-focused, .k-button:active, .k-button:focus {
        color: #444;
        background-color: #dbdbdb;
        border-color: #dbdbdb
    }

        .k-button.k-state-active:hover, .k-button:active:hover {
            color: #444;
            border-color: #dbdbdb;
            background-color: #dbdbdb;
            -webkit-box-shadow: 0 6px 17px 0 rgba(235,235,235,.3);
            box-shadow: 0 6px 17px 0 rgba(235,235,235,.3)
        }

        .k-button.k-state-active:hover, .k-button.k-state-hover, .k-button:active:hover, .k-button:hover {
            color: #444;
            border-color: #ebebeb;
            background-color: #ebebeb
        }

.k-primary.k-state-active, .k-primary.k-state-focused, .k-primary:active, .k-primary:focus {
    color: #fff;
    border-color: #283593;
    background-image: none;
    background-color: #283593;
    -webkit-box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3)
}

    .k-primary.k-state-active:hover, .k-primary.k-state-hover, .k-primary:active:hover, .k-primary:hover {
        color: #fff;
        border-color: #5c6bc0;
        background-color: #5c6bc0
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
        box-shadow: 0 6px 17px 0 rgba(0,0,0,.3)
    }

.k-primary.k-state-disabled, .k-primary.k-state-disabled:active, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary, .k-state-disabled .k-primary:active, .k-state-disabled .k-primary:hover {
    color: #a8a8a8;
    border-color: #eaeaea;
    background-color: #eaeaea;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-widget .k-button.k-state-active, .k-widget .k-button:active {
    color: #444;
    background-color: #dbdbdb;
    border-color: #ebebeb
}

.k-toolbar .k-overflow-anchor.k-state-active, .k-toolbar .k-overflow-anchor.k-state-border-down {
    background-color: #fff
}

.k-widget .k-button.k-state-active:hover, .k-widget .k-button:active:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb
}

.k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:active:hover, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-dropdown .k-state-default {
    border-color: #fafafa;
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa
}

.k-dropdown, span.k-colorpicker {
    background-color: #fafafa
}

.k-textbox {
    background-color: #fafafa;
    border-color: #f0f0f0
}

.k-combobox, .k-datepicker, .k-datetimepicker, .k-timepicker {
    background-color: #fafafa
}

.k-picker-wrap.k-state-default > .k-select {
    border-color: #fafafa
}

.k-datepicker .k-input, .k-timepicker .k-input {
    background-color: #fafafa
}

.k-autocomplete.k-state-active .k-input, .k-numeric-wrap.k-state-active .k-input, .k-picker-wrap.k-state-active .k-input {
    background-color: #fff
}

.k-picker-wrap.k-state-focused > .k-select, .k-picker-wrap.k-state-hover > .k-select {
    border-color: #fff
}

.k-picker-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-hover .k-input {
    background-color: #fff
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-overflow-anchor:hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
    background-color: #fff;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    background-color: #ebebeb;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

    .k-numeric-wrap.k-state-focused > .k-select {
        background-color: #ebebeb
    }

.k-autocomplete.k-state-active, .k-dropdown-wrap.k-state-active, .k-multiselect.k-header.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-textbox:focus {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

.k-autocomplete.k-state-disabled, .k-dropdown-wrap.k-state-disabled, .k-multiselect.k-header.k-state-disabled, .k-numeric-wrap.k-state-disabled, .k-numeric-wrap.k-state-disabled .k-input, .k-numeric-wrap.k-state-disabled .k-select, .k-picker-wrap.k-state-disabled {
    background-color: #fafafa
}

    .k-numeric-wrap.k-state-disabled .k-select {
        border-color: #fafafa
    }

.k-numerictextbox .k-select {
    background-color: #fff;
    border-color: #fff
}

.k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5
}

.k-list > .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-list > .k-state-focused {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-list > .k-state-hover, .k-list > .k-state-selected.k-state-hover {
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-list-container {
    border-color: #ebebeb
}

.k-grid td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey
}

.k-calendar td.k-state-focused, .k-calendar td.k-state-selected.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey
}

.k-calendar td.k-state-selected {
    background-color: #00b0ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-calendar td.k-state-selected.k-state-hover {
        background-color: #00a2eb
    }

.k-calendar .k-state-selected > .k-link {
    color: #fff
}

.k-calendar .k-header .k-link {
    color: #fff
}

.k-calendar .k-footer {
    border-color: #e6e6e6
}

.k-calendar td {
    border-radius: 50%
}

.k-calendar .k-content th {
    background-color: #fff
}

.k-calendar .k-header .k-state-hover {
    background-color: #32408f
}

.k-calendar .k-footer .k-nav-today {
    color: #3f51b5
}

.k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0
}

.k-calendar .k-today {
    background-color: #3f51b5
}

    .k-calendar .k-today .k-link {
        color: #fff
    }

    .k-calendar .k-today.k-state-hover {
        background-color: #32408f
    }

    .k-calendar .k-today:active {
        -webkit-box-shadow: inset 0 0 0 1px #2b387c;
        box-shadow: inset 0 0 0 1px #2b387c
    }

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-window-titlebar .k-state-hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4
}

.k-tabstrip > .k-tabstrip-items > .k-item {
    border-radius: 0
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active {
    background-color: #3f51b5;
    background-image: none;
    border-color: #00b0ff
}

.k-tabstrip .k-content.k-state-active {
    border-color: transparent
}

.k-tabstrip-items .k-item.k-state-hover {
    background: #5c6dc4;
    border-color: #5c6dc4
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #fff
}

.k-flatcolorpicker.k-group, .k-group, .k-menu, .k-menu .k-group, .k-popup.k-widget.k-context-menu {
    color: #444;
    background-color: #fff
}

    .k-menu .k-group, .k-popup.k-context-menu.k-group {
        border-color: #e6e6e6
    }

    .k-menu .k-item, .k-menu.k-header, .k-widget.k-menu-horizontal > .k-item {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .k-menu .k-state-active, .k-popup.k-context-menu.k-group .k-state-hover {
        background-color: #ebebeb;
        border-color: #ebebeb
    }

.k-toolbar {
    background-color: #fafafa;
    border-color: #e6e6e6
}

    .k-toolbar .k-toggle-button:focus {
        background-color: transparent;
        border-color: #b3b3b3
    }

    .k-toolbar .k-toggle-button:hover {
        background-color: #ebebeb
    }

    .k-toolbar .k-toggle-button.k-state-active {
        color: #fff;
        background-color: #3f51b5;
        border-color: #3f51b5
    }

        .k-toolbar .k-toggle-button.k-state-active:focus {
            background-color: #3f51b5;
            border-color: #2b387c
        }

        .k-toolbar .k-toggle-button.k-state-active:hover {
            color: #fff;
            background-color: #32408f;
            border-color: #32408f
        }

    .k-toolbar .k-button {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-gantt .k-gantt-toolbar .k-button:hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .km-pane-wrapper .k-header .k-button:hover {
        background-color: #5c6dc4;
        border-color: #5c6dc4
    }

    .km-pane-wrapper .k-header .k-button:active:hover {
        color: #fff
    }

.k-gantt-toolbar .k-button, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #3f51b5;
    border-color: #3f51b5
}

.k-gantt .k-gantt-toolbar .k-button:active {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover, .k-gantt-toolbar > .k-gantt-views > li.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover, .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
    border-bottom-color: #00b0ff
}

.k-scheduler-mark {
    border-radius: 50%
}

.k-grid .k-alt {
    background-color: #fff
}

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    color: #444;
    background-color: #fafafa
}

.k-grouping-header .k-group-indicator, .k-pivot-toolbar .k-button {
    color: #fff;
    background-color: #32408f;
    border-color: #32408f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .k-pager-wrap, .k-scheduler-header, .km-pane-wrapper .k-grid-header .k-header {
    color: #444;
    background-color: #fafafa
}

.k-header.k-scheduler-footer .k-header, .k-header.k-scheduler-footer ul.k-header li .k-link {
    color: #00b0ff;
    background-color: #fafafa
}

.k-header.k-scheduler-footer ul.k-header li {
    background-color: #fafafa;
    border-color: #fafafa
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-footer td, .k-grid-header, .k-grid-header-wrap, .k-group-footer td, .k-grouping-row td, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #e6e6e6
}

.k-fieldselector .k-item.k-header, .k-footer-template td, .k-group-footer td {
    color: #444;
    background-color: #fafafa
}

.k-grid .k-grouping-header {
    color: rgba(255,255,255,.5)
}

.k-editor-toolbar, .k-pager-wrap {
    color: #444
}

.k-grouping-header .k-link, .k-grouping-header .k-link:link {
    color: #fff
}

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
    background-color: #00b0ff
}

.k-state-selected.k-line {
    color: #00b0ff
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status {
    color: #fff
}

.k-grid tr:hover {
    background-color: #ebebeb
}

.k-pivot-rowheaders .k-grid tr:hover {
    background: 0 0
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
    border-color: #008dcc
}

    .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
        background-color: #00a2eb
    }

.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
    color: #a8a8a8
}

.k-gantt .k-task-draghandle {
    border-color: #00b0ff
}

.k-grid-pager .k-link, .k-grid-pager .k-link:link {
    color: #444
}

.k-pager-numbers .k-link, .k-pager-wrap > .k-link {
    border-radius: 0
}

.k-pager-numbers .k-state-selected {
    border-color: #3f51b5 transparent transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5
}

.k-pager-wrap .k-link {
    border-color: #fafafa;
    cursor: pointer
}

    .k-pager-wrap .k-link:hover {
        background-color: transparent;
        border-color: transparent
    }

.k-gantt-toolbar li:first-child, .k-gantt-toolbar li:first-child > .k-link, .k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link, .k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar ul + ul li:last-child .k-link, .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link {
    border-radius: 0
}

.k-grid, .k-notification, .k-panelbar, .k-popup .k-autocomplete.k-state-focused, .k-popup .k-autocomplete.k-state-hover, .k-popup .k-dropdown-wrap.k-state-focused, .k-popup .k-dropdown-wrap.k-state-hover, .k-popup .k-multiselect.k-header.k-state-focused, .k-popup .k-numeric-wrap.k-state-focused, .k-popup .k-numeric-wrap.k-state-hover, .k-popup .k-picker-wrap.k-state-focused, .k-popup .k-picker-wrap.k-state-hover, .k-popup .k-textbox:focus, .k-popup .k-textbox:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-panel > li.k-item, .k-panelbar, .k-panelbar .k-content, .k-panelbar .k-header, .k-panelbar .k-state-selected {
        background-color: #fafafa
    }

        .k-panelbar .k-grid-toolbar {
            background-color: #3f51b5
        }

        .k-panelbar > li.k-state-default > .k-link {
            color: #444
        }

        .k-panelbar > li > .k-state-hover {
            background-color: #ebebeb
        }

        .k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel, .k-panelbar.k-header, .k-panelbar > .k-item > .k-link {
            border-color: #e6e6e6
        }

.k-splitbar {
    border-color: #fafafa
}

    .k-splitbar.k-state-focused {
        background-color: #3f51b5;
        border-color: #3f51b5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-upload {
    color: #444;
    background-color: #fff
}

.k-upload-files .k-button, .k-upload-files .k-button:focus, .k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-state-selected .k-task-summary-complete, .k-state-selected.k-task-milestone, .k-task-milestone, .k-task-summary-complete {
    background-color: #3f51b5;
    border-color: #3f51b5
}

.k-task-single {
    background-color: #66d0ff
}

.k-task-complete {
    background: #00b0ff 0 -257px none repeat-x
}

.k-treelist .k-alt.k-state-selected, .k-treelist .k-alt.k-state-selected > td, .k-treelist .k-state-selected, .k-treelist .k-state-selected td {
    background-color: #00b0ff;
    border-color: #00b0ff
}

.k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]), .k-group-indicator .k-button, .k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]), .k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-toolbar .k-button.k-state-active:hover, .k-toolbar .k-button:active:hover, .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-multiselect .k-button:active:hover {
    color: #444;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.k-multiselect-wrap > ul > .k-button {
    -webkit-box-shadow: none;
    box-shadow: none
}

table.k-editor {
    border-color: #e6e6e6
}

.editorToolbarWindow.k-header, .k-editor.k-header, .k-filebrowser .k-header {
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-filebrowser .k-header {
    color: #444
}

.k-editor-toolbar .k-tool, .k-group-start.k-group-end.k-tool {
    border-color: #fafafa
}

.k-editor-toolbar .k-dropdown, .k-panelbar > li > .k-state-focused, .k-treeview .k-state-focused, .k-treeview .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar > li > .k-state-focused, .k-treeview .k-state-focused {
    background-color: #ebebeb
}

.k-editor-toolbar .k-dropdown-wrap.k-state-default, .k-toolbar .k-dropdown-wrap.k-state-default {
    border-color: #fafafa
}

.k-editor-toolbar .k-dropdown-wrap.k-state-hover, .k-editor-toolbar .k-tool.k-state-hover, .k-toolbar .k-dropdown-wrap.k-state-hover, .k-toolbar .k-tool.k-state-hover {
    color: #444;
    border-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-editor-toolbar .k-tool.k-state-selected, .k-toolbar .k-button-group .k-button.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.k-editor-toolbar .k-tool.k-state-hover, .k-toolbar .k-button-group .k-button:hover {
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-progressbar {
    background-color: #fafafa;
    border-color: #fafafa
}

    .k-progressbar .k-item, .k-progressbar .k-item.k-state-selected {
        border-color: #fff
    }

    .k-progressbar .k-state-selected {
        background-color: #3f51b5;
        border-color: #3f51b5
    }

.k-widget.k-tooltip-validation {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid.k-alt {
    background-color: #fafafa
}

.k-gantt .k-header.k-nonwork-hour, .k-gantt .k-treelist .k-alt {
    background-color: #fafafa
}

.k-list > .k-state-focused, .k-list > .k-state-hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-slider-track {
    background-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-slider-selection {
    background-color: #3f51b5;
    border-color: #3f51b5
}

.k-slider .k-button, .k-slider .k-button.k-state-hover, .k-slider .k-button:active, .k-slider .k-button:active:hover, .k-slider .k-button:focus {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-draghandle, .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
        border-color: #3f51b5;
        background-color: #3f51b5;
        -webkit-box-shadow: 0 0 0 8px rgba(63,81,181,.3);
        box-shadow: 0 0 0 8px rgba(63,81,181,.3)
    }

    .k-draghandle.k-state-selected, .k-draghandle.k-state-selected:hover, .k-draghandle.k-state-selected:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
        background-color: #ccc;
        border-color: #ccc
    }

    .k-draghandle.k-state-focused, .k-draghandle.k-state-focused:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #3f51b5;
        background-color: #3f51b5
    }

.k-edit-form-container .k-edit-buttons {
    background-color: #fafafa
}

.k-popup .k-button, .k-popup .k-button:active:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-edit-form-container .k-button, .k-edit-form-container .k-primary:active, .k-popup .k-button, .k-popup .k-primary:active, .k-popup .k-primary:active:hover {
    color: #444;
    background-color: #fafafa;
    border-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-edit-form-container .k-primary, .k-popup .k-primary {
    color: #00b0ff;
    background-color: #fafafa;
    border-color: #fafafa
}

.k-filter-menu .k-button, .k-overflow-container .k-button, .k-split-wrapper .k-button {
    background: 0 0;
    border-color: transparent
}

.k-overflow-container .k-button, .k-split-wrapper .k-button {
    text-transform: none
}

    .k-overflow-container .k-button:hover, .k-split-wrapper .k-button:hover {
        background-color: #ebebeb;
        border-color: #ebebeb
    }

    .k-overflow-container .k-button:focus, .k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]), .k-split-wrapper .k-button:focus, .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) {
        color: #3f51b5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-filter-menu .k-button {
    background: 0 0;
    border-color: transparent
}

.k-filter-menu .k-primary {
    border-left-color: #f0f0f0
}

.k-filter-menu > div > div:last-child {
    border-color: #f0f0f0
}

.k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-edit-form-container .k-scheduler-delete {
    color: #00b0ff
}

div.k-scheduler-marquee:after, div.k-scheduler-marquee:before {
    border-color: #00b0ff
}

.km-pane-wrapper > .km-pane > .km-view > .km-content {
    color: #3f51b5;
    background-color: #fff
}

.km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
    color: #3f51b5
}

.k-popup.k-context-menu {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
}

.k-drag-clue {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    -webkit-box-shadow: inset 0 0 0 1px grey;
    box-shadow: inset 0 0 0 1px grey
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    color: #444
}

.k-popup .k-item > .k-group {
    color: #444
}

@media only screen and (max-width:370px) {
    .k-ff .k-pager-refresh, .k-ie11 .k-pager-refresh, .k-safari .k-pager-refresh, .k-webkit .k-pager-refresh {
        display: none
    }
}

@media only screen and (max-width:590px) {
    .k-ff .k-pager-refresh, .k-ie11 .k-pager-refresh, .k-safari .k-pager-refresh, .k-webkit .k-pager-refresh {
        margin-right: 0
    }
}

@media only screen and (max-width:530px) {
    .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes, .k-webkit .k-pager-sizes {
        display: none
    }
}

@media only screen and (max-width:687px) {
    .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        right: 13px;
        top: 0
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
        right: 13px;
        top: 0
    }

        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
            background-image: none;
            background-position: 50% 50%;
            background-color: transparent;
            border-color: transparent;
            border-radius: 2px;
            text-align: right
        }

        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
            border-radius: 0
        }

            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
                border-radius: 1px 1px 0 0
            }

        .k-ff .k-scheduler-toolbar > ul li:first-child, .k-ff .k-scheduler-toolbar > ul li:first-child .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-ie11 .k-scheduler-toolbar > ul li:first-child, .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-safari .k-scheduler-toolbar > ul li:first-child, .k-safari .k-scheduler-toolbar > ul li:first-child .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-webkit .k-scheduler-toolbar > ul li:first-child, .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
            border-radius: 0
        }

            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
                border-radius: 0 0 1px 1px
            }

        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
            border-color: transparent;
            background-image: none;
            background-color: transparent
        }

            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
                color: #fff;
                min-width: 20px
            }

    .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after, .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after, .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after, .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
        background-image: none;
        background-color: #3f51b5;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
    }

    .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap, .k-webkit .k-pager-wrap {
        min-height: 2.56em
    }

        .k-ff .k-pager-input, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-input, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-input, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-webkit .k-pager-wrap .k-pager-nav {
            display: inline-block;
            vertical-align: top
        }

    .k-ff .k-grid .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-webkit .k-pager-numbers {
        position: absolute;
        left: 5.6em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: visible;
        height: auto
    }

        .k-ff .k-grid .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-grid .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-grid .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
            -webkit-transform: translatey(-100%);
            -ms-transform: translatey(-100%);
            transform: translatey(-100%)
        }

    .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, .k-webkit .km-pane-wrapper .k-pager-numbers {
        position: relative;
        left: 50%;
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0)
    }

        .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded, .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded {
            -webkit-transform: translate(-50%,-100%);
            -ms-transform: translate(-50%,-100%);
            transform: translate(-50%,-100%)
        }

        .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
            padding-top: 0;
            padding-bottom: 0
        }

    .k-ff .k-rtl .k-grid .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-grid .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-grid .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers, .k-webkit .k-rtl .k-grid .k-pager-numbers, .k-webkit .k-rtl .k-pager-numbers {
        right: 5.6em;
        width: 5.15em
    }

    .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0
    }

    .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page), .k-webkit .k-pager-numbers li:not(.k-current-page) {
        display: none
    }

    .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link {
        width: 3.8em;
        line-height: 2.564em;
        padding: 0 .429em 0 .8em;
        border-radius: 2px;
        background-image: none;
        background-position: 50% 50%;
        background-color: #fafafa;
        border: 1px solid transparent;
        border-top: 0;
        -webkit-box-shadow: 0 2px 2px 0 #fafafa;
        box-shadow: 0 2px 2px 0 #fafafa
    }

    .k-ff .k-pager-numbers .k-current-page:hover .k-link, .k-ie11 .k-pager-numbers .k-current-page:hover .k-link, .k-safari .k-pager-numbers .k-current-page:hover .k-link, .k-webkit .k-pager-numbers .k-current-page:hover .k-link {
        border-radius: 2px;
        background-color: #fff;
        border: 1px solid #ebebeb;
        border-top: 0;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
        box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
    }

    .k-ff .k-pager-numbers .k-current-page .k-link:after, .k-ie11 .k-pager-numbers .k-current-page .k-link:after, .k-safari .k-pager-numbers .k-current-page .k-link:after, .k-webkit .k-pager-numbers .k-current-page .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .6em;
        width: 1.333em;
        height: 1.333em;
        background-position: 0 -30px
    }

    .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
        margin-left: 5.4em
    }

    .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link, .k-webkit .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.4em;
        margin-left: 0
    }

    .k-ff .k-pager-wrap .k-pager-numbers .k-link, .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-wrap .k-pager-numbers .k-link, .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected, .k-safari .k-pager-wrap .k-pager-numbers .k-link, .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected, .k-webkit .k-pager-wrap .k-pager-numbers .k-link, .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
        display: block;
        margin-top: 0;
        margin-right: 0;
        padding: 1px 5px 1px .8em;
        text-align: left;
        border-top: 0;
        border-radius: 1px
    }

    .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover, .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
        background-color: #ebebeb
    }

    .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 0 0;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #ebebeb;
        background-color: #fff;
        border-radius: 2px 2px 0 0;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
    }

        .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2.2em -1px 0;
            padding: 0
        }

            .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 2px 2px;
                background-color: #fff;
                border: 1px solid #ebebeb;
                border-top: 0;
                -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
                box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
            }

        .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li, .k-webkit .k-pager-numbers.k-state-expanded li {
            display: inline-block
        }

    .k-ff .k-gantt-toolbar > ul.k-gantt-views, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views, .k-safari .k-gantt-toolbar > ul.k-gantt-views, .k-webkit .k-gantt-toolbar > ul.k-gantt-views {
        top: 0
    }
}

@media only screen and (max-width:755px) {
    .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:572px) {
    .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes, .k-webkit .k-pager-sizes {
        display: none
    }
}

.k-chart .k-mask {
    background-color: #fff;
    filter: alpha(opacity=68);
    opacity: .68
}

.k-chart .k-selection {
    border-color: #e5e5e5
}

.k-chart .k-handle {
    width: 15px;
    height: 15px;
    background-color: #3f51b5;
    border-radius: 10px
}

.k-chart .k-leftHandle {
    left: -8px
}

.k-chart .k-rightHandle {
    right: -8px
}

.k-chart .k-handle:hover {
    background-color: #00b0ff;
    border-color: #00b0ff
}

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px rgba(0,0,0,.2);
    background: #fff;
    color: #242424
}

.k-chart .k-navigator-hint .k-scroll {
    background: #3f51b5;
    height: 4px
}

.k-chart-tooltip {
    background-image: none
}

.k-map .k-marker {
    background-image: url(Material/markers.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-device-pixel-ratio:1.2) {
    .k-map .k-marker {
        background-image: url(Material/markers_2x.png)
    }
}

.k-map .k-attribution {
    color: #666
}

.k-map .k-shadow {
    background-color: #f9f9f9;
    border-color: #f9f9f9
}

.k-map .k-zoom-control {
    border-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.k-map .k-map-controls .k-button {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-map .k-map-controls .k-button:active, .k-map .k-map-controls .k-button:focus, .k-map .k-map-controls .k-button:focus:active {
        background-color: #d6d6d6;
        border-color: #d6d6d6;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 2px 2px 0
}

.k-buttons-horizontal :first-child {
    border-radius: 2px 0 0 2px
}

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 2px 0 0 2px
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 2px 2px 0
}

.k-button-wrap .k-button {
    font-size: 21px;
    padding: 7px 13px
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    background-color: #fff
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header, .k-spreadsheet-top-corner {
    background-color: #fff;
    background-image: none;
    color: #000;
    border-color: #ccc
}

.k-spreadsheet-top-corner {
    border-color: #ccc
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #ccc #ccc transparent
    }

.k-spreadsheet-pane {
    border-color: #ccc
}

    .k-spreadsheet-pane .k-spreadsheet-haxis, .k-spreadsheet-pane .k-spreadsheet-vaxis {
        border-color: #e6e6e6
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #ccc
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #fff
    }

    .k-spreadsheet-pane .k-selection-full, .k-spreadsheet-pane .k-selection-partial {
        border-color: rgba(0,176,255,.2);
        background-color: rgba(0,176,255,.2)
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #00b0ff
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
        border-bottom-color: #00b0ff
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
        border-right-color: #00b0ff
    }

.k-auto-fill, .k-spreadsheet-selection {
    border-color: #00b0ff;
    -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff;
    box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff
}

.k-spreadsheet-selection {
    background-color: rgba(0,176,255,.2)
}

.k-spreadsheet-active-cell {
    border-color: #00b0ff !important;
    background-color: #fff
}

    .k-spreadsheet-active-cell.k-single {
        background-color: #fff
    }

.k-spreadsheet > .k-spreadsheet-formula-bar {
    background-color: #fff;
    border-color: #fff #fff #ccc
}

    .k-spreadsheet > .k-spreadsheet-formula-bar:before {
        border-color: #ccc
    }

    .k-spreadsheet > .k-spreadsheet-formula-bar:after {
        border-color: #fff
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #fff;
    color: #444
}

.k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker {
    background-color: #00b0ff
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #00b0ff
}

.k-spreadsheet .k-single-selection::after {
    background-color: #00b0ff;
    border-color: #fff
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255,255,255,.5)
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(0,176,255,.5)
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #e6e6e6
}

.k-spreadsheet-filter {
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #e6e6e6;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

    .k-spreadsheet-filter.k-state-active {
        color: #3f51b5;
        background-color: #00b0ff
    }

    .k-spreadsheet-filter:hover {
        color: #444;
        background: #ebebeb;
        border-color: #d7d7d7
    }

.k-action-window .k-action-buttons {
    border-color: #e6e6e6
}

.k-spreadsheet-sample {
    color: #919191
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit
}

.k-spreadsheet-window .k-list, .k-spreadsheet-window .k-list-wrapper {
    border-color: #e6e6e6;
    border-radius: 2px
}

.k-spreadsheet-window .export-config, .k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #e6e6e6
}

.k-spreadsheet-window .k-edit-field > input[type=radio]:checked + .k-orientation-label {
    background-image: none;
    background-color: #3f51b5;
    color: #6776ca
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #e6e6e6;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1)
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #fff;
        border-color: transparent;
        border-bottom-color: #e6e6e6;
        border-left-color: #e6e6e6
    }

.k-spreadsheet-window .k-margins-horizontal, .k-spreadsheet-window .k-margins-vertical {
    background: 0 0;
    border-color: #e6e6e6
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 2px
}

.k-spreadsheet-toolbar > .k-button, .k-spreadsheet-toolbar > .k-button-group, .k-spreadsheet-toolbar > .k-widget {
    border-radius: 2px
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #e6e6e6
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0
}

.k-spreadsheet-popup {
    border-radius: 2px
}

    .k-spreadsheet-popup .k-separator {
        background-color: #e6e6e6
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #ebebeb
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #00b0ff;
        color: #fff
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #008dcc
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #e6e6e6
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #fff
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #fff;
    border-color: #e6e6e6;
    border-radius: 2px 0 0 2px
}

.k-syntax-ref {
    color: #f82
}

.k-syntax-num {
    color: #09f
}

.k-syntax-func {
    font-weight: 700
}

.k-syntax-str {
    color: #38b714
}

.k-syntax-error {
    color: red
}

.k-syntax-bool {
    color: #a9169c
}

.k-syntax-startexp {
    font-weight: 700
}

.k-syntax-paren-match {
    background-color: #caf200
}

.k-series-a {
    border-color: #3f51b5;
    background-color: rgba(63,81,181,.15)
}

.k-series-b {
    border-color: #03a9f4;
    background-color: rgba(3,169,244,.15)
}

.k-series-c {
    border-color: #4caf50;
    background-color: rgba(76,175,80,.15)
}

.k-series-d {
    border-color: #f9ce1d;
    background-color: rgba(249,206,29,.15)
}

.k-series-e {
    border-color: #ff9800;
    background-color: rgba(255,152,0,.15)
}

.k-series-f {
    border-color: #ff5722;
    background-color: rgba(255,87,34,.15)
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #c22
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #00b0ff;
    color: #3f51b5
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .k-icon.k-font-icon {
        background-image: none
    }
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-radius: 0;
    line-height: 2.6em;
    width: 3em
}

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
        background-color: #324191;
        border-color: #324191
    }

.k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    left: 0;
    bottom: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 2.2em
}

.k-spreadsheet .k-spreadsheet-sheets-remove {
    margin: 0 0 0 -1em
}

.k-spreadsheet-sheets-items .k-state-default .k-link, .k-spreadsheet-tabstrip .k-state-default .k-link {
    color: #9fa8da
}

.k-spreadsheet-sheets-items .k-item.k-state-active, .k-spreadsheet-sheets-items .k-item.k-state-focused, .k-spreadsheet-sheets-items .k-item.k-state-hover, .k-spreadsheet-tabstrip .k-item.k-state-active, .k-spreadsheet-tabstrip .k-item.k-state-focused, .k-spreadsheet-tabstrip .k-item.k-state-hover {
    background-color: transparent
}

    .k-spreadsheet-sheets-items .k-item.k-state-active .k-link, .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link, .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link, .k-spreadsheet-tabstrip .k-item.k-state-active .k-link, .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link, .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link {
        color: #fff
    }

.k-spreadsheet-sheets-items .k-state-active .k-link, .k-spreadsheet-tabstrip .k-state-active .k-link {
    color: #fff
}

.k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
    line-height: 2em
}
/*# sourceMappingURL=kendo.material.min.css.map */
/*!
 * # Semantic UI 2.2.3 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */ .ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: transparent
}

    .ui.dropdown .menu {
        cursor: auto;
        position: absolute;
        display: none;
        outline: 0;
        top: 100%;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        margin: 0;
        padding: 0;
        background: #FFF;
        font-size: 1em;
        text-shadow: none;
        text-align: left;
        box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
        border: 1px solid rgba(34,36,38,.15);
        border-radius: .28571429rem;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease;
        z-index: 11;
        will-change: transform,opacity
    }

        .ui.dropdown .menu > * {
            white-space: nowrap
        }

    .ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {
        display: none !important
    }

    .ui.dropdown > .dropdown.icon {
        position: relative;
        font-size: .85714286em;
        margin: 0 0 0 1em
    }

    .ui.dropdown .menu > .item .dropdown.icon {
        width: auto;
        float: right;
        margin: 0 0 0 1em
    }

        .ui.dropdown .menu > .item .dropdown.icon + .text {
            margin-right: 1em
        }

    .ui.dropdown > .text {
        display: inline-block;
        -webkit-transition: none;
        transition: none
    }

    .ui.dropdown .menu > .item {
        position: relative;
        cursor: pointer;
        display: block;
        border: none;
        height: auto;
        text-align: left;
        border-top: none;
        line-height: 1em;
        color: rgba(0,0,0,.87);
        padding: .78571429rem 1.14285714rem !important;
        font-size: 1rem;
        text-transform: none;
        font-weight: 400;
        box-shadow: none;
        -webkit-touch-callout: none
    }

        .ui.dropdown .menu > .item:first-child {
            border-top-width: 0
        }

    .ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {
        float: right !important;
        margin-right: 0 !important;
        margin-left: 1em !important
    }

    .ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 1em !important
    }

    .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
        margin-top: 0
    }

    .ui.dropdown .menu > .header {
        margin: 1rem 0 .75rem;
        padding: 0 1.14285714rem;
        color: rgba(0,0,0,.85);
        font-size: .78571429em;
        font-weight: 700;
        text-transform: uppercase
    }

    .ui.dropdown .menu > .divider {
        border-top: 1px solid rgba(34,36,38,.1);
        height: 0;
        margin: .5em 0
    }

    .ui.dropdown .menu > .input {
        width: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 1.14285714rem .78571429rem;
        min-width: 10rem
    }

    .ui.dropdown .menu > .header + .input {
        margin-top: 0
    }

    .ui.dropdown .menu > .input:not(.transparent) input {
        padding: .5em 1em
    }

    .ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
        padding-top: .5em;
        padding-bottom: .5em
    }

    .ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {
        float: right;
        margin: 0 0 0 1em;
        color: rgba(0,0,0,.4)
    }

    .ui.dropdown .menu > .message {
        padding: .78571429rem 1.14285714rem;
        font-weight: 400
    }

        .ui.dropdown .menu > .message:not(.ui) {
            color: rgba(0,0,0,.4)
        }

    .ui.dropdown .menu .menu {
        top: 0 !important;
        left: 100% !important;
        right: auto !important;
        margin: 0 0 0 -.5em !important;
        border-radius: .28571429rem !important;
        z-index: 21 !important
    }

        .ui.dropdown .menu .menu:after {
            display: none
        }

    .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
        margin-top: 0;
        margin-left: 0;
        float: none;
        margin-right: .78571429rem
    }

    .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        max-height: 2em
    }

    .ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
        display: none
    }

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button > .dropdown.icon {
    margin: 0
}

.ui.button.dropdown .menu {
    min-width: 100%
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    -ms-transform: rotate(0);
    transform: rotateZ(0);
    min-width: 14em;
    min-height: 2.7142em;
    background: #FFF;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    color: rgba(0,0,0,.87);
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease
}

    .ui.selection.dropdown.active, .ui.selection.dropdown.visible {
        z-index: 10
    }

select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34,36,38,.15);
    visibility: visible
}

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.2142em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.78571429em;
    padding: .78571429em;
    opacity: .8;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    outline: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

    .ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {
        display: none
    }

    .ui.selection.dropdown .menu > .message {
        padding: .78571429rem 1.14285714rem
    }

@media only screen and (max-width:767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width:768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width:992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.selection.dropdown .menu > .item {
    border-top: 1px solid #FAFAFA;
    padding: .78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu > .hidden.addition.item {
    display: none
}

.ui.selection.dropdown:hover {
    border-color: rgba(34,36,38,.35);
    box-shadow: none
}

.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}

.ui.selection.dropdown:focus {
    border-color: #96C8DA;
    box-shadow: none
}

    .ui.selection.dropdown:focus .menu {
        border-color: #96C8DA;
        box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
    }

.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: 400;
    color: rgba(0,0,0,.8)
}

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}

.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.active.empty.selection.dropdown {
    border-radius: .28571429rem !important;
    box-shadow: none !important
}

    .ui.active.empty.selection.dropdown .menu {
        border: none !important;
        box-shadow: none !important
    }

.ui.search.dropdown {
    min-width: ''
}

    .ui.search.dropdown > input.search {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        cursor: text;
        top: 0;
        left: 1px;
        width: 100%;
        outline: 0;
        -webkit-tap-highlight-color: rgba(255,255,255,0);
        padding: inherit;
        position: absolute;
        z-index: 2
    }

    .ui.search.dropdown > .text {
        cursor: text;
        position: relative;
        left: 1px;
        z-index: 3
    }

.ui.search.selection.dropdown > input.search {
    line-height: 1.2142em;
    padding: .67861429em 2.1em .67861429em 1em
}

.ui.search.selection.dropdown > span.sizer {
    line-height: 1.2142em;
    padding: .67861429em 2.1em .67861429em 1em;
    display: none;
    white-space: pre
}

.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {
    cursor: auto
}

.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text {
    pointer-events: none
}

.ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon {
    opacity: .45
}

.ui.active.search.dropdown input.search:focus + .text {
    color: rgba(115,115,115,.87) !important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width:767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width:768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width:992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.multiple.dropdown {
    padding: .22620476em 2.1em .22620476em .35714286em
}

    .ui.multiple.dropdown .menu {
        cursor: auto
    }

.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {
    cursor: text
}

.ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset
}

.ui.multiple.dropdown .dropdown.icon {
    margin: '';
    padding: ''
}

.ui.multiple.dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45240952em 0 .45240952em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown > .label ~ input.search {
    margin-left: .14285714em !important
}

.ui.multiple.dropdown > .label ~ .text {
    display: none
}

.ui.multiple.search.dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45240952em 0 .45240952em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.search.dropdown > .label ~ .text {
    display: none
}

.ui.multiple.search.dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45240952em 0 .45240952em .64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

    .ui.inline.dropdown .dropdown.icon {
        margin: 0 .5em 0 .21428571em;
        vertical-align: baseline
    }

    .ui.inline.dropdown > .text {
        font-weight: 700
    }

    .ui.inline.dropdown .menu {
        cursor: auto;
        margin-top: .21428571em;
        border-radius: .28571429rem
    }

.ui.dropdown .menu .active.item {
    background: 0 0;
    font-weight: 700;
    color: rgba(0,0,0,.95);
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu > .item:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
    z-index: 13
}

.ui.loading.dropdown > i.icon {
    height: 1em !important;
    padding: 1.14285714em 1.07142857em !important
}

    .ui.loading.dropdown > i.icon:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        margin: -.64285714em 0 0 -.64285714em;
        width: 1.28571429em;
        height: 1.28571429em;
        border-radius: 500rem;
        border: .2em solid rgba(0,0,0,.1)
    }

    .ui.loading.dropdown > i.icon:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        box-shadow: 0 0 0 1px transparent;
        margin: -.64285714em 0 0 -.64285714em;
        width: 1.28571429em;
        height: 1.28571429em;
        -webkit-animation: dropdown-spin .6s linear;
        animation: dropdown-spin .6s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border-radius: 500rem;
        border-color: #767676 transparent transparent;
        border-style: solid;
        border-width: .2em
    }

.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {
    display: none
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {
    color: rgba(191,191,191,.87)
}

.ui.default.dropdown:not(.button) > input:focus + .text, .ui.dropdown:not(.button) > input:focus + .default.text {
    color: rgba(115,115,115,.87)
}

.ui.loading.dropdown > .text {
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
    background: rgba(0,0,0,.03);
    color: rgba(0,0,0,.95)
}

.ui.dropdown > .filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none !important
}

.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text {
    color: #9F3A38
}

.ui.selection.dropdown.error {
    background: #FFF6F6;
    border-color: #E0B4B4
}

    .ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu, .ui.selection.dropdown.error:hover {
        border-color: #E0B4B4
    }

        .ui.dropdown.error > .menu > .item {
            color: #9F3A38
        }

.ui.multiple.selection.error.dropdown > .label {
    border-color: #E0B4B4
}

.ui.dropdown.error > .menu > .item:hover {
    background-color: #FFF2F2
}

.ui.dropdown.error > .menu .active.item {
    background-color: #FDCFCF
}

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.dropdown .menu {
    left: 0
}

    .ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu {
        left: 100% !important;
        right: auto !important;
        border-radius: .28571429rem !important
    }

    .ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {
        left: auto !important;
        right: 100% !important;
        border-radius: .28571429rem !important
    }

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 .78571429rem 0 0
}

    .ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
        margin-left: 1em
    }

.ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
    border-radius: .28571429rem .28571429rem 0 0 !important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.05)
}

.ui.active.upward.selection.dropdown {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.05)
}

    .ui.upward.active.selection.dropdown:hover .menu {
        box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
    }

.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important
}

.ui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34,36,38,.15)
}

    .ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {
        border-top: none;
        padding-right: calc(1.14285714rem + 17px) !important
    }

    .ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {
        border-top: none
    }

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
    display: block
}

@media all and (-ms-high-contrast:none) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width:767px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 10.28571429rem
    }
}

@media only screen and (min-width:768px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 15.42857143rem
    }
}

@media only screen and (min-width:992px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {
    display: none
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.simple.active.dropdown, .ui.simple.dropdown:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

    .ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
        overflow: visible;
        width: auto;
        height: auto;
        top: 100% !important;
        opacity: 1
    }

        .ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {
            overflow: visible;
            width: auto;
            height: auto;
            top: 0 !important;
            left: 100% !important;
            opacity: 1
        }

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.ui.simple.visible.dropdown > .menu {
    display: block
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}

    .ui.fluid.dropdown > .dropdown.icon {
        float: right
    }

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15) !important;
    border-radius: .28571429rem !important
}

.ui.floating.dropdown > .menu {
    margin-top: .5em !important;
    border-radius: .28571429rem !important
}

.ui.pointing.dropdown > .menu {
    top: 100%;
    margin-top: .78571429rem;
    border-radius: .28571429rem
}

    .ui.pointing.dropdown > .menu:after {
        display: block;
        position: absolute;
        pointer-events: none;
        content: '';
        visibility: visible;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: .5em;
        height: .5em;
        box-shadow: -1px -1px 0 1px rgba(34,36,38,.15);
        background: #FFF;
        z-index: 2;
        top: -.25em;
        left: 50%;
        margin: 0 0 0 -.25em
    }

.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}

    .ui.top.left.pointing.dropdown > .menu:after {
        top: -.25em;
        left: 1em;
        right: auto;
        margin: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.ui.top.right.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0
}

    .ui.top.right.pointing.dropdown > .menu:after {
        top: -.25em;
        left: auto;
        right: 1em;
        margin: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.ui.left.pointing.dropdown > .menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em
}

    .ui.left.pointing.dropdown > .menu:after {
        top: 1em;
        left: -.25em;
        margin: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.ui.right.pointing.dropdown > .menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0
}

    .ui.right.pointing.dropdown > .menu:after {
        top: 1em;
        left: auto;
        right: -.25em;
        margin: 0;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }

.ui.bottom.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em
}

    .ui.bottom.pointing.dropdown > .menu:after {
        top: auto;
        bottom: -.25em;
        right: auto;
        margin: 0;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .ui.bottom.pointing.dropdown > .menu .menu {
        top: auto !important;
        bottom: 0 !important
    }

.ui.bottom.left.pointing.dropdown > .menu {
    left: 0;
    right: auto
}

    .ui.bottom.left.pointing.dropdown > .menu:after {
        left: 1em;
        right: auto
    }

.ui.bottom.right.pointing.dropdown > .menu {
    right: 0;
    left: auto
}

    .ui.bottom.right.pointing.dropdown > .menu:after {
        left: auto;
        right: 1em
    }

.ui.upward.pointing.dropdown > .menu, .ui.upward.top.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    margin: 0 0 .78571429rem;
    border-radius: .28571429rem
}

    .ui.upward.pointing.dropdown > .menu:after, .ui.upward.top.pointing.dropdown > .menu:after {
        top: 100%;
        bottom: auto;
        box-shadow: 1px 1px 0 1px rgba(34,36,38,.15);
        margin: -.25em 0 0
    }

@font-face {
    font-family: Dropdown;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
    font-weight: 400;
    font-style: normal
}

.ui.dropdown > .dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}

    .ui.dropdown > .dropdown.icon:before {
        content: '\f0d7'
    }

.ui.dropdown .menu .item .dropdown.icon:before {
    content: '\f0da'
}

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\f0da"
}
/* Default tab style */

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    /* 	font-size: 1.25em; */
    background-color: #FFF !important;
}

    /* Nav */
    .tabs nav {
        text-align: center;
    }

        .tabs nav ul {
            position: relative;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            margin: 0 auto;
            padding: 0;
            list-style: none;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            -webkit-box-orient: horizontal;
            -moz-box-orient: horizontal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-box-align: center;
            -moz-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tabs nav ul li {
                position: relative;
                z-index: 1;
                display: block;
                margin: 0;
                text-align: center;
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

        .tabs nav a {
            position: relative;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 2.5;
        }

            .tabs nav a span {
                vertical-align: middle;
                font-size: 14px;
            }

        .tabs nav li.tab-current a {
            color: #74777b;
        }

        .tabs nav a:focus {
            outline: none;
        }

/* Content */
.content-wrap {
    position: relative;
}

    .content-wrap section {
        display: none;
        /*padding: 1em;*/
        /* 	text-align: center; */
    }

        .content-wrap section.content-current {
            display: block;
        }

        .content-wrap section p {
            margin: 0;
            padding: 0.75em 0;
            /* color: rgba(40,44,42,0.05); */
            /* font-weight: 900;
	font-size: 4em; */
            line-height: 1;
        }

/* Fallback */
.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
    display: block;
}

    .no-flexbox nav ul li {
        min-width: 15%;
        display: inline-block;
    }

@media screen and (max-width: 767px) {
    .tabs nav a.icon span {
        display: none;
    }

    .tabs nav a:before {
        margin-right: 0;
    }
}

@media(max-width:480px) {
    .tabs nav a span {
        font-size: 10px;
    }

    .tabs-style-linebox nav ul {
        margin-top: 5px;
    }
}

@media(min-width:481px) and (max-width:768px) {
    .tabs nav a span {
        font-size: 12px;
    }
}
/* Individual tab styles */

/*****************************/
/* Bar */
/*****************************/

.tabs-style-bar nav {
    background: rgba(40,44,42,0.05);
}

    .tabs-style-bar nav ul {
        border: 4px solid transparent;
    }

        .tabs-style-bar nav ul li a {
            margin: 0 2px;
            background-color: #f7f7f7;
            color: #74777b;
            transition: background-color 0.2s, color 0.2s;
        }

            .tabs-style-bar nav ul li a:hover,
            .tabs-style-bar nav ul li a:focus {
                color: #2CC185;
            }

            .tabs-style-bar nav ul li a span {
                text-transform: uppercase;
                letter-spacing: 1px;
                font-weight: 500;
                font-size: 0.6em;
            }

        .tabs-style-bar nav ul li.tab-current a {
            background: #2CC185;
            color: #fff;
        }

/*****************************/
/* Icon box */
/*****************************/

.tabs-style-iconbox nav {
    background: rgba(255,255,255,0.4);
}

    .tabs-style-iconbox nav ul li a {
        overflow: visible;
        padding: 2em 0;
        line-height: 1;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

        .tabs-style-iconbox nav ul li a span {
            font-weight: 700;
            font-size: 0.7em;
        }

    .tabs-style-iconbox nav ul li.tab-current {
        z-index: 100;
    }

        .tabs-style-iconbox nav ul li.tab-current a {
            background: #fff;
            box-shadow: -1px 0 0 #fff;
        }

            .tabs-style-iconbox nav ul li.tab-current a::after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -10px;
                width: 0;
                height: 0;
                border: solid transparent;
                border-width: 10px;
                border-top-color: #fff;
                content: '';
                pointer-events: none;
            }

    .tabs-style-iconbox nav ul li:first-child::before,
    .tabs-style-iconbox nav ul li::after {
        position: absolute;
        top: 20%;
        right: 0;
        z-index: -1;
        width: 1px;
        height: 60%;
        background: rgba(0,0,0,0.07);
        content: '';
    }

    .tabs-style-iconbox nav ul li:first-child::before {
        right: auto;
        left: 0;
    }

.tabs-style-iconbox .icon::before {
    display: block;
    margin: 0 0 0.25em 0;
}

/*****************************/
/* Underline */
/*****************************/

.tabs-style-underline nav {
    background: #fff;
}

    .tabs-style-underline nav a {
        padding: 0.25em 0 0.5em;
        border-left: 1px solid #e7ecea;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

    .tabs-style-underline nav li:last-child a {
        border-right: 1px solid #e7ecea;
    }

    .tabs-style-underline nav li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background: #2CC185;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translate3d(0,150%,0);
        transform: translate3d(0,150%,0);
    }

    .tabs-style-underline nav li.tab-current a::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .tabs-style-underline nav a span {
        font-weight: 700;
    }

/*****************************/
/* Triangle and line */
/*****************************/

.tabs-style-linetriangle nav a {
    overflow: visible;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .tabs-style-linetriangle nav a span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1em;
    }

.tabs-style-linetriangle nav li.tab-current a:after,
.tabs-style-linetriangle nav li.tab-current a:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
}

.tabs-style-linetriangle nav li.tab-current a:after {
    margin-left: -10px;
    border-width: 10px;
    border-top-color: #e7ecea;
}

.tabs-style-linetriangle nav li.tab-current a:before {
    margin-left: -11px;
    border-width: 11px;
    border-top-color: rgba(0,0,0,0.2);
}

@media screen and (max-width: 58em) {
    .tabs-style-linetriangle nav {
        font-size: 0.6em;
    }
}

/*****************************/
/* Top Line */
/*****************************/

.tabs-style-topline {
    max-width: 1200px;
}

    .tabs-style-topline nav li {
        border: 1px solid rgba(40,44,42,0.1);
    }

        .tabs-style-topline nav li:not(:last-child) {
            border-right: none;
        }

        .tabs-style-topline nav li.tab-current {
            border-top-color: #2CC185;
            border-bottom: none;
        }

    .tabs-style-topline nav a {
        padding: 0.65em 0 0.5em;
        background: rgba(40,44,42,0.05);
        color: #74777b;
        line-height: 1;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

        .tabs-style-topline nav a:hover,
        .tabs-style-topline nav a:focus {
            color: #2CC185;
        }

    .tabs-style-topline nav li.tab-current a {
        background: none;
        box-shadow: inset 0 3px 0 #2CC185;
        color: #2CC185;
    }

    .tabs-style-topline .icon::before {
        display: block;
        margin: 0;
    }

    .tabs-style-topline nav a span {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        font-size: 0.5em;
    }

/*****************************/
/* Falling Icon, from http://vintageproductions.eu/grid/interactivity/ */
/*****************************/

.tabs-style-iconfall {
    overflow: visible;
}

    .tabs-style-iconfall nav a {
        display: inline-block;
        overflow: visible;
        padding: 1em 0 2em;
        color: #74777b;
        line-height: 1;
        -webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
        transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
    }

        .tabs-style-iconfall nav a:hover,
        .tabs-style-iconfall nav a:focus,
        .tabs-style-iconfall nav li.tab-current a {
            color: #2CC185;
        }

        .tabs-style-iconfall nav a span {
            font-weight: 700;
        }

    .tabs-style-iconfall nav li::before {
        position: absolute;
        bottom: 1em;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 4px;
        background: #2CC185;
        content: '';
        opacity: 0;
        -webkit-transition: -webkit-transform 0.2s ease-in;
        transition: transform 0.2s ease-in;
        -webkit-transform: scale3d(0,1,1);
        transform: scale3d(0,1,1);
    }

    .tabs-style-iconfall nav li.tab-current::before {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    .tabs-style-iconfall .icon::before {
        display: block;
        margin: 0 0 0.35em;
        opacity: 0;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0);
        pointer-events: none;
    }

    .tabs-style-iconfall nav li.tab-current .icon::before {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

@media screen and (max-width: 58em) {
    .tabs-style-iconfall nav li .icon::before {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

/*****************************/
/* Moving Line */
/*****************************/

.tabs-style-linemove nav {
    background: #fff;
}

    .tabs-style-linemove nav li:last-child::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #2CC185;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

    /* Move the line */
    .tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-400%,0,0);
        transform: translate3d(-400%,0,0);
    }

    .tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-300%,0,0);
        transform: translate3d(-300%,0,0);
    }

    .tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-200%,0,0);
        transform: translate3d(-200%,0,0);
    }

    .tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    .tabs-style-linemove nav a {
        padding: 1em 0;
        color: #74777b;
        line-height: 1;
        -webkit-transition: color 0.3s, -webkit-transform 0.3s;
        transition: color 0.3s, transform 0.3s;
    }

    .tabs-style-linemove nav li.tab-current a {
        color: #2CC185;
        -webkit-transform: translate3d(0,8px,0);
        transform: translate3d(0,8px,0);
    }

    .tabs-style-linemove nav a span {
        font-weight: 700;
    }

/*****************************/
/* Line */
/*****************************/

.tabs-style-line nav ul {
    padding: 0 2em;
    max-width: none;
    box-shadow: inset 0 -2px #d1d3d2;
}

.tabs-style-line nav a {
    padding: 0.7em 0.4em;
    box-shadow: inset 0 -2px #d1d3d2;
    color: #74777b;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
}

    .tabs-style-line nav a:hover,
    .tabs-style-line nav a:focus {
        box-shadow: inset 0 -2px #74777b;
    }

.tabs-style-line nav li.tab-current a {
    box-shadow: inset 0 -2px #2CC185;
    color: #2CC185;
}

@media screen and (max-width: 58em) {
    .tabs-style-line nav ul {
        display: block;
        box-shadow: none;
    }

        .tabs-style-line nav ul li {
            display: block;
            -webkit-flex: none;
            flex: none;
        }
}

/*****************************/
/* Circle */
/*****************************/

.tabs-style-circle {
    overflow: visible;
}

    .tabs-style-circle nav li::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -60px 0 0 -60px;
        width: 120px;
        height: 120px;
        border: 1px solid #2CC185;
        border-radius: 50%;
        content: '';
        opacity: 0;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    }

@media screen and (max-width: 58em) {
    .tabs-style-circle nav li::before {
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px;
    }
}

.tabs-style-circle nav li.tab-current::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.tabs-style-circle nav a {
    overflow: visible;
    color: #74777b;
    font-weight: 700;
    font-size: 0.9em;
    line-height: 1.1;
    -webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
    transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
}

    .tabs-style-circle nav a span {
        display: inline-block;
    }

    .tabs-style-circle nav a span,
    .tabs-style-circle .icon::before {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7,0,0.3,1);
        transition: transform 0.3s cubic-bezier(0.7,0,0.3,1);
    }

    .tabs-style-circle nav a:hover,
    .tabs-style-circle nav a:focus {
        color: #4a4a4b;
    }

.tabs-style-circle nav li.tab-current a {
    color: #2CC185;
}

    .tabs-style-circle nav li.tab-current a span {
        -webkit-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0);
    }

.tabs-style-circle .icon::before {
    display: block;
    margin: 0;
    pointer-events: none;
}

.tabs-style-circle nav li.tab-current .icon::before {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
}

/*****************************/
/* Shape */
/*****************************/

.tabs-style-shape {
    max-width: 1200px;
}

    .tabs-style-shape nav ul li {
        margin: 0 3em;
    }

        .tabs-style-shape nav ul li:first-child {
            margin-left: 0;
        }

        .tabs-style-shape nav ul li.tab-current {
            z-index: 100;
        }

    .tabs-style-shape nav li a {
        overflow: visible;
        margin: 0 -3em 0 0;
        padding: 0;
        color: #fff;
        font-weight: 500;
    }

    .tabs-style-shape nav li:first-child a span {
        padding-left: 2em;
        border-radius: 30px 0 0 0;
    }

    .tabs-style-shape nav li:last-child a span {
        padding-right: 2em;
        border-radius: 0 30px 0 0;
    }

    .tabs-style-shape nav li a svg {
        position: absolute;
        left: 100%;
        margin: 0;
        width: 3em;
        height: 100%;
        fill: #bdc2c9;
        pointer-events: none;
    }

        .tabs-style-shape nav li a svg:nth-child(2),
        .tabs-style-shape nav li:last-child a svg {
            right: 100%;
            left: auto;
            -webkit-transform: scale3d(-1,1,1);
            transform: scale3d(-1,1,1);
        }

    .tabs-style-shape nav li a span {
        display: block;
        overflow: hidden;
        padding: 0.65em 0;
        background-color: #bdc2c9;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tabs-style-shape nav li a:hover span {
        background-color: #2CC185;
    }

    .tabs-style-shape nav li a:hover svg {
        fill: #2CC185;
    }

    /* Make only shape clickable */


    .tabs-style-shape nav li a svg use {
        pointer-events: auto;
    }

    .tabs-style-shape nav li.tab-current a span,
    .tabs-style-shape nav li.tab-current a svg {
        -webkit-transition: none;
        transition: none;
    }

    .tabs-style-shape nav li.tab-current a span {
        background: #fff;
    }

    .tabs-style-shape nav li.tab-current a svg {
        fill: #fff;
    }

    .tabs-style-shape .content-wrap {
        background: #fff;
    }

@media screen and (max-width: 58em) {
    .tabs-style-shape nav ul {
        display: block;
        padding-top: 1.5em;
    }

        .tabs-style-shape nav ul li {
            display: block;
            margin: -1.25em 0 0;
            -webkit-flex: none;
            flex: none;
        }

            .tabs-style-shape nav ul li a {
                margin: 0;
            }

            .tabs-style-shape nav ul li svg {
                display: none;
            }

            .tabs-style-shape nav ul li a span {
                padding: 1.25em 0 2em !important;
                border-radius: 30px 30px 0 0 !important;
                box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
                line-height: 1;
            }

            .tabs-style-shape nav ul li:last-child a span {
                padding: 1.25em 0 !important;
            }

            .tabs-style-shape nav ul li.tab-current {
                z-index: 1;
            }
}

/*****************************/
/* Line Box */
/*****************************/

.tabs-style-linebox nav ul li {
    margin: 0 0.4em;
    -webkit-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
}

.tabs-style-linebox nav a {
    padding: 0 1.5em;
    color: #74777b;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

    .tabs-style-linebox nav a:hover,
    .tabs-style-linebox nav a:focus {
        color: #666699;
    }

.tabs-style-linebox nav li.tab-current a {
    color: #fff;
}

.tabs-style-linebox nav a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #d2d8d6;
    content: '';
    -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, transform 0.3s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
    transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}

.tabs-style-linebox nav li.tab-current a::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.tabs-style-linebox nav a:hover::after,
.tabs-style-linebox nav a:focus::after,
.tabs-style-linebox nav li.tab-current a::after {
    background: #000066;
}

@media screen and (max-width: 58em) {
    .tabs-style-linebox nav ul {
        /*display: block;*/
        box-shadow: none;
    }

        .tabs-style-linebox nav ul li {
            display: block;
            -webkit-flex: none;
            flex: none;
            margin-bottom: 10px;
        }

    /*.tabs nav a span{
        display:none;
    }*/
}

)
/*****************************/
/* Flip */
/*****************************/
.tabs-style-flip {
    max-width: 1200px;
}

.tabs-style-flip nav a {
    padding: 0.5em 0;
    color: #2CC185;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

    .tabs-style-flip nav a:hover,
    .tabs-style-flip nav a:focus,
    .tabs-style-flip nav li.tab-current a {
        color: #74777b;
    }

    .tabs-style-flip nav a span {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        font-size: 0.625em;
    }

    .tabs-style-flip nav a::after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #f0f0f0;
        content: '';
        -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
        transition: transform 0.3s, background-color 0.3s;
        -webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
        transform: perspective(900px) rotate3d(1,0,0,90deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-perspective-origin: 50% 100%;
        perspective-origin: 50% 100%;
    }

.tabs-style-flip nav li.tab-current a::after {
    background-color: #fff;
    -webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
    transform: perspective(900px) rotate3d(1,0,0,0deg);
}

.tabs-style-flip .content-wrap {
    background: #fff;
}

/*****************************/
/* Fill up */
/*****************************/

.tabs-style-fillup nav ul li a {
    padding: 1.9em 0;
    border-right: 1px solid #2CC185;
    line-height: 1;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tabs-style-fillup nav ul li:last-child a {
    border: none;
}

.tabs-style-fillup nav ul li.tab-current {
    z-index: 100;
}

    .tabs-style-fillup nav ul li.tab-current a {
        color: #fff;
    }

.tabs-style-fillup nav ul li a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    height: calc(100% + 1px);
    border: 1px solid #2CC185;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.tabs-style-fillup nav ul li.tab-current a::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.tabs-style-fillup nav ul li a span,
.tabs-style-fillup .icon::before {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
}

.tabs-style-fillup nav ul li a span {
    display: block;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 1.5;
}

.tabs-style-fillup .icon::before {
    display: block;
    margin: 0;
}

.tabs-style-fillup nav ul li.tab-current a span,
.tabs-style-fillup li.tab-current .icon::before {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}

/*****************************/
/* Trapezoid, based on http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/ */
/*****************************/

.tabs-style-tzoid {
    max-width: 1200px;
}

    .tabs-style-tzoid nav {
        padding: 0 1em;
    }

        .tabs-style-tzoid nav ul li {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .tabs-style-tzoid nav ul li a {
                padding: 0 1.5em 0 0.3em;
                color: #0d9564;
                -webkit-transition: color 0.2s;
                transition: color 0.2s;
            }

@media screen and (max-width: 54em) {
    .tabs-style-tzoid nav ul li a {
        padding: 0 0.5em 0 0.3em;
    }
}

.tabs-style-tzoid nav ul li a:hover,
.tabs-style-tzoid nav ul li a:focus {
    color: #fff;
}

.tabs-style-tzoid nav ul li.tab-current a,
.tabs-style-tzoid nav ul li.tab-current a:hover {
    color: #2CC185;
}

.tabs-style-tzoid nav ul li a span {
    font-weight: 500;
    font-size: 0.75em;
}

.tabs-style-tzoid nav ul li a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    background: #2CC185;
    box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tabs-style-tzoid nav ul li.tab-current a::after,
.tabs-style-tzoid .content-wrap {
    background: #fff;
    box-shadow: none;
}

/*****************************/
/* Circle fill */
/*****************************/

.tabs-style-circlefill {
    max-width: 700px;
    border: 1px solid #2CC185;
}

    .tabs-style-circlefill nav ul li {
        overflow: hidden;
        border-right: 1px solid #2CC185;
    }

    .tabs-style-circlefill nav li a {
        padding: 1.5em 0;
        color: #fff;
        font-size: 1.25em;
    }

    .tabs-style-circlefill nav li:first-child {
        border-left: none;
    }

    .tabs-style-circlefill nav li:last-child {
        border: none;
    }

    .tabs-style-circlefill nav li::before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px;
        border: 1px solid #2CC185;
        border-radius: 50%;
        background: #2CC185;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

    .tabs-style-circlefill nav li.tab-current::before {
        -webkit-transform: scale3d(2.5,2.5,1);
        transform: scale3d(2.5,2.5,1);
    }

    .tabs-style-circlefill nav a {
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
    }

        .tabs-style-circlefill nav a span {
            display: none;
        }

    .tabs-style-circlefill nav li.tab-current a {
        color: #fff;
    }

    .tabs-style-circlefill .icon::before {
        display: block;
        margin: 0;
        pointer-events: none;
    }

    .tabs-style-circlefill .content-wrap {
        border-top: 1px solid #2CC185;
    }

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    width: 278px;
    min-width: 178px !important;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 10px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 10px;
    }

    .daterangepicker.dropup {
        margin-top: -5px;
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc;
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff;
        }

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3001;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
        float: none;
    }

    .daterangepicker.show-calendar .calendar {
        display: block;
    }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
        margin: 4px;
    }

        .daterangepicker .calendar.single .calendar-table {
            border: none;
        }

        .daterangepicker .calendar th, .daterangepicker .calendar td {
            white-space: nowrap;
            text-align: center;
            min-width: 32px;
        }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        padding: 4px;
        border-radius: 4px;
        background-color: #fff;
    }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer;
    }

        .daterangepicker td.available:hover, .daterangepicker th.available:hover {
            background-color: #eee;
            border-color: transparent;
            color: inherit;
        }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: 80%;
            color: #ccc;
        }

        .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
            background-color: #fff;
            border-color: transparent;
            color: #999;
        }

        .daterangepicker td.in-range {
            background-color: #ebf4f8;
            border-color: transparent;
            color: #000;
            border-radius: 0;
        }

        .daterangepicker td.start-date {
            border-radius: 4px 0 0 4px;
        }

        .daterangepicker td.end-date {
            border-radius: 0 4px 4px 0;
        }

        .daterangepicker td.start-date.end-date {
            border-radius: 4px;
        }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #357ebd;
            border-color: transparent;
            color: #fff;
        }

        .daterangepicker th.month {
            width: auto;
        }

        .daterangepicker td.disabled, .daterangepicker option.disabled {
            color: #999;
            cursor: not-allowed;
            text-decoration: line-through;
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker .input-mini {
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        height: 30px;
        line-height: 30px;
        display: block;
        vertical-align: middle;
        margin: 0 0 5px 0;
        padding: 0 6px 0 28px;
        width: 100%;
    }

        .daterangepicker .input-mini.active {
            border: 1px solid #000066;
            border-radius: 4px;
        }

    .daterangepicker .daterangepicker_input {
        position: relative;
    }

        .daterangepicker .daterangepicker_input i {
            position: absolute;
            left: 8px;
            top: 8px;
        }

    .daterangepicker.rtl .input-mini {
        padding-right: 28px;
        padding-left: 6px;
    }

    .daterangepicker.rtl .daterangepicker_input i {
        left: auto;
        right: 8px;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 5px auto;
        line-height: 30px;
        position: relative;
        padding-left: 28px;
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed;
        }

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

    .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .ranges li {
        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        color: #000066;
        padding: 3px 12px;
        margin-bottom: 8px;
        cursor: pointer;
    }

        .ranges li:hover {
            background-color: #000066;
            border: 1px solid #000066;
            color: #fff;
        }

        .ranges li.active {
            background-color: #000066;
            border: 1px solid #000066;
            color: #fff;
        }

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 160px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .calendar.left {
            clear: none;
        }

        .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
            float: left;
        }

        .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
            float: right;
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left;
        }

            .daterangepicker.ltr .calendar.left {
                clear: left;
                margin-right: 0;
            }

                .daterangepicker.ltr .calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                    padding-right: 12px;
                }

            .daterangepicker.ltr .calendar.right {
                margin-left: 0;
            }

                .daterangepicker.ltr .calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.ltr .left .daterangepicker_input {
                padding-right: 12px;
            }

            .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
                float: left;
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right;
        }

            .daterangepicker.rtl .calendar.left {
                clear: right;
                margin-left: 0;
            }

                .daterangepicker.rtl .calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                    padding-left: 12px;
                }

            .daterangepicker.rtl .calendar.right {
                margin-right: 0;
            }

                .daterangepicker.rtl .calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.rtl .left .daterangepicker_input {
                padding-left: 12px;
            }

            .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
                text-align: right;
                float: right;
            }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .calendar.left {
        clear: none !important;
    }
}
/*
    TextProgress
*/

.textProgress {
    display: block;
    width: auto;
    height: 170px;
    text-align: center;
    transform: rotate(-90deg);
}

.tp {
    float: left;
    position: absolute;
    white-space: nowrap;
    font-size: 50px;
    color: lightgray;
}

    .tp + .tp {
        float: left;
        color: #b01112;
        width: 0px;
        /*padding-left:30px;
    margin-left:-30px;*/
        overflow: hidden;
    }

    .tp .underline {
        border-bottom: 5px solid #b01112;
    }

    .tp .percent {
        float: right;
        font-size: 25px;
        display: block;
        margin-top: 5px;
    }

        .tp .percent:after {
            content: "%";
        }

    .tp.bar .underline {
        display: block;
    }

    .tp.bar:first-of-type {
        width: 200px;
        height: 20px;
    }

.md-shadow-z-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18)
}

.md-shadow-z-1-i {
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18) !important
}

.md-shadow-z-1-hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.22)
}

.md-shadow-z-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)
}

.md-shadow-z-2-i {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important
}

.md-shadow-z-2-hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26)
}

.md-shadow-z-3, .modal {
    box-shadow: 0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.23)
}

.md-shadow-z-3-i {
    box-shadow: 0 8px 18px rgba(0,0,0,.18),0 6px 6px rgba(0,0,0,.24) !important
}

.md-shadow-z-3-hover {
    box-shadow: 0 8px 18px rgba(0,0,0,.22),0 6px 6px rgba(0,0,0,.26)
}

.md-shadow-z-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22)
}

.md-shadow-z-4-i {
    box-shadow: 0 14px 28px rgba(0,0,0,.26),0 10px 10px rgba(0,0,0,.22) !important
}

.md-shadow-z-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,.28),0 15px 12px rgba(0,0,0,.22)
}

.md-shadow-z-5-i {
    box-shadow: 0 19px 38px rgba(0,0,0,.28),0 15px 12px rgba(0,0,0,.22) !important
}

.md-shadow-none {
    box-shadow: none !important
}

.md-click-circle {
    display: block;
    position: absolute;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    -webkit-animation: scale(0);
    -moz-transform: scale(0);
    transform: scale(0)
}

    .md-click-circle.md-click-animate {
        -webkit-animation: mdClickEffect .55s linear;
        -moz-animation: mdClickEffect .55s linear;
        animation: mdClickEffect .55s linear
    }

@-webkit-keyframes mdClickEffect {
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes mdClickEffect {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@keyframes mdClickEffect {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

.input-group.color .input-group-btn i {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 6px
}

.colorpicker.dropdown-menu {
    padding: 5px
}

.modal-open .colorpicker {
    z-index: 10055 !important
}

.datepaginator a {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 300
}

.datepicker .today {
    background-image: none !important;
    filter: none !important
}

#dp-calendar {
    right: 4px !important
}

.datepaginator .fa-angle-right:before {
    content: "\f105"
}

.datepaginator .fa-angle-left:before {
    content: "\f104"
}

.datepicker.dropdown-menu {
    padding: 5px
}

.datepicker .selected {
    background-color: #909090 !important;
    background-image: none !important;
    filter: none !important
}

.datepicker .active {
    background-color: #4b8df8 !important;
    background-image: none !important;
    filter: none !important
}

    .datepicker .active:hover {
        background-color: #2678FC !important;
        background-image: none !important;
        filter: none !important
    }

.datepicker .input-daterange input {
    text-align: left
}

.modal-open .datepicker {
    z-index: 10055 !important
}

.datepicker table td {
    color: #000;
    font-weight: 300 !important;
    font-family: 'Open Sans' !important
}

.datepicker table th {
    color: #333;
    font-family: 'Open Sans' !important;
    font-weight: 400 !important
}

.datepicker.dropdown-menu {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    border: 1px solid #efefef
}

.modal-open .daterangepicker {
    z-index: 10055 !important
}

.daterangepicker {
    margin-top: 4px
}

    .daterangepicker td {
        text-shadow: none
    }

        .daterangepicker td.active {
            background-color: #4b8df8;
            background-image: none;
            filter: none
        }

    .daterangepicker th {
        font-weight: 400;
        font-size: 14px
    }

    .daterangepicker .ranges input[type=text] {
        width: 70px !important;
        font-size: 11px;
        vertical-align: middle
    }

    .daterangepicker .ranges label {
        font-weight: 300;
        display: block
    }

    .daterangepicker .ranges {
        width: 170px
    }

        .daterangepicker .ranges ul > li.active {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px
        }

        .daterangepicker .ranges .btn {
            margin-top: 10px
        }

    .daterangepicker.dropdown-menu {
        padding: 5px
    }

    .daterangepicker .ranges li {
        color: #333
    }

        .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
            background: #4b8df8 !important;
            border: 1px solid #4b8df8 !important;
            color: #fff
        }

    .daterangepicker .range_inputs input {
        margin-bottom: 0 !important
    }

    .daterangepicker .fa-angle-right:before {
        content: "\f105"
    }

    .daterangepicker .fa-angle-left:before {
        content: "\f104"
    }

.datetimepicker table td {
    color: #000;
    font-weight: 300 !important;
    font-family: 'Open Sans' !important
}

.datetimepicker table th {
    font-family: 'Open Sans' !important;
    font-weight: 400 !important
}

.datetimepicker.dropdown-menu {
    padding: 5px
}

.datetimepicker .active {
    background-color: #4b8df8 !important;
    background-image: none !important;
    filter: none !important
}

    .datetimepicker .active:hover {
        background-color: #2678FC !important;
        background-image: none !important;
        filter: none !important
    }

.datetimepicker .fa-angle-left:before {
    content: "\f104"
}

.datetimepicker .fa-angle-right:before {
    content: "\f105"
}

.modal-open .datetimepicker {
    z-index: 10055
}

.editable-input table, .editable-input table td, .editable-input table th, .editable-input table tr {
    border: 0 !important
}

.editable-input .combodate select {
    margin-bottom: 5px
}

.fileinput {
    margin-bottom: 0
}

    .fileinput .close {
        float: none
    }

    .fileinput .input-group {
        white-space: nowrap;
        overflow: hidden
    }

.md-input {
    padding: 5px !important;
    border-bottom: 0 !important;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.md-editor {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .md-editor .btn-toolbar {
        margin-left: 0;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        -o-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

        .md-editor .btn-toolbar .btn-group .btn-sm.btn {
            padding-bottom: 3px
        }

        .md-editor .btn-toolbar .btn-group .btn-primary {
            padding-top: 5px;
            padding-bottom: 7px
        }

    .md-editor.active {
        border: 1px solid #999;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

.has-error .md-editor {
    border: 1px solid #f13e64 !important
}

.has-success .md-editor {
    border: 1px solid #219174 !important
}

.has-warning .md-editor {
    border: 1px solid #ff1b08 !important
}

.modal-open.page-overflow .modal-scrollable, .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .page-container .navbar-fixed-top {
    overflow-y: auto !important
}

.modal-scrollable {
    overflow: hidden !important
}

.modal-backdrop {
    position: fixed;
    bottom: 0
}

.modal {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 0 !important
}

    .modal .modal-body {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border: 0
    }

    .modal .modal-title {
        font-weight: 400
    }

    .modal .modal-footer {
        border: 0 !important
    }

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .2;
    filter: alpha(opacity=20)
}

.bootstrap-select .btn {
    border-color: #e5e5e5
}

.has-error .bootstrap-select .btn {
    border-color: #f13e64
}

.has-success .bootstrap-select .btn {
    border-color: #219174
}

.has-warning .bootstrap-select .btn {
    border-color: #ff1b08
}

.bootstrap-select.open .btn, .bootstrap-select.open.dropup .btn {
    border-color: #999
}

.bootstrap-select .btn:focus {
    outline: 0 !important;
    outline-offset: 0
}

.bootstrap-select.btn-group .dropdown-menu {
    margin-top: 1px
}

    .bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
        font-weight: 600;
        font-family: 'Open Sans';
        font-size: 14px
    }

    .bootstrap-select.btn-group .dropdown-menu .text-muted {
        color: #999 !important
    }

.bootstrap-select .caret {
    border: 0;
    width: auto;
    height: auto;
    margin-top: -10px !important
}

    .bootstrap-select .caret:before {
        content: "\f107";
        display: inline-block;
        border: 0;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400
    }

.bootstrap-select .selected i {
    color: #aaa
}

.bootstrap-select .dropdown-menu {
    z-index: 9999 !important
}

.bootstrap-switch {
    border-color: #e5e5e5
}

    .bootstrap-switch.bootstrap-switch-focused {
        box-shadow: none;
        border-color: #e5e5e5
    }

    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
        color: #fff;
        background: #00BCD4
    }

    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
        color: #fff;
        background: #89C4F4
    }

    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
        color: #fff;
        background: #26A69A
    }

    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
        color: #fff;
        background: #ff5722
    }

    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
        color: #fff;
        background: #F3565D
    }

    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
        color: #444;
        background: #ececec
    }

.portlet > .portlet-title > .actions > .bootstrap-switch {
    border-color: transparent;
    margin-top: 0
}

.bootstrap-timepicker-widget table td a {
    padding: 4px 0
}

.bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus {
    outline: 0 !important;
    border: 0
}

.modal-open .bootstrap-timepicker-widget {
    z-index: 10055 !important
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after, .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    top: auto
}

.toast {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast .toast-close-button {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    text-indent: -100000px;
    width: 11px;
    height: 16px;
    background-repeat: no-repeat !important;
    background-image: url(../img/portlet-remove-icon-white.png) !important
}

.toast-top-center {
    top: 12px;
    margin: 0 auto;
    left: 50%;
    margin-left: -150px
}

    .toast-top-center .toast {
        margin: 0 !important
    }

.toast-bottom-center {
    bottom: 12px;
    margin: 0 auto;
    left: 50%;
    margin-left: -150px
}

    .toast-bottom-center .toast {
        margin: 0 !important
    }

.form-wizard .progress {
    margin-bottom: 30px
}

.form-wizard .steps {
    padding: 10px 0;
    margin-bottom: 15px;
    background-color: #fff;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none
}

    .form-wizard .steps > li > a.step {
        background-color: #fff;
        background-image: none;
        filter: none;
        border: 0;
        box-shadow: none
    }

        .form-wizard .steps > li > a.step:hover {
            background: 0 0
        }

        .form-wizard .steps > li > a.step > .number {
            background-color: #eee;
            display: inline-block;
            text-align: center !important;
            font-size: 16px;
            font-weight: 300;
            padding: 11px 15px 13px;
            margin-right: 10px;
            height: 45px;
            width: 45px;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important
        }

        .form-wizard .steps > li > a.step > .desc {
            display: inline-block;
            font-size: 16px;
            font-weight: 300
        }

            .form-wizard .steps > li > a.step > .desc > i {
                display: none
            }

    .form-wizard .steps > li.active > a.step .number {
        background-color: #26A69A;
        color: #fff
    }

    .form-wizard .steps > li.active > a.step .desc {
        color: #333
    }

    .form-wizard .steps > li.done > a.step .number {
        background-color: #ff5722;
        color: #fff
    }

    .form-wizard .steps > li.done > a.step .desc {
        color: #333
    }

        .form-wizard .steps > li.done > a.step .desc i {
            font-size: 12px;
            font-weight: 400;
            color: #999;
            display: inline-block
        }

@media (min-width:768px) and (max-width:1200px) {
    .form-wizard .step .desc {
        margin-top: 10px;
        display: block
    }
}

@media (max-width:768px) {
    .form-wizard .steps > li > a {
        text-align: left
    }
}
/*!
 * Tab drop for Bootstrap
 */

.tabbable-tabdrop .nav-pills, .tabbable-tabdrop .nav-tabs {
    position: relative
}

    .tabbable-tabdrop .nav-pills .caret, .tabbable-tabdrop .nav-tabs .caret {
        display: none
    }

    .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i, .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i {
        font-size: 14px
    }

.tabbable-tabdrop .dropdown-menu:after {
    right: 10px;
    left: auto
}

.tabbable-tabdrop .dropdown-menu:before {
    right: 9px;
    left: auto
}

.wysihtml5-sandbox {
    width: 100% !important
}

.wysihtml5-toolbar li {
    margin: 0;
    height: 29px
}

    .wysihtml5-toolbar li .dropdown-menu {
        margin-top: 5px
    }

.has-error .wysihtml5-sandbox {
    border: 1px solid #f13e64 !important
}

.has-success .wysihtml5-sandbox {
    border: 1px solid #219174 !important
}

.has-warning .wysihtml5-sandbox {
    border: 1px solid #ff1b08 !important
}

.note-editor {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .note-editor .note-toolbar {
        border-bottom: 1px solid #e5e5e5;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        -o-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

    .note-editor .note-statusbar {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -ms-border-radius: 0 0 2px 2px;
        -o-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px
    }

        .note-editor .note-statusbar .note-resizebar {
            border-top: 1px solid #e5e5e5
        }

    .note-editor.fullscreen {
        z-index: 11000;
        width: 100% !important
    }

    .note-editor .dropdown-menu:before {
        left: 9px;
        right: auto
    }

    .note-editor .dropdown-menu:after {
        left: 10px;
        right: auto
    }

.note-link-dialog .checkbox {
    margin-left: 20px
}

.has-error .note-editor {
    border: 1px solid #f13e64 !important
}

.has-success .note-editor {
    border: 1px solid #219174 !important
}

.has-warning .note-editor {
    border: 1px solid #ff1b08 !important
}

.gtreetable .dropdown-menu {
    margin-top: 0
}

    .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before {
        display: none !important
    }

.gtreetable .node-action .form-control {
    position: relative;
    top: 2px;
    display: inline-block
}

.gtreetable .node-icon-ce, .gtreetable .node-icon-handle, .gtreetable .node-icon-selected, .gtreetable .node-icon-type {
    opacity: .6;
    filter: alpha(opacity=60)
}

.bootbox .bootbox-close-button {
    margin-top: 0 !important
}

.CSSAnimationChart {
    width: 100%;
    height: 500px
}

    .CSSAnimationChart a {
        color: #bbb !important;
        font-size: 12px !important
    }

.amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: am-moving-dashes 1s linear infinite;
    animation: am-moving-dashes 1s linear infinite
}

@-webkit-keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px
    }
}

@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px
    }
}

.lastBullet {
    -webkit-animation: am-pulsating 1s ease-out infinite;
    animation: am-pulsating 1s ease-out infinite
}

@-webkit-keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0
    }

    100% {
        stroke-opacity: 0;
        stroke-width: 50px
    }
}

@keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0
    }

    100% {
        stroke-opacity: 0;
        stroke-width: 50px
    }
}

.amcharts-graph-column-front {
    -webkit-transition: all .3s .3s ease-out;
    transition: all .3s .3s ease-out
}

    .amcharts-graph-column-front:hover {
        fill: #496375;
        stroke: #496375;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

.amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0;
    stroke-dashoffset: 0 \0;
    -webkit-animation: am-draw 40s;
    animation: am-draw 40s
}

@-webkit-keyframes am-draw {
    0% {
        stroke-dashoffset: 500%
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes am-draw {
    0% {
        stroke-dashoffset: 500%
    }

    100% {
        stroke-dashoffset: 0
    }
}

.mapChart {
    width: 100%;
    height: 500px
}

    .mapChart a {
        color: #bbb !important;
        font-size: 12px !important
    }

.columnLine {
    width: 100%;
    height: 350px;
    font-size: 11px
}

.amcharts-graph-graph2 .amcharts-graph-stroke {
    stroke-dasharray: 4px 5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: am-moving-dashes 1s linear infinite;
    animation: am-moving-dashes 1s linear infinite
}

@-webkit-keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -28px
    }
}

@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -28px
    }
}

.animated-pie-chart {
    width: 100%;
    height: 350px;
    font-size: 11px
}

.cke {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .cke .cke-top {
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        -o-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

    .cke .cke-bottom {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -ms-border-radius: 0 0 2px 2px;
        -o-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px
    }

.cke_bottom, .cke_dialog, .cke_dialog_footer, .cke_dialog_title, .cke_inner, .cke_reset, .cke_top {
    background-image: none !important;
    filter: none;
    border-top: 0;
    border-bottom: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none
}

.cke_dialog_tab, .cke_dialog_ui_button {
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
}

    .cke_dialog_tab:hover, .cke_dialog_ui_button:hover {
        text-decoration: none;
        text-shadow: none
    }

.cke_dialog_ui_input_text {
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.cke_button, .cke_combo_button, .cke_toolbar, .cke_toolgroup {
    background-image: none !important;
    filter: none !important;
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.cke_button, .cke_combo_button, .cke_hc.cke_panel_listItem a, .cke_panel_grouptitle {
    background-image: none !important;
    filter: none;
    text-shadow: none
}

    .cke_button:hover, .cke_combo_button:hover {
        background-color: #ddd
    }

.cke_toolbar_break {
    background-image: none !important;
    filter: none !important;
    border: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important
}

.has-error .cke {
    border: 1px solid #f13e64 !important
}

.has-success .cke {
    border: 1px solid #219174 !important
}

.has-warning .cke {
    border: 1px solid #ff1b08 !important
}

.modal-open .clockface {
    z-index: 10055 !important
}

.clockface .cell .inner.active, .clockface .cell .outer.active {
    background-color: #4b8df8 !important;
    background-image: none;
    filter: none
}

.dataTable {
    width: 100%;
    clear: both;
    margin-top: 5px
}

.dataTables_filter .form-control {
    margin-left: 4px
}

.dataTables_filter label {
    line-height: 32px
}

.dataTable .row-details {
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px
}

    .dataTable .row-details.row-details-close {
        background: url(../img/datatable-row-openclose.png) no-repeat 0 0
    }

    .dataTable .row-details.row-details-open {
        background: url(../img/datatable-row-openclose.png) no-repeat 0 -23px
    }

.dataTable .details {
    background-color: #eee
}

    .dataTable .details td, .dataTable .details th {
        padding: 4px;
        background: 0 0;
        border: 0
    }

    .dataTable .details tr:hover td, .dataTable .details tr:hover th {
        background: 0 0
    }

    .dataTable .details tr:nth-child(even) td, .dataTable .details tr:nth-child(even) th, .dataTable .details tr:nth-child(odd) td, .dataTable .details tr:nth-child(odd) th {
        background-color: #eee
    }

.dataTable > thead > tr > th.sorting, .dataTable > thead > tr > th.sorting_asc, .dataTable > thead > tr > th.sorting_desc {
    padding-right: 18px
}

.dataTable .table-checkbox {
    width: 8px !important
}

@media (max-width:768px) {
    .dataTables_wrapper .dataTables_filter .form-control, .dataTables_wrapper .dataTables_length .form-control {
        display: inline-block
    }

    .dataTables_wrapper .dataTables_info {
        top: 17px
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: -15px
    }
}

@media (max-width:480px) {
    .dataTables_wrapper .dataTables_filter .form-control {
        width: 175px !important
    }

    .dataTables_wrapper .dataTables_paginate {
        float: left;
        margin-top: 20px
    }
}

.dataTables_processing {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: 0;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    box-shadow: 0 1px 8px rgba(0,0,0,.1)
}

    .dataTables_processing span {
        line-height: 15px;
        vertical-align: middle
    }

.dataTables_empty {
    text-align: center
}

.tabletools-btn-group {
    margin: 0 0 10px
}

    .tabletools-btn-group > .btn {
        margin-right: 5px
    }

        .tabletools-btn-group > .btn:last-child {
            margin-right: 0
        }

.tabletools-dropdown-on-portlet {
    margin-top: -45px;
    float: right
}

    .tabletools-dropdown-on-portlet > .btn {
        margin-right: 5px
    }

        .tabletools-dropdown-on-portlet > .btn:last-child {
            margin-right: 0
        }

.DTTT_Print {
    background-color: #fff
}

    .DTTT_Print .DTTT_PrintMessage {
        display: none
    }

@media print {
    .DTTT_Print .DTTT_PrintMessage {
        display: inline-block
    }
}

.DTTT_Print .DTTT_Print_Info {
    display: block;
    position: fixed;
    top: 35px;
    font-size: 18px;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    text-align: center
}

.DTTT_Print .page-footer, .DTTT_Print .page-header, .DTTT_Print .page-sidebar {
    display: none
}

.DTTT_Print .page-content-wrapper {
    float: none
}

.DTTT_Print .row, .DTTT_Print [class*=col-] {
    padding: 0;
    margin: 0
}

.DTTT_Print .page-content {
    margin: 50px auto !important;
    border: 0 !important;
    width: 800px !important;
    padding: 0 !important
}

    .DTTT_Print .page-content .portlet {
        border: 0;
        padding: 0
    }

        .DTTT_Print .page-content .portlet .portlet-body {
            padding: 0
        }

    .DTTT_Print .page-content .dataTables_wrapper {
        padding: 0;
        margin: 0;
        box-shadow: 5px 5px rgba(102,102,102,.1)
    }

@media print {
    .DTTT_Print .page-content .dataTables_wrapper {
        box-shadow: none
    }
}

.paging_bootstrap_extended {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    font-size: 13px
}

.dataTables_extended_wrapper .seperator {
    padding: 0 2px
}

.dataTables_extended_wrapper div.dataTables_info, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_paginate {
    display: inline-block;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important
}

@media (max-width:480px) {
    .dataTables_extended_wrapper div.dataTables_info, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_paginate {
        display: block;
        margin-bottom: 10px !important
    }

    .dataTables_extended_wrapper .seperator {
        display: none !important
    }
}

.dataTables_extended_wrapper div.dataTables_length label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px;
    float: none !important;
    display: inline-block !important
}

.table-container .table-actions-wrapper {
    display: none
}

.dataTables_scroll {
    margin-bottom: 10px
}

.dataTables_scrollHead {
    border-bottom: 2px solid #ddd !important
}

    .dataTables_scrollHead thead th {
        border-bottom: 0 !important
    }

.dataTables_scrollBody {
    border-bottom: 1px solid #ddd !important
}

.DTTT_Print_Info {
    width: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    background: #eee;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

    .DTTT_Print_Info > h6 {
        font-size: 16px;
        font-weight: 400
    }

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

.fancybox-overlay {
    z-index: 100000
}

.fancybox-opened {
    z-index: 100001
}

.spinner-buttons.btn-group-vertical .btn {
    text-align: center;
    margin: 0;
    height: 17px;
    width: 22px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0
}

.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
    border-radius: 0;
    border-top-right-radius: 2px !important
}

.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
    border-radius: 0;
    border-bottom-right-radius: 2px
}

.external-event {
    display: inline-block;
    cursor: move;
    margin-bottom: 5px;
    margin-left: 5px
}

.fc-scroller {
    overflow-y: auto;
    overflow-x: hidden
}

.fc-month-view .fc-scroller {
    height: auto !important
}

.portlet .event-form-title {
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400;
    margin-bottom: 10px
}

.portlet.calendar .fc-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 0;
    height: 35px;
    padding: 6px 8px 7px;
    margin-left: 2px;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: solid;
    border-left-style: solid;
    border-color: #ddd;
    background: 0 0;
    color: #fff;
    top: -45px;
    outline: 0 !important;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.portlet.calendar .fc-toolbar {
    margin-bottom: 0
}

    .portlet.calendar .fc-toolbar h2 {
        margin-top: 3px;
        font-size: 17px
    }

.portlet.calendar .fc-header {
    margin-bottom: -21px
}

.portlet.calendar .fc-button-prev {
    padding-right: 10px;
    padding-left: 8px
}

.portlet.calendar .fc-button-next {
    padding-right: 8px;
    padding-left: 10px
}

.portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover {
    color: #666;
    background-color: #fff
}

.portlet.calendar .fc-button.fc-state-disabled {
    color: #ddd
}

.portlet.calendar .fc-button .fc-icon-left-single-arrow {
    font-family: FontAwesome;
    font-size: 16px
}

    .portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
        content: ""
    }

    .portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
        content: "\f104"
    }

.portlet.calendar .fc-button .fc-icon-right-single-arrow {
    font-family: FontAwesome;
    font-size: 16px
}

    .portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
        content: ""
    }

    .portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
        content: "\f105"
    }

.portlet.calendar .fc-text-arrow {
    font-size: 22px;
    font-family: "Courier New",Courier,monospace;
    vertical-align: baseline
}

.portlet.calendar .fc-event {
    border: 0;
    background-color: #69a4e0;
    color: #fff
}

    .portlet.calendar .fc-event .fc-content {
        border: 0
    }

    .portlet.calendar .fc-event .fc-time {
        float: left;
        text-align: left;
        color: #fff;
        font-size: 13px;
        font-weight: 300
    }

    .portlet.calendar .fc-event .fc-title {
        text-align: left;
        float: left;
        color: #fff;
        font-size: 13px;
        font-weight: 300
    }

.portlet.calendar .fc-header-title h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #111
}

.portlet.calendar .fc-widget-header {
    background-image: none;
    filter: none;
    background-color: #eee;
    text-transform: uppercase;
    font-weight: 300
}

.portlet.calendar.light .fc-button {
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 35px
}

    .portlet.calendar.light .fc-button .fc-text-arrow {
        margin-top: -6px;
        display: inline-block
    }

    .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
        color: #333;
        border-bottom: 2px solid #26A69A
    }

    .portlet.calendar.light .fc-button.fc-state-disabled {
        color: #aaa
    }

.portlet.calendar .mobile .fc-button {
    padding: 0 6px 20px;
    margin-left: 2px;
    border: 0;
    background-color: #ddd;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000;
    text-shadow: none;
    text-align: center
}

    .portlet.calendar .mobile .fc-button.fc-state-active, .portlet.calendar .mobile .fc-button.fc-state-hover {
        background-color: #eee
    }

    .portlet.calendar .mobile .fc-button.fc-state-disabled {
        color: #bbb
    }

.portlet.calendar .mobile .fc-button-prev {
    margin-right: 5px;
    margin-top: -2px
}

.portlet.calendar .mobile .fc-button-next {
    margin-right: 0;
    margin-top: -2px
}

.portlet.calendar .mobile .fc-header-space {
    margin: 0;
    padding: 0;
    width: 0
}

.portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10
}

    .portlet.calendar .mobile .fc-header-left .fc-button {
        top: -2px
    }

.portlet.calendar .mobile .fc-header-right {
    position: relative;
    right: 0
}

    .portlet.calendar .mobile .fc-header-right .fc-button {
        top: 35px
    }

.portlet.calendar .mobile .fc-content {
    margin-top: 53px
}

.portlet.calendar.light .fc-button {
    top: -47px
}

.gmaps {
    height: 300px;
    width: 100%
}

    .gmaps img {
        max-width: none
    }

#gmap_static div {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    height: 300px
}

#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0
}

#gritter-notice-wrapper {
    right: 1px !important
}

.gritter-close {
    left: auto !important;
    right: 3px !important
}

.gritter-title {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300
}

.easy-pie-chart .number {
    font-size: 14px !important;
    position: relative;
    text-align: center;
    height: 75px;
    line-height: 75px
}

    .easy-pie-chart .number canvas {
        position: absolute;
        top: 0;
        left: 0
    }

.blueimp-gallery .close {
    background-image: url(../img/portlet-remove-icon-white.png) !important;
    margin-top: -2px
}

.blueimp-gallery .next, .blueimp-gallery .prev {
    border-radius: 23px !important
}

.ms-container .ms-list {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ms-container .ms-optgroup-label {
    font-size: 14px
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    font-size: 13px
}

.ms-container .ms-list.ms-focus {
    border-color: #999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    color: #333;
    background-color: #eee
}

.ms-container .form-control {
    margin-bottom: 5px
}

.jquery-notific8-message {
    font-size: 13px
}

[class*=jquery-notific8], [class*=jquery-notific8]:after, [class*=jquery-notific8]:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.left .jquery-notific8-close-sticky span, .right .jquery-notific8-close-sticky span {
    font-size: 10px
}

.jquery-notific8-heading {
    font-weight: 300;
    font-size: 16px
}

.password-strength .password-verdict {
    display: inline-block;
    margin-top: 6px;
    margin-left: 5px
}

.password-strength .progress {
    margin-top: 5px;
    margin-bottom: 0
}

.password-strength .progress-bar {
    padding: 2px
}

.scroller {
    padding: 0;
    margin: 0;
    padding-right: 12px;
    overflow: hidden
}

.scroller-footer {
    margin-top: 10px
}

    .scroller-footer:after, .scroller-footer:before {
        content: " ";
        display: table
    }

    .scroller-footer:after {
        clear: both
    }

.portlet-body .slimScrollBar {
    margin-right: 0
}

.jqstooltip {
    width: auto !important;
    height: auto !important
}

.easy-pie-chart, .sparkline-chart {
    text-align: center
}

.sparkline-chart {
    margin-top: 15px;
    position: relative
}

.easy-pie-chart .number {
    font-weight: 300;
    width: 85px;
    margin: 0 auto
}

.sparkline-chart .number {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px
}

.easy-pie-chart .title, .sparkline-chart .title {
    display: block;
    text-align: center;
    color: #333;
    font-weight: 300;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px
}

    .easy-pie-chart .title:hover, .sparkline-chart .title:hover {
        color: #666;
        text-decoration: none
    }

    .easy-pie-chart .title > i, .sparkline-chart .title > i {
        margin-top: 5px
    }

div.tagsinput {
    min-height: 35px;
    height: auto !important;
    margin: 0;
    padding: 5px 5px 0;
    overflow: auto
}

    div.tagsinput span.tag {
        background: #aaa;
        color: #fff;
        border: 0;
        padding: 3px 6px;
        margin-top: 0;
        margin-bottom: 5px
    }

    div.tagsinput input {
        padding: 3px 6px;
        width: 75px !important
    }

    div.tagsinput span.tag a {
        color: #fff
    }

    div.tagsinput .not_valid {
        color: #fff;
        padding: 3px 6px;
        background-color: #e02222
    }

.slider {
    border: 0;
    padding: 0;
    display: block;
    margin: 12px 5px;
    min-height: 11px
}

.ui-slider-vertical {
    width: 11px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -3px
}

.ui-slider-vertical .ui-slider-handle {
    left: -3px
}

.ui-slider-handle, .ui-slider-vertical {
    filter: none !important;
    background-image: none !important
}

.jqvmap-zoomin, .jqvmap-zoomout {
    height: 16px;
    width: 16px;
    background-color: #666
}

.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px
}

.jstree-default .jstree-clicked {
    border: 0;
    background-color: #e1e1e1;
    box-shadow: none
}

.jstree-default .jstree-hovered {
    border: 0;
    background-color: #eee;
    box-shadow: none
}

.jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked {
    background: 0 0;
    border: 0;
    background-color: #e1e1e1;
    box-shadow: none
}

.jstree-default .jstree-wholerow-hovered, .jstree-wholerow .jstree-wholerow-hovered {
    border: 0;
    background-color: #eee;
    box-shadow: none
}

.jstree-icon.icon-lg {
    margin-top: 1px
}

.jstree-open > .jstree-anchor > .fa-folder:before {
    margin-left: 2px;
    content: "\f07c"
}

.jstree-default.jstree-rtl .jstree-last {
    background: 0 0;
    background-repeat: no-repeat
}

.vakata-context, .vakata-context ul {
    padding: 0;
    min-width: 125px;
    background-color: #fff;
    font-size: 14px;
    font-family: "Segoe UI",Helvetica,Arial,sans-serif;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    border: 1px solid #efefef
}

    .vakata-context li {
        border: 0
    }

        .vakata-context li a {
            padding: 0 10px;
            border: 0
        }

            .vakata-context li a .vakata-contextmenu-sep, .vakata-context li a i {
                display: none
            }

            .vakata-context .vakata-context-hover > a, .vakata-context li a:hover {
                background-color: #eee;
                color: #333;
                box-shadow: none;
                margin: 0
            }

                .vakata-context .vakata-context-hover > a .ins, .vakata-context .vakata-context-hover > a .span, .vakata-context li a:hover .ins, .vakata-context li a:hover .span {
                    border: 0 !important
                }

            .vakata-context li a ins, .vakata-context li a span {
                display: none;
                border: 0 !important
            }

    .vakata-context .vakata-context-separator a, .vakata-context-rtl .vakata-context-separator a {
        margin: 0;
        border: 0
    }

.jstree-rename-input {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    outline: 0 !important;
    padding: 2px 6px !important;
    margin-right: -4px !important
}

.noUi-control {
    margin: 9px 0
}

.noUi-primary .noUi-connect, .noUi-primary.noUi-connect {
    background: #00BCD4
}

.noUi-info .noUi-connect, .noUi-info.noUi-connect {
    background: #89C4F4
}

.noUi-success .noUi-connect, .noUi-success.noUi-connect {
    background: #26A69A
}

.noUi-warning .noUi-connect, .noUi-warning.noUi-connect {
    background: #ff5722
}

.noUi-danger .noUi-connect, .noUi-danger.noUi-connect {
    background: #F3565D
}

.noUi-default .noUi-connect, .noUi-default.noUi-connect {
    background: #c6c6c6
}

.form-recaptcha-img {
    margin-bottom: 10px;
    clear: both;
    border: 1px solid #e5e5e5;
    padding: 5px
}

iframe[src="about:blank"] {
    display: none
}

.form-control .select2-choice {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    background-image: none;
    filter: none;
    height: 34px;
    padding: 3px 0 0 12px
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #e5e5e5;
    background-color: #fff;
    background-image: none;
    filter: none
}

.select2-drop {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    border-top: 0
}

.select2-drop-auto-width {
    border-top: 1px solid #e5e5e5
}

.select2-drop.select2-drop-above {
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-drop-active {
    border: 1px solid #999;
    border-top: 0
}

.select2-container .select2-choice .select2-arrow {
    background-image: none;
    background-color: #fff;
    filter: none;
    border-left: 1px solid #e5e5e5
}

.select2-container.select2-container-active .select2-arrow, .select2-container.select2-dropdown-open .select2-arrow {
    border-left: 0 !important
}

.select2-container .select2-choice .select2-arrow b {
    background-position: 0 1px
}

.select2-search input {
    background-color: #fff !important;
    filter: none;
    margin: 0;
    border: 1px solid #e5e5e5;
    webkit-appearance: none !important;
    color: #333;
    outline: 0;
    height: auto !important;
    min-height: 26px;
    padding: 6px 6px !important;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px
}

.form-control.select2-container {
    border: 0;
    height: auto !important;
    padding: 0
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #999 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.select2-dropdown-open .select2-choice {
    border-bottom: 0 !important;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #999 !important;
    border-top: 0 !important;
    background-image: none;
    background-color: #fff;
    filter: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid #999 !important;
    border-bottom: 0 !important
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

.select2-results {
    margin: 5px 0
}

    .select2-results .select2-highlighted {
        background: #eee;
        color: #333
    }

    .select2-results li em {
        background: #feffde;
        font-style: normal
    }

    .select2-results .select2-highlighted em {
        background: 0 0
    }

    .select2-results .select2-highlighted ul {
        background: #fff;
        color: #000
    }

    .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
        padding: 3px 7px 4px;
        background: #f4f4f4;
        display: list-item
    }

.select2-container-multi, .select2-container-multi .select2-choices {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .select2-container-multi.select2-dropdown-open, .select2-container-multi.select2-dropdown-open .select2-choices {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

        .select2-container-multi.select2-dropdown-open.select2-drop-above, .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            -ms-border-radius: 0 0 4px 4px;
            -o-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px
        }

    .select2-container-multi .select2-choices {
        padding-left: 6px;
        min-height: 34px;
        border: 1px solid #e5e5e5;
        background-image: none;
        background-color: #fff;
        filter: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .select2-container-multi.select2-container-active .select2-choices {
        border: 1px solid #999 !important;
        background-image: none;
        background-color: #fff;
        filter: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .select2-container-multi .select2-choices .select2-search-choice {
        padding: 3px 5px 3px 18px;
        margin: 5px 0 3px 5px;
        border: 1px solid #e5e5e5;
        background-image: none;
        background-color: #fff;
        filter: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.has-warning .select2-container .select2-choice, .has-warning .select2-container .select2-choices, .has-warning .select2-container.select2-dropdown-open .select2-choice, .has-warning .select2-container.select2-dropdown-open .select2-choices {
    border-color: #ff1b08
}

    .has-warning .select2-container.select2-dropdown-open .select2-choice > span {
        color: #ff1b08
    }

.has-error .select2-container .select2-choice, .has-error .select2-container .select2-choices, .has-error .select2-container.select2-dropdown-open .select2-choice, .has-error .select2-container.select2-dropdown-open .select2-choices {
    border-color: #f13e64
}

    .has-error .select2-container.select2-dropdown-open .select2-choice > span {
        color: #f13e64
    }

.has-success .select2-container .select2-choice, .has-success .select2-container .select2-choices, .has-success .select2-container.select2-dropdown-open .select2-choice, .has-success .select2-container.select2-dropdown-open .select2-choices {
    border-color: #219174
}

    .has-success .select2-container.select2-dropdown-open .select2-choice > span {
        color: #219174
    }

.modal-open .select2-drop-mask {
    z-index: 10051
}

.modal-open .select2-drop {
    z-index: 10052
}

.modal-open .select2-search {
    z-index: 10053
}

.form-control.input-lg .select2-choice {
    height: 46px;
    padding: 10px 16px
}

.select2-container.input-lg .select2-choice .select2-arrow b {
    background-position: 0 7px
}

.form-control.input-sm .select2-choice {
    height: 30px;
    padding: 1px 10px 5px
}

.select2-container.input-sm .select2-choice .select2-arrow b {
    background-position: 0 0
}

.modal-open.page-portlet-fullscreen .select2-drop-mask {
    z-index: 10081
}

.modal-open.page-portlet-fullscreen .select2-drop {
    z-index: 10082
}

.modal-open.page-portlet-fullscreen .select2-search {
    z-index: 10083
}

.checker {
    margin-top: -2px !important;
    margin-right: 2px !important
}

    .checker input, .radio input {
        outline: 0 !important
    }

div.checker.disabled span, div.checker.disabled.active span {
    background-position: -152px -260px
}

div.checker.disabled:hover, div.radio.disabled:hover {
    cursor: not-allowed
}

div.checker, div.radio {
    margin-right: 0;
    margin-left: 3px
}

.portlet-body-morris-fit {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -15px
}

    .portlet-body-morris-fit > svg {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -ms-border-radius: 0 0 2px 2px;
        -o-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px
    }

.morris-hover.morris-default-style .morris-hover-row-label {
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    color: #7D8C9D;
    font-family: "Open Sans",sans-serif
}

.morris-hover.morris-default-style .morris-hover-point {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans",sans-serif
}

.icheck-list > label {
    display: block;
    margin-bottom: 8px
}

    .icheck-list > label:last-child {
        margin-bottom: 0
    }

.form-horizontal .icheck-inline {
    margin-top: 8px
}

.icheck-inline > label {
    display: inline-block;
    margin-left: 15px
}

    .icheck-inline > label:first-child {
        margin-left: 0
    }

div[class*=icheckbox_], div[class*=iradio_] {
    margin-right: 5px;
    top: -1px !important
}

.icheck-colors {
    padding: 0;
    margin: 0;
    list-style: none
}

    .icheck-colors > li {
        padding: 0;
        margin: 4px;
        float: left;
        display: inline-block;
        height: 20px;
        width: 20px;
        background: #000;
        opacity: .6;
        filter: alpha(opacity=60)
    }

        .icheck-colors > li:first-child {
            margin-left: 0
        }

        .icheck-colors > li:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            cursor: pointer
        }

        .icheck-colors > li.active {
            height: 26px;
            margin-top: 0;
            opacity: .6;
            filter: alpha(opacity=60)
        }

        .icheck-colors > li.red {
            background: #d54e21
        }

        .icheck-colors > li.green {
            background: #78a300
        }

        .icheck-colors > li.blue {
            background: #0e76a8
        }

        .icheck-colors > li.aero {
            background: #9cc2cb
        }

        .icheck-colors > li.grey {
            background: #73716e
        }

        .icheck-colors > li.orange {
            background: #f70
        }

        .icheck-colors > li.yellow {
            background: #fc0
        }

        .icheck-colors > li.pink {
            background: #ff66b5
        }

        .icheck-colors > li.purple {
            background: #6a5a8c
        }

.ui-select-match-close {
    margin-top: 5px !important;
    margin-left: 5px !important
}

.minicolors-swatch {
    border: 0
}

@media print {
    @page {
        size: letter;
        margin: 4.0cm;
    }

    body {
        font-size: 10px !important;
        transform: scale(.7) !important;
    }

    #fleet-observation-list .k-grid-content {
        max-height: initial !important;
    }

    .performance-chart {
        width: 300px;
        height: 400px !important;
    }

    .print-display-none, .customtoolbar, button, #PLMFileUpload, .btn, #ShippingTax {
        display: none !important;
    }

    .k-grid-header .k-header > .k-link, .k-header, .k-treemap-title, .k-grid th {
        color: #000066 !important;
        font-size: 10px !important;
    }

    #FleetSearch {
        display: none;
    }

    .k-grid td {
        line-height: 1em !important;
    }
}
/* Some default button styles */
button {
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    *overflow: visible;
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

    .button:hover, button:hover {
        text-decoration: none;
        background-position: 0 -15px;
    }

    .button:focus, button:focus {
        -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
        outline: none;
    }

/* Timeout Dialog Styles */
.timeout-dialog {
    padding: 15px;
    position: absolute;
    background: #eeeeee url("../images/timeout-icon.png") no-repeat 15px 25px;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
}

    .timeout-dialog .ui-dialog-title {
        font-size: 16px;
        font-weight: bold;
        display: block;
        padding: 0 0 15px 0;
        margin-left: 80px;
    }

    .timeout-dialog .ui-dialog-titlebar-close {
        display: none;
    }

    .timeout-dialog .ui-dialog-buttonpane {
        margin-top: 15px;
    }

    .timeout-dialog ~ .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000;
        filter: alpha(opacity=40);
        -khtml-opacity: 0.4;
        -moz-opacity: 0.4;
        opacity: 0.4;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .timeout-dialog p {
        margin: 0 0 5px 80px;
    }

#timeout-keep-signin-btn {
    background-color: #0f5895;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#377bb2), to(#0f5895));
    background-image: -moz-linear-gradient(top, #377bb2, #0f5895);
    background-image: -ms-linear-gradient(top, #377bb2, #0f5895);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377bb2), color-stop(100%, #0f5895));
    background-image: -webkit-linear-gradient(top, #377bb2, #0f5895);
    background-image: -o-linear-gradient(top, #377bb2, #0f5895);
    background-image: linear-gradient(to top, #377bb2, #0f5895);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bb2', endColorstr='#0f5895', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: none;
    margin: 5px 10px 5px 0;
}

#timeout-sign-out-button {
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to top, #ffffff, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #000000;
    text-shadow: none;
    margin: 5px 0;
}

#timeout-countdown {
    font-weight: bold;
}