/* Minification failed. Returning unminified contents.
(24618,1): run-time error CSS1019: Unexpected token, found '}'
(24745,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(24746,14): run-time error CSS1035: Expected colon, found '{'
(25029,1): run-time error CSS1019: Unexpected token, found '}'
(25331,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(25332,14): run-time error CSS1035: Expected colon, found '{'
(25377,1): run-time error CSS1019: Unexpected token, found '}'
(34106,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(34108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35519,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35670,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35835,39): run-time error CSS1046: Expect comma, found '0'
(35835,42): run-time error CSS1046: Expect comma, found ')'
(35835,52): run-time error CSS1046: Expect comma, found '78'
(35835,58): run-time error CSS1046: Expect comma, found '/'
(35839,20): run-time error CSS1046: Expect comma, found '255'
(35839,28): run-time error CSS1046: Expect comma, found '/'
(47627,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(47628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47684,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(47685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48562,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48572,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(48573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48592,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48609,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48621,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(48622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48645,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48676,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(48677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48719,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48731,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(48732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48755,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48774,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48786,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(48787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48810,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48899,1): run-time error CSS1019: Unexpected token, found '@import'
(48899,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans:600,700,400,300)'
(48932,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48949,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48963,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48983,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(48984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49003,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49025,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49047,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49059,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49083,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49096,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49114,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49134,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49135,10): run-time error CSS1035: Expected colon, found '{'
(49148,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49149,10): run-time error CSS1035: Expected colon, found '{'
(50473,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(50474,10): run-time error CSS1035: Expected colon, found '{'
(50483,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(50484,10): run-time error CSS1035: Expected colon, found '{'
(50493,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(50494,10): run-time error CSS1035: Expected colon, found '{'
(50503,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(50504,10): run-time error CSS1035: Expected colon, found '{'
(50515,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(50516,10): run-time error CSS1035: Expected colon, found '{'
(56472,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(56473): Scanner error CSS1002: Unterminated string: ')
(56813,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(56814,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(61010,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(61011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(61022,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(61023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(61032,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(61033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(61059,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(61060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(62775,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(62776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(62811,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(62812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(64072,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(64073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(64089,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(64090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(64106,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(64107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(64123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(64124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65267,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(65268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65289,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(65290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65311,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(65312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65333,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(65334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65355,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(65356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65382,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(65383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65409,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(65410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65436,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(65437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(65463,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(65464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(65469,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(65470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(67767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(67768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(67777,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(67778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(67813,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(67814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(67829,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(67830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(74280,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(74281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(74294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(74295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(87450,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(87451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(87456,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(87457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(91892,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(91893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(91909,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(91910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(91926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(91927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(91943,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(91944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(91960,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(91961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(91990,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(91991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92020,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92050,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92110,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92140,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92170,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92200,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92230,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92260,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92290,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92320,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92350,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(92381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(92402,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(92403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(93080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(93081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(93097,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(93098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(93133,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(93134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(93147,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(93148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(94942,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-preview-width'
(94942,64): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-preview-columns'
(94959,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-preview-width'
(94960,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-preview-height'
 */
/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none
    }

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

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

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: 0
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0;
        font-weight: 400
    }

        .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: 400;
            margin: -1px
        }

    .ui-menu .ui-state-disabled {
        font-weight: 400;
        margin: .4em 0 .2em;
        line-height: 1.5
    }

        .ui-menu .ui-state-disabled a {
            cursor: default
        }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url(images/animated-overlay.gif);
        height: 100%;
        filter: alpha(opacity=25);
        opacity: .25
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: 0;
    background: 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: 0;
    border-bottom: 0;
    border-right: 0
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

    .ui-widget-content a {
        color: #222
    }

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

    .ui-widget-header a {
        color: #222
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #555
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555;
            text-decoration: none
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #999;
        background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #212121
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            color: #212121;
            text-decoration: none
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #212121
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121;
            text-decoration: none
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
        color: #363636
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #363636
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #cd0a0a
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #cd0a0a
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: 700
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: 400
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35)
        }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}
/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * jQuery UI Resizable 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/*!
 * jQuery UI Selectable 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*!
 * jQuery UI Accordion 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*!
 * jQuery UI Autocomplete 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

/*!
 * jQuery UI Button 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/*!
 * jQuery UI Dialog 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {position: absolute;width: 300px;overflow: hidden;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 19px;margin: -10px 0 0 0;padding: 1px;height: 18px;/* background-color: red; *//* color: red; */}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*!
 * jQuery UI Slider 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*!
 * jQuery UI Tabs 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*!
 * jQuery UI Datepicker 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    /*filter: mask();*/ /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*!
 * jQuery UI Progressbar 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
    background-color: #dccbb9;
    border: 1px solid #554c42;
    border-radius: 0px !important;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #3f475c url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222 /*{fcContent};; */;
}

    .ui-widget-content a {
        color: #222222 /*{fcContent}*/;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222 /*{fcHeader}*/;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
        background: #e6e6e6 /*{bgColorDefault};url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #555555 /*{fcDefault}*/;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555555 /*{fcDefault}*/;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #999999 /*{borderColorHover}*/;
        background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcHover}*/;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121 /*{fcHover}*/;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa /*{borderColorActive}*/;
        background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcActive}*/;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121 /*{fcActive}*/;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
    background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
    color: #363636 /*{fcHighlight}*/;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636 /*{fcHighlight}*/;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a /*{borderColorError}*/;
    background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
    color: #cd0a0a /*{fcError}*/;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a /*{fcError}*/;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a /*{fcError}*/;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png) /*{iconsHeader}*/;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}

.ui-widget-shadow {
    margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityShadow}*/;
    -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 8px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
}


@keyframes CreateTrophyEntrance {

    0% {
        color: white;
        position: fixed;
        top: 20%;
        left: 7%;
        font-size: 67px;
        opacity: 1;
        height: 96px;
    }

    15% {
        position: fixed;
        top: 40%;
        left: 42.5%;
        font-size: 67px;
        color: white;
        height: 96px;
    }

    25% {
        position: fixed;
        top: 40%;
        font-size: 67px;
        color: white;
    }

    30% {
        top: 40%;
        left: 43%;
        font-size: 50px;
        color: gold;
        height: 80px;
        transform: rotate(360deg);
    }

    50% {
        position: fixed;
        top: 37%;
        left: 40%;
        font-size: 200px;
        height: 200px;
    }

    70% {
        position: fixed;
        top: 35%;
        left: 40%;
        font-size: 200px;
        color: gold;
        height: 200px;
        transform: rotate(360deg);
    }

    90% {
        position: fixed;
        /*top: 40%;
        left: 40%;*/
        color: white;
    }

    99% {
        position: fixed;
        opacity: 1;
        height: 40px;
        transform: rotate(360deg);
    }

    100% {
        position: absolute;
        top: 21%;
        left: 7%;
        color: white;
        font-size: 67px;
        opacity: 0;
    }
}

.animatedTrophyEntrance {
    animation: CreateTrophyEntrance;
    animation-duration: 5s;
    z-index: 9999999999999999 !important;
    font-size: 0px !important;
}

.homePageOpacityChange {
    animation: homepageopace;
    animation-duration: 5s;
    opacity: 1;
}

@keyframes homepageopace {

    0% {
        opacity: 1;
        pointer-events: none;
    }

    10% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        pointer-events: all;
    }
}

.trophyTextUnlocked {
    animation: trophyTextAnim;
    animation-duration: 5s;
    opacity: 0;
    top: 45vh;
    left: 37.3vw;
}

#newTrophyText {
    font-size: 20px !important;
    position: fixed;
    color: white;
    font-weight: bold;
}

@keyframes trophyTextAnim {
    0% {
        opacity: 0;
        top: 65vh;
    }

    10% {
        opacity: 0;
    }

    30% {
        opacity: 0;
        top: 65vh;
    }

    50% {
        opacity: 1;
        top: 64vh;
    }

    70% {
        top: 61vh;
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        top: 90vh;
    }
}

#localTrophyImage {
    font-size: 67px !important;
}

#trophiesTextRow {
    /*margin-left: -19px;
    margin-top: 3px;*/
    text-align: center;
}

#trophyDisplay {
    height: 0px;
    background-repeat: no-repeat;
    opacity: 0;
}

/*Large Displays*/
@media (max-height:1050px) {

    #localTrophyImage {
        /*margin-left: 65%;*/
    }
}

/*Medium Displays*/

@media (max-height:950px) {

    #localTrophyImage {
        /*margin-left: 60%;*/
    }

}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/GoogleFonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/GoogleFonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/GoogleFonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/GoogleFonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*!
 * 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: #262d38;
    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;
}

.actionsTable {
    /* background-color:#ead2b8; */
}

    .actionsTable .actionButton {
        width: 250px !important;
        color: #ab8f71;
        border-color: #282f3b;
        background-color: #262d38;
        width: 21% !important;
        font-size: 12px !important;
        padding: 5px !important;
        margin: 2px !important;
        float: right;
    }

.actionButton {
    color: #977345;
    border-color: #282f3b;
    background-color: #262d38;
    width: 100px;
    font-size: 10px !important;
    padding: 5px !important;
    margin: 2px !important;
}

.actionsTable .actionButton:hover {
    color: #ead2b8;
}

button, input, optgroup, select, textarea {
    margin: 2px;
    font: inherit;
    color: #202a35;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    color: #b9ac9c;
}

    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: #262d38 !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: #262d38 !important;
    }

    .label {
        border: 1px solid #262d38;
    }

    .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/Custom/glyphicons-halflings-regular.eot);
    src: url(../fonts/Custom/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Custom/glyphicons-halflings-regular.html) format('woff2'),url(../fonts/Custom/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/Custom/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/Custom/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;
    /* border: 1px solid red; */
}

.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";
}

.validation-summary-errors {
    border: 1px solid #977345;
    font-size: 15px;
    /* margin:10px; */
    background-color: rgba(119, 25, 26, 0.74);
    text-align: center;
    width: 100%;
    padding: 0px;
    border-radius: 5px;
    /* color: white; */
    /* position: fixed; */
    /* top: 0px; */
    /* left: 0px; */
    min-height: 50px;
    padding: 20px;
    /* text-align: justify; */
    color: #ddd;
    font-size: 13px;
}

    .validation-summary-errors ul {
        padding: 0px;
        /* width: 730px; */
        /* text-align: center; */
    }

* {
    -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: 11px;
    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 rgba(85, 76, 66, 0.2);
}

.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: 0px;
}

    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;
    /* height: 100px; */
    /* background-color: #202a35; */
    /* border-bottom: 1px solid #554c42; */
    /* z-index: 9; */
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-2p, .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: 10px !important;
    padding-left: 10px !important;
}

.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-2p, .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%;
        margin: 0 auto;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2, .col-lg-2p {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-2p {
        width: 18.5%;
    }

    .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%;
}

    .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;
    word-wrap: break-word !important;
    padding-top: 5px;
}

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: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #e2cbaa;
    background-color: #555555;
    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: 170px;
}

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 label {
    float: left;
    padding-right: 10px;
}

.form-group #Department-widget {
    /* margin: 10px; */
    border: 1px solid rgba(85, 76, 66, 0.41);
    color: white;
}

.form-group.matterOpen {
    border-bottom: 4px solid rgba(151,115,69,0.4);
    padding: 5px;
    background-color: #d8c3ab;
    height: 50px;
}

    .form-group.matterOpen:hover {
        background-color: rgba(101, 92, 82, 0.74);
        border-bottom: 2px solid rgba(151,115,69,1);
        color: #2d3846;
    }

    .form-group.matterOpen h3 {
        color: #202a35;
    }

.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;
        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;
        font-size: 11px;
    }

    .form-horizontal .control-label-text {
        /* padding-top: 7px; */
        margin-bottom: 0;
        text-align: left;
        padding-left: 35px;
        font-size: 12px;
    }
}

.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: 1px 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;
}

    .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: 12px;
    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: fixed; */
}

.fixed {
    position: fixed;
    /* right: 0; */
    /* left: 0; */
    z-index: 999999;
    /* top: 0; */
}

.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: #e2cbaa;
    -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);
    width: 300px;
}

    .dropdown-menu.pull-right {
        right: 0;
        /* left: auto; */
        position: absolute;
    }

    .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;
}

.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: absolute;
    /* display: inline-block; */
    vertical-align: middle;
    text-align: center;
    /* background-color: red; */
    width: 100%;
    /* margin-left: 8px; */
}

    .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-group .btn-call {
        width: 33% !important;
        background-color: rgba(85, 76, 66, 0.5) !important;
        border: 1px solid #554c42 !important;
        /* margin-top: 20px; */
    }

.btn-call:hover {
    border: 1px solid #2d353c !important;
}

.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;
    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: #202a35;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav-menu > li {
        position: relative;
        display: block;
    }

        .nav-menu > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav-menu > li > a:focus, .nav-menu > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav-menu > li.disabled > a {
            color: #777;
        }

            .nav-menu > li.disabled > a:focus, .nav-menu > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav-menu .open > a, .nav-menu .open > a:focus, .nav-menu .open > a:hover {
        background-color: #eee;
        border-color: #977345;
    }

    .nav-menu .nav-menu-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav-menu > li > a > img {
        max-width: none;
    }

.nav-tabs {
    /* border-bottom: 1px solid #977343; */
    /* border-radius: 0px; */
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            line-height: 1.42857143;
            border: 1px solid transparent;
        }

            .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: #e2cbaa;
            border: 1px solid rgba(151,115,69,0.5);
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        /* height: 60px; */
    }

        .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;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #977345;
    }
}

.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;
}

.tab-content-menu > .tab-pane {
    display: none;
}

.tab-content-menu > .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;
        height: 100%;
        width: 270px;
        /* padding-right: 220px; */
    }
}

.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;
        /* min-width: 270px; */
        /* min-height: 50px; */
    }

@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;
    }
}

@media (max-width:1145px) {
    .navbar-right {
        display: none;
    }

    .navbar-brand {
        padding: 5px !important;
    }

        .navbar-brand img {
            width: 200px;
        }

    .header-breadcrums.navbar-default {
        top: 60px !important;
    }

    .header-quickmenu {
    }
}

@media (max-width:767px) {

    .header-quickmenu {
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        padding: 0px 20px 0px 60px !important;
    }

    .content {
        padding: 10px 7px 0px 10px !important;
    }
}

@media (max-width:769px) {
    .page-sidebar-minified .header-quickmenu {
        padding-top: 0px !important;
        /* margin-right:80px!important; */
    }
}

@media (max-width:1199px) {

    .header-quickmenu {
        margin-top: 10px !important;
        margin-left: 0px !important;
        /* margin-right:19%!important; */
        margin-bottom: 0px !important;
        padding: 0px 10px 0px 50px !important;
        border: 0px solid red !important;
    }

    .content {
        margin-top: 155px !important;
    }
}

@media (max-width:320px) {
    .navbar-toggle {
        float: left;
        margin-left: 0px;
    }

    #gritter-notice-wrapper {
        position: fixed;
        bottom: 10px;
        left: 1px !important;
        width: 100% !important;
        z-index: 10004 !important;
        background-color: rgba(0,0,0,.8) !important;
    }
}

@media (max-width:1199px) {
    .fixed-item {
        width: 33%;
    }

    .content {
        margin-top: 170px !important;
    }

    .minimizeMenu.mini-menu {
        position: fixed;
        top: 118px;
        right: 270px;
        float: right !important;
        background-color: #202a35;
        width: 30px;
        height: 30px;
        z-index: 99999999999;
        border: 2px solid #554c42;
        border-radius: 50%;
        padding: 0px !important;
    }

    .page-sidebar-minified .minimizeMenu.mini-menu {
        position: fixed;
        top: 118px;
        right: 104px;
        float: right !important;
        background-color: #554c42;
        width: 30px;
        height: 30px;
        border: 2px solid #202a35;
        color: red;
    }
}

@media (max-width:1146px) {
    .page-sidebar-minified .pull-right {
        margin-right: 20% !important;
    }

        .page-sidebar-minified .pull-right a {
            padding: 0px !important;
        }

    .header-quickmenu {
        margin-top: -10px !important;
        /* margin-right:7%!important; */
    }

    .content {
        margin-top: 130px !important;
    }

    .fixed-item {
        width: 100%;
    }

    .PAM_head {
        display: none;
    }

    .navbar-toggle {
        margin-right: 470px;
        z-index: 5;
    }

    .minimizeMenu.mini-menu {
        position: fixed;
        top: 118px;
        right: 80px;
        float: right !important;
        background-color: #202a35;
        width: 30px;
        height: 30px;
        z-index: 99999999999;
        border: 2px solid #554c42;
        border-radius: 50%;
        padding: 0px !important;
    }

    .page-sidebar-minified .minimizeMenu.mini-menu {
        position: fixed;
        top: 118px;
        right: 110px;
        float: right !important;
        background-color: #554c42;
        width: 30px;
        height: 30px;
        border: 2px solid #202a35;
        color: red;
    }
}

.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: right;
        }

            .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; */
        /* position: fixed; */
        /* z-index: 9999999; */
        color: #977345 !important;
        /* margin-right: -15px; */
        /* padding: 2px 15px; */
        margin-left: 75px;
    }

        .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: #977345;
            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;
    color: #977345;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #868686;
    }

.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; */
    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: 890px;*/
}

.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;
    font-size: 10px;
}

.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: 10px;
    border: 1px solid transparent;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    /* border-radius: 5px!important; */
    /* height: 100%; */
}

.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: 13px;
    font-weight: 700;
    line-height: 1;
    color: #202a35;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:focus, .close:hover {
        color: #262d38;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding-right: 5px;
    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: #262d38;
}

    .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: 30px 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;
    }
}

a.back-to-top {
    display: none;
    width: 224px;
    height: 30px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999999999;
    background-color: #2d353c;
    border: 1px solid #554c42;
    color: #554c42 !important;
    padding: 5px;
    text-align: center;
}

    a.back-to-top > span {
        font-size: 13px;
        padding-bottom: 10px !important;
    }

    a.back-to-top .fa {
        text-align: center;
        font-size: 15px;
        color: #554c42;
    }

    a.back-to-top:hover {
        color: #868686 !important;
    }

.page-sidebar-minified a.back-to-top {
    display: none;
    width: 77px;
    height: 59px;
    position: fixed;
    right: 78px;
    bottom: 0px;
    z-index: 9999;
    background-color: #2d353c;
    border: 1px solid #554c42;
    color: #554c42 !important;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
}

    .page-sidebar-minified a.back-to-top .fa {
        text-align: center;
        font-size: 35px;
        color: #868686;
    }

    .page-sidebar-minified a.back-to-top > span {
        font-size: 13px;
        padding-bottom: 10px !important;
    }

.tooltip {
    position: absolute !important;
    z-index: 10;
    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;
        z-index: 999999;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: rgba(32, 42, 53,1);
    border: 1px solid #977345;
    border-radius: 2px;
}

.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: #977345;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #977345;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #977345;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #977345;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #977345;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #977345;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #977345;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #977345;
}

.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='#262d3800000', 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='#262d3800000', 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: #262d38\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;
}

.mini-menu {
    height: 20px;
}

.pull-right {
    /* position: fixed; */
    /* top: 0px; */
    /* right: 0px; */
    float: right !important;
    /* margin-right: 220px; */
}

.minimizeMenu {
    position: fixed;
    bottom: 3px;
    /* right: 71%; */
    float: right !important;
    width: 100%;
    height: 35px;
    z-index: 99999999999;
    padding: 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 4px 20px !important;
    border: 1px solid rgba(151,115,69,0.3);
}

.page-sidebar-minified .minimizeMenu {
    position: fixed;
    bottom: 0px;
    right: 0px;
    float: right !important;
    border-radius: 0px 0px 0px 0px !important;
    width: 77px;
    height: 36px;
    border: 1px solid #5c5349;
    padding: 4px 26px !important;
    background-color: #534a40;
}

.minimizeMenu a {
    color: black;
}

.page-sidebar-minified .pull-right {
    margin-right: 70px;
}

.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 */

#loadingmessage {
    border: 1px solid red;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999999;
    width: 100px;
    height: 100px;
}

.panel-primary > .panel-heading {
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

/*!
 *  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: 23px;
}

.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-135 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.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;
}


.fa-sword:before {
    content: "\f601";
}

@font-face {
	font-family: 'fontawesome';
	src:url('/fonts/Custom/fontawesome.eot?ikyf49');
	src:url('/fonts/Custom/fontawesome.eot?#iefixikyf49') format('embedded-opentype'),
		url('/fonts/Custom/fontawesome.ttf?ikyf49') format('truetype'),
		url('/fonts/Custom/fontawesome.woff?ikyf49') format('woff'),
		url('/fonts/Custom/fontawesome.svg?ikyf49#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fac-square-ban:before {
	content: "\f602";
}
.fac-PAM:before {
	content: "\f600";
}
.fac-sword:before {
	content: "\f601";
}
/*http://localhost:55012/Excalibur 3.0/App_Themes/Ex2Corp/fonts/Custom Font/fonts/fontawesome.ttf
http://localhost:55012/Excalibur%203.0/App_Themes/Ex2Corp/fonts/fonts/Custom%20Font/fonts/fontawesome.ttf?ikyf49*/ 
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/Custom/icomoon.eot?22c9y0');
  src:  url('/fonts/Custom/icomoon.eot?22c9y0#iefix') format('embedded-opentype'),
    url('/fonts/Custom/icomoon.ttf?22c9y0') format('truetype'),
    url('/fonts/Custom/icomoon.woff?22c9y0') format('woff'),
    url('/fonts/Custom/icomoon.svg?22c9y0#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' !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-warning:before {
  content: "\e902";
}
.icon-pictures:before {
  content: "\e903";
}
.icon-direction:before {
  content: "\e904";
}
.icon-moneybag:before {
  content: "\e905";
}
.icon-book:before {
  content: "\e906";
}
.icon-printer:before {
  content: "\e907";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-minus:before {
  content: "\e974";
}


@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
Version: 2.0.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v2.0/admin/html/
*/
a:link, a:visited {
    text-decoration: none;
    outline: none;
    color: #d4d4d4 !important;
    font-size: 12px;
}

.page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg, .page-with-two-sidebar .sidebar-bg.sidebar-right, .page-with-two-sidebar, .sidebar-header {
    right: 0;
    left: auto;
}

.sidebar .k-button {
    position: fixed;
    bottom: 0px;
    background-color: #2d353c;
    border-top: 1px solid #554c42;
    color: #867460;
}

#page-loader, .page-sidebar-fixed .sidebar, .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right {
    position: fixed;
    width: 250px;
    border-left: 1px solid #554c42;
    z-index: 1;
    margin-top: 50px;
}

.widget.widget-stats.bg-black.sidebar-header {
    z-index: 3;
    position: fixed !important;
    top: 0px;
    /* left: 60px; */
    width: 460px;
    height: 52px;
    background-color: transparent !important;
    border-left: 1px solid #554c42;
}

.sidebar-header .stats-desc {
    position: absolute;
    /* border:1px solid red; */
    width: 100%;
    height: 69%;
}

.Notification-sidebar {
    position: fixed;
    width: 60px;
    z-index: 999999;
    margin-top: 57px;
}

.Notification-sidebar {
    left: 0;
    right: auto;
    padding: 10px;
}

.Notification-sidebar {
    background: rgba(26,34,41,0.5);
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #977345;
}

    .Notification-sidebar a > i {
        color: #e2e2e2;
        padding-left: 7px;
        font-size: 25px;
        text-align: center;
    }

    .Notification-sidebar .row {
        padding-top: 20px;
    }

    .Notification-sidebar a > i:hover {
        color: #977345;
    }

.attached-document, .chats, .registered-users-list, .result-list, .sidebar .sub-menu, .theme-panel .theme-list, .timeline, .todolist, .top-menu .nav .sub-menu, .widget-chart-sidebar .chart-legend {
    list-style-type: none;
}

.btn.active:focus, .btn:active:focus, .btn:focus, a:focus {
    outline: 0;
}

body, html {
    height: 100%;
}

body {
}

.mainbody {
    color: #565656;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    /* font-size: 100%; */
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* background: linear-gradient( rgba(37,37,37, 0.40), rgba(19,19,19, 0.40) ), /* bottom, image */
    /*url('../Images/mainbg2.jpg');*/
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background: #d9bb9a; /* For browsers that do not support gradients */
    /* height: 100%; */
    overflow-y: scroll;
}

.ie8 body {
    font-family: Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #242a30;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: 60%;
        font-weight: 300;
        color: #7c7f83;
    }


label {
    color: #202a35;
    font-size: 13px !important;
}

.page-header-fixed {
    padding-top: 40px;
}

.page-without-sidebar .content {
    margin-left: 0;
}

.page-with-right-sidebar .content {
    margin-left: 40px !important;
    margin-right: 252px;
    margin-top: 61px !important;
}

.top-content {
    background: #d9bb9a; /* For browsers that do not support gradients */
    top: 58px;
    z-index: 999;
    width: 100%;
    position: fixed;
    padding-right: 287px;
}

.page-with-right-sidebar .top-content {
    margin-left: 50px;
    margin-right: 235px;
}

.page-sidebar-minified.page-with-right-sidebar .top-content {
    padding-right: 140px;
    margin-left: 50px;
}

.page-with-right-sidebar .footer {
    /* margin-left: 25px; */
    /* margin-right: 245px; */
    /* width: 100%; */
}

.page-with-two-sidebar .content {
    margin-right: 220px;
}

.page-with-two-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right {
    width: 220px;
}

.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right {
    right: -220px;
}

.page-with-two-sidebar.page-right-sidebar-collapsed .content {
    margin-right: 0;
}

#page-loader {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #E6E8EC;
    z-index: 9999;
}

    #page-loader.fade {
        display: none;
    }

        #page-loader.fade.in {
            display: block;
        }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.spinner, .spinner-small {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    border: 2px solid #fff;
    border-top: 2px solid #977345;
    border-radius: 100%;
}

.fade.in .spinner, .fade.in .spinner-small {
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
}

.spinner-small {
    border: 2px solid rgba(0,0,0,.05);
    border-top: 2px solid #977345;
    height: 30px;
    width: 30px;
    margin: -15px 0 0 -15px;
}

.header {
    /* z-index: 1020; */
    margin-bottom: 0;
    /* padding-right: 250px; */
}

.header-breadcrums.navbar-default {
    top: 95px;
    background: #202a35;
    border-bottom: 1px solid #554c42;
    /* border-top: 1px solid #554c42; */
    z-index: 1;
    height: 28px;
}

.header-quickmenu {
    top: 23px;
    background: none;
    z-index: 1;
    padding-left: 51px;
    padding-right: 260px;
    padding-top: 40px;
    /*padding-bottom: -13px;*/
    margin-bottom: 13px;
    /* background-color: rgb(217, 187, 154); */
    /* border-bottom: 1px solid rgba(131, 119, 104, 0.27); */
    /* height: 60px; */
    /* margin-bottom: 4px; */
}

.page-sidebar-minified .header-quickmenu {
    padding-right: 13px;
    padding-left: 60px;
}

.header-quickmenu .panel-heading {
    font-size: 11px;
}

.page-sidebar-minified .header-quickmenu {
    margin-right: 78px;
}

.header-quickmenu .breadcrumb {
    padding: 0px;
    margin-left: 0px;
    /* margin-right: 343px; */
}

    .header-quickmenu .breadcrumb .minimizeMenu a {
        padding-top: 0px;
    }

    .header-quickmenu .breadcrumb a {
        height: 45px;
        padding-top: 14px;
    }

    .header-quickmenu .breadcrumb li {
        /* height: 46px!important; */
        width: 46px;
        background-color: #202a35;
    }

    .header-quickmenu .breadcrumb .menu.accordion-menu {
        padding: 0px;
    }

.navbar {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
    box-shadow: 0 0 2px rgba(0,0,0,.3);
}

    .navbar.navbar-default {
        background-color: #292e3a !important;
        background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
        background: -o-linear-gradient(#1f2a35, #292e3a) !important;
        background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
        background: linear-gradient(#334556, #292e3a) !important;
        border-bottom: 1px solid #564d43;
    }

    .navbar.navbar-inverse {
        background: #2d353c;
    }

        .navbar.navbar-inverse .navbar-brand, .navbar.navbar-inverse .navbar-nav > li > a {
            color: #a8acb1;
        }

        .navbar.navbar-inverse .navbar-form .form-control {
            background: url(../img/transparent/black-0.2.png);
            background: rgba(0,0,0,.2);
            border-color: #1F2429;
            border-color: rgba(0,0,0,.2);
            color: #a8acb1;
        }

.navbar-brand {
    /* margin-right: 10px; */
    /* margin-left: 0%; */
    /* padding: 12px 20px; */
    /*padding-top: 10px;*/
    /* height: 100%; */
    /* width: 100%; */
    font-weight: 100;
    font-size: 18px;
    line-height: 30px;
    max-width: 234px;
    margin-left: 0px;
    animation: logoSlideEntry;
    animation-duration: 2.5s;
    opacity: 1;
}

.navbar-default .navbar-brand {
    color: #333;
}

.navbar-logo {
    float: left;
    /* margin-right: 10px; */
    /* margin-top: 5px; */
    /* border: 10px solid transparent; */
    /* border-color: #4DCACA #31A3A3 #1D8888; */
    opacity: .9;
    filter: alpha(opacity=90);
}

.navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: none;
    z-index: 4;
}

    .navbar-toggle.pull-left {
        margin-left: 15px;
        margin-right: 0;
    }

.navbar-default .navbar-toggle .icon-bar {
    background: #e2cbaa;
}

.navbar-toggle:focus, .navbar-toggle:hover {
    background: 0 0 !important;
    opacity: .6;
    filter: alpha(opacity=60);
}

.nav-menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    /* padding-top: 10px; */
    /* width: 300px; */
    /* float: left!important; */
    position: fixed;
    /* color: red!important; */
}

    .nav-menu > li {
        position: relative;
        display: block;
    }

        .nav-menu > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav-menu > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav-menu > li.disabled > a {
            color: #777;
        }

            .nav-menu > li.disabled > a:focus, .nav-menu > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav-menu .open > a, .nav-menu .open > a:focus, .nav-menu .open > a:hover {
        background-color: #eee;
        border-color: #202a35;
    }

    .nav-menu .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav-menu > li > a > img {
        max-width: none;
    }

    .nav-menu > li > a .fa {
        color: #977345;
    }

.navbar-nav > li > a {
    line-height: 20px;
    padding: 17px 15px;
}

.navbar-default .navbar-nav > li > a {
    color: #977345;
}

.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
    opacity: .6;
    filter: alpha(opacity=60);
}

.navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover {
    background: 0 0 !important;
    color: #333;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-form {
    margin: 12px 0;
}

.fade .navbar-form .form-control {
    -webkit-animation: none;
}

.navbar-form .form-control {
    width: 200px;
    padding: 5px 15px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

    .navbar-form .form-control:focus {
        width: 300px;
        animation: expand .2s;
        -webkit-animation: expand .2s;
    }

@keyframes expand {
    from {
        width: 200px;
    }

    to {
        width: 300px;
    }
}

@-webkit-keyframes expand {
    from {
        width: 200px;
    }

    to {
        width: 300px;
    }
}

.navbar-form .btn-search {
    position: absolute;
    right: 15px;
    top: 12px;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    background: 0 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

.navbar-nav > li > .dropdown-menu {
    border: 1px solid #977345;
}

    .navbar-nav > li > .dropdown-menu.media-list .media-heading {
        font-weight: 600;
    }

.navbar-nav > li > a .label {
    position: absolute;
    top: 7px;
    right: -10px;
    display: block;
    background: #94302e;
    line-height: 12px;
    font-weight: 300;
    padding: .3em .6em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.navbar-user img {
    float: left;
    width: 30px;
    height: 30px;
    margin: -5px 10px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #977345;
}

.navbar .navbar-nav > li.divider {
    height: 34px;
    margin-top: 10px;
    background: rgba(151,115,69,0.5);
    width: 1px;
}

.navbar.navbar-inverse .navbar-nav > li.divider {
    background: #3F4B55;
}


.sidebar, .sidebar-bg {
    background: rgba(26,34,41,1);
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #977345;
}

.sidebar-header.stats-desc {
}

.sidebar-header .btn-group {
    margin: 2px;
}

.sidebar {
    position: absolute;
    /* margin-top: 60px; */
    margin-bottom: 0px;
    z-index: 100;
    -webkit-transform: translateZ(0);
    /* padding-bottom: 40px; */
}


    .sidebar .nav-menu {
        position: fixed;
        float: right !important;
    }

.sidebar-bg {
    position: fixed;
    z-index: 1000;
}

.widgets-bg {
    position: fixed;
    z-index: 1000;
    right: auto;
    background: rgba(26,34,41,1);
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #554c42;
    width: 35px;
    z-index: -9999;
}

.sidebar .nav > li:after, .sidebar .nav > li:before, .sidebar .nav > li > a:after, .sidebar .nav > li > a:before {
    content: '';
    clear: both;
    display: table;
}

.sidebar .nav > li > a {
    /* padding: 8px 20px; */
    line-height: 20px;
    color: #e2e2e2;
    font-size: 11px;
}

.sidebar.sidebar-grid .nav > li > a {
    border-bottom: 1px solid #383f46;
    border-top: 1px solid #383f46;
}

.sidebar.sidebar-grid .nav > li.active > a {
    border-color: #2d353c;
    z-index: 10;
}

.sidebar.sidebar-grid .nav > li + li {
    margin-top: -1px;
}

.sidebar .nav > li.active > a .badge, .sidebar .nav > li.active > a .label.label-theme {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,.4);
}

.sidebar .nav > li.expand > a, .sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover {
    background: #11161b;
    color: #977345;
    border: 1px;
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover {
    color: #fff;
    background: #00acac;
}

    .sidebar .nav > li.active > a .badge.badge-success, .sidebar .nav > li.active > a .label.label-success {
        background: #008a8a;
    }

.sidebar .nav > li > a i {
    float: left;
    margin-right: 25px;
    width: 14px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
}

    .sidebar .nav > li > a i[class*=ion-] {
        margin-right: 11px;
        width: 18px;
        font-size: 18px;
    }

.sidebar .nav > li > a .badge {
    margin-top: 1px;
    padding: 3px 8px;
    background: #1b1f24;
    font-weight: 300;
    font-size: 10px;
}

.sidebar .nav > li > a .caret {
    float: right;
    margin-top: 9px;
}

.sidebar .has-sub.active > .sub-menu {
    display: block;
}

.sidebar .sub-menu.notification {
    /* padding: 10px 0px 10px 20px; */
    margin: 0;
    background: #202a35;
    position: relative;
    display: none;
    margin-top: 10px;
}

    .sidebar .sub-menu.notification:before {
        content: '';
        position: absolute;
        left: 17px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #428bca;
    }

.sidebar .sub-menu {
    margin: 0;
    background: #1c2733;
    position: fixed;
    display: none;
    border: 1px solid rgba(151,115,69,0.2);
    text-align: center;
    /*border: 2px solid #524738;*/
    width: 250px;
    left: 0px !important;
    right: 100%;
}



    /*.sidebar .sub-menu:before
    {
        content: '';
        position: absolute;
        left: 17px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #977345;
    }*/

    .sidebar .sub-menu .sub-menu {
        /* padding: 0 0 0 30px; */
        background-color: #554c42;
        /* width: 300px; */
    }

    .sidebar .sub-menu > li > a .fa {
        font-weight: 500;
        color: #fafafa;
        text-decoration: none;
        position: relative;
        word-wrap: break-word;
        /* width: 300px; */
        font-size: 17px;
        padding-left: 10px;
    }

        .sidebar .sub-menu > li > a .fa.fa-circle {
            /* border:1px solid red; */
            padding-bottom: 10px;
            font-size: 8px;
            color: #4b4844;
        }

    .sidebar .sub-menu > li > a {
        /* padding: 5px 0px 5px 0px; */
        display: block;
        font-weight: 500;
        color: #ffffff;
        text-decoration: none;
        /* position: relative; */
        word-wrap: break-word;
        /* width: 300px; */
        font-size: 11px;
    }

        .sidebar .sub-menu > li > a > span {
            margin: 4px 5px 1px 15px;
            text-align: center;
            font-size: 11px;
        }

        .sidebar .sub-menu > li.active > a, .sidebar .sub-menu > li.active > a:focus, .sidebar .sub-menu > li.active > a:hover, .sidebar .sub-menu > li > a:focus, .sidebar .sub-menu > li > a:hover {
            color: #fafafa;
            background-color: rgba(85, 76, 66, 0.74);
        }

.sidebar .nav > li li.has-sub.active > a {
    color: #889097;
}

.sidebar .sub-menu > li.active > a:before {
    color: #00acac;
}

.sidebar .nav .sub-menu > li > a .caret {
    float: right;
    margin-top: 7px;
    margin-right: 10px;
}

.sidebar .nav > li.nav-header {
    margin: 0;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 11px;
    color: #6d7983;
}

.breadcrumb > li, .page-header {
    line-height: 28px;
}

.sidebar .nav > li.nav-header a {
    padding: 0;
    margin: 0;
    display: inline;
}

    .sidebar .nav > li.nav-header a:focus, .sidebar .nav > li.nav-header a:hover {
        background: 0 0;
        color: #fff;
    }

    .sidebar .nav > li.nav-header a i {
        float: none;
        margin: 0;
    }

.sidebar .nav > li.nav-profile {
    /* padding: 20px; */
    color: #fff;
    background: rgba(17,21,25,1);
    text-align: center;
    /* border-bottom: 1px solid rgba(151, 115, 69, 0.5); */
}

    .sidebar .nav > li.nav-profile a {
        padding: 0;
    }

    .sidebar .nav > li.nav-profile .image {
        width: 100%;
        height: auto;
    }

        .sidebar .nav > li.nav-profile .image img {
            max-width: 100%;
            max-height: 100%;
        }

    .sidebar .nav > li.nav-profile .info {
        font-size: 14px;
        background-color: #1a2229;
        padding: 5px;
    }

        .sidebar .nav > li.nav-profile .info small {
            display: block;
            color: #889097;
        }

.sub-menu .has-sub {
    /* border:1px solid red; */
}

.profile-header h5 {
    font-size: 15px;
    margin-top: 20px;
    color: #a8acb1;
}

.sidebar .nav > li.nav-widget {
    padding: 10px 20px;
}

    .sidebar .nav > li.nav-widget i {
        margin-right: auto;
    }

.page-sidebar-minified .sidebar {
    width: 78px;
    padding-top: 50px;
    margin-top: 0px;
}

    .page-sidebar-minified .sidebar#sidebar-widgets {
        margin-top: 0px !important;
        /* border-top: 1px solid red; */
    }

        .page-sidebar-minified .sidebar#sidebar-widgets .sub-menu-widgets {
            margin-top: 85px;
            /* z-index: 999999999999999999999; */
        }

    .page-sidebar-minified .sidebar .slimScrollDiv {
        /* border:1px solid red!important; */
    }


.page-sidebar-minified .sidebar-bg {
    width: 78px;
    z-index: -9999;
}

.page-sidebar-minified .content {
    margin-left: 60px;
}

.page-sidebar-minified .footer {
    margin-left: 85px;
}

.page-sidebar-minified .sidebar .slimScrollDiv, .page-sidebar-minified .sidebar .slimScrollDiv > div {
    overflow: visible !important;
}

.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv, .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div {
    overflow: hidden !important;
}

.page-sidebar-minified .sidebar .nav > li > a {
    padding: 12px 20px;
}

    .page-sidebar-minified .sidebar .nav-header, .page-sidebar-minified .sidebar .nav-profile, .page-sidebar-minified .sidebar .nav > li > a > span {
        display: none;
    }

.page-sidebar-minified .sidebar .caret {
    position: absolute;
    top: 9px;
    right: 9px;
    border: 4px solid transparent;
    border-left: 4px solid;
}

.page-sidebar-minified .sidebar .sub-menu .caret {
    top: 10px;
    margin-top: 0 !important;
}

.page-sidebar-minified .sidebar .nav > li > a > i {
    margin: 0;
}

.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    display: none;
    padding: 10px 0 10px 30px;
    margin: 0;
    background: #1a2229;
    /* border: 1px solid lime; */
}

.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a {
    background: #977345;
}

.page-sidebar-minified .sidebar li.has-sub > .sub-menu {
    display: none !important;
}

.page-sidebar-minified .sidebar li.has-sub:focus > .sub-menu, .page-sidebar-minified .sidebar li.has-sub:hover > .sub-menu {
    display: block !important;
    overflow: visible !important;
}

.page-sidebar-minified .sidebar .nav li.has-sub {
    position: relative;
}

    .page-sidebar-minified .sidebar .nav li.has-sub a > i.fa {
        /* font-size: 30px; */
    }

.page-sidebar-minified .sidebar .nav li.has-sub {
    font-size: 15px;
    width: 100%;
    /* right: 0px; */
}

.page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu {
    margin-top: -10px;
}

.sidebar-minify-btn {
    /*margin: 0px 90px;*/
    float: left;
    /* padding: 2px 15px 0px 0px!important; */
    /* background: #222c37; */
    color: #fff;
    -webkit-border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    /* border-radius: 0px 20px 20px 0px; */
    width: 100%;
    height: 100%;
}

.minimizeMenu:hover {
    background: rgba(45, 53, 60, 0.95);
}


.sidebar-minify-btn i {
    margin: 2px 9px !important;
    color: #fafafa;
    font-size: 18px;
    /* border: 1px solid red; */
}


.page-sidebar-minified .sidebar-minify-btn i {
    margin: 2px 5px !important;
    color: rgb(212, 212, 212);
    font-size: 18px;
    /* border: 1px solid red; */
}

.sidebar-btn {
    margin: 10px 0;
    float: left;
    padding: 8px 10px 5px 5px !important;
    /* background: #222c37; */
    color: #fff;
    -webkit-border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    /* border-radius: 0px 20px 20px 0px; */
}

    .sidebar-btn i {
        margin: 0 !important;
        color: #ebebeb;
        font-size: 20px;
    }

.label-notivication {
    position: absolute;
    top: 15px;
    left: 275px;
    display: block;
    background: #ca4f4d;
    line-height: 12px;
    font-weight: 300;
    padding: .3em .6em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 100%;
    font-size: 9px;
    color: #eee;
    border: 1px solid #a94442;
    z-index: 999999;
}

.page-sidebar-minified .sidebar-minify-btn i:before {
    content: '\f190';
}


.page-sidebar-minified.page-with-right-sidebar .content {
    margin-right: 72px;
    margin-left: 40px;
    /* margin-top: 10px; */
    /* z-index: -999999; */
    /* right:50px; */
    /* position: relative; */
}

.page-sidebar-minified.page-with-right-sidebar .navbar-right {
    /* margin-left: 130px; */
    /* left: 0!important; */
}

.page-sidebar-minified.page-with-right-sidebar .navbar-header {
    /* padding-right:60px; */
}

.page-sidebar-minified.page-with-right-sidebar .footer {
    margin-right: 85px;
    margin-left: 25px;
}

.page-sidebar-minified.page-with-right-sidebar .sub-menu {
    left: auto !important;
    right: 100%;
    /*  */
    position: fixed;
    top: 50px;
}


    .page-sidebar-minified.page-with-right-sidebar .sub-menu.sub-menu-main {
        top: 85px;
        z-index: 9999999 !important;
        left: 0;
        bottom: 0;
        border-left: 1px solid #977345;
        height: 11900px;
    }

.sub-menu.sub-menu-main {
    /* top: 237px; */
    top: 73px;
    left: 1px !important;
    /* position: fixed; */
    /* height: 100%; */
    bottom: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.page-sidebar-minified.page-with-right-sidebar .nav > li.has-sub > a .caret {
    position: absolute;
    left: 5px;
    border: 4px solid transparent;
    border-right: 4px solid;
}

.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu .caret {
    left: 0;
    top: 2px;
    border-left: 4px solid transparent !important;
    border-right: 4px solid !important;
}

.page-sidebar-minified.page-with-right-sidebar .sidebar .nav li.has-sub > .sub-menu {
    padding: 10px 30px 10px 0;
    /* width: 350px; */
}

.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before {
    right: 26px;
    left: auto;
}

.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu > li > a:before {
    right: 0;
    left: auto;
    margin-right: -6px;
    margin-left: 0;
}

.page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before {
    font-size: 20px;
    content: '\f190';
}

.page-sidebar-minified .sidebar .slimScrollBar, .page-sidebar-minified .sidebar .slimScrollRail {
    display: none !important;
}

.page-sidebar-minified .sidebar.sidebar-right .slimScrollBar {
    display: block !important;
}

.content {
    /* margin-left: 220px; */
    padding: 0px 10px 0px 10px;
    z-index: 1;
}

    .content.content-full-width {
        padding: 0;
    }

        .content.content-full-width .page-header {
            margin: 20px;
        }

    .content.content-inverse-mode .breadcrumb a, .content.content-inverse-mode .page-header, .content.content-inverse-mode h1, .content.content-inverse-mode h2, .content.content-inverse-mode h3, .content.content-inverse-mode h4, .content.content-inverse-mode h5, .content.content-inverse-mode h6 {
        color: #fff;
    }

    .content.content-full-width .breadcrumb, .content.content-full-width .page-header {
        position: relative;
        z-index: 10;
    }

    .content.content-full-width .breadcrumb {
        margin: 0 20px 0 0;
        z-index: 20;
    }

.page-header {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 0;
    border: none;
}

.breadcrumb {
    padding: 0;
    margin: 0 0 0 60px;
    background: 0 0;
    font-size: 9px;
    min-height: 25px;
    /* max-height: 25px; */
}

.ie8 .breadcrumb > li {
    display: inline;
}

.breadcrumb > li a {
    color: #96826d;
}

.footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px;
    width: 100%;
    z-index: 500;
    padding: 5px 0;
    border: 1px solid #977345;
    line-height: 20px;
    background-color: rgba(32,42,53,1);
    text-align: center;
    vertical-align: middle;
}

    .footer p {
        color: #977345;
    }

.form-control {
    border: 1px solid #977345;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 10px;
    /* border-radius: 3px; */
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    font-size: 13px !important;
}

    .form-control.input-white {
        background: #fff;
        border-color: #fff;
    }

        .form-control.input-white:focus {
            box-shadow: none;
            -webkit-box-shadow: none;
        }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background: #888076;
        opacity: .6;
        filter: alpha(opacity=60);
    }

        .form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control:focus {
            box-shadow: none;
            -webkit-box-shadow: none;
            border: 1px solid #ccd0d4;
        }

    .form-control:focus {
        border-color: #9fa2a5;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control.input-inline {
        display: inline;
        width: auto;
        padding: 0 7px;
    }

    .form-control.input-xs {
        height: 20px;
    }

.form-horizontal.form-bordered .form-group {
    border-bottom: 1px solid #eee;
    margin: 0;
}

    .form-horizontal.form-bordered .form-group:last-child {
        border-bottom: 0;
    }

    .form-horizontal.form-bordered .form-group > .control-label {
        padding: 22px 15px 15px;
        border-right: 1px solid #eee;
        margin-right: -1px;
    }

    .form-horizontal.form-bordered .form-group > div {
        padding: 15px;
        border-left: 1px solid #eee;
    }

.form-horizontal.form-bordered .has-feedback .form-control-feedback {
    top: 15px;
}

label {
    font-weight: 600;
    word-wrap: break-word !important;
}

.has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus, .has-warning .form-control, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
    color: #00acac;
}

.has-success .form-control {
    border-color: #00acac;
}

    .has-success .form-control:focus {
        border-color: #008a8a;
    }

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
    color: #f59c1a;
}

.has-warning .form-control {
    border-color: #f59c1a;
}

    .has-warning .form-control:focus {
        border-color: #c47d15;
    }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
    color: #ff5b57;
}

.has-error .form-control {
    border-color: #ff5b57;
}

    .has-error .form-control:focus {
        border-color: #cc4946;
    }

.form-control-feedback {
    line-height: 34px;
}

select.form-control, select[multiple].form-control {
    border-color: #977345;
    padding: 0px !important;
}

.input-group-addon {
    background: #e2e7eb;
    border: none;
}

legend {
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(32, 42, 53, 0.45);
}

.dropdown-menu {
    border: none;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    font-size: 12px;
}

    .dropdown-menu > li > a {
        padding: 5px 15px;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background: #edf0f5;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        background: #348fe2;
    }

    .dropdown-menu .divider {
        border-color: #eee;
    }

    .dropdown-menu.media-list {
        width: 320px;
        max-width: 320px;
        padding: 0;
        /* position: fixed; */
    }

        .dropdown-menu.media-list p {
            text-overflow: ellipsis;
            overflow: hidden;
            margin-bottom: 4px;
            max-width: 200px;
        }

        .dropdown-menu.media-list .dropdown-header {
            padding: 10px 20px !important;
            background: #202a35;
            /* background-color: white; */
        }

        .dropdown-menu.media-list > .media {
            margin-top: 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            margin-bottom: -1px;
            background-color: #e2cbaa;
        }

            .dropdown-menu.media-list > .media > a {
                display: block;
                padding: 10px 20px !important;
            }

            .dropdown-menu.media-list > .media .media-left {
                padding-right: 10px;
            }

            .dropdown-menu.media-list > .media .media-right {
                padding-left: 10px;
            }

            .dropdown-menu.media-list > .media .media-object {
                height: 36px;
                width: 36px;
                line-height: 36px;
                font-size: 14px;
                color: #fff;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

.badge, .label {
    font-size: 75%;
    font-weight: 600;
    /* position: relative; */
}



.nav-pills > li > a, .tooltip-inner {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.dropdown-footer {
    /* padding: 10px 20px; */
    /* background-color:#1f2934; */
    color: #977345;
    height: 50px;
}

.dropdown-menu > li.dropdown-footer > a {
    padding: 0 !important;
    display: inline !important;
}

    .dropdown-menu > li.dropdown-footer > a:focus, .dropdown-menu > li.dropdown-footer > a:hover {
        background: 0 0 !important;
        text-decoration: underline !important;
    }

.tooltip-inner {
    padding: 4px 10px;
    border-radius: 3px;
}

.alert {
    border: none;
}

    .alert.alert-success {
        background: #00840b;
    }

    .alert.alert-info {
        background: #93cfe5;
    }

    .alert.alert-danger {
        background: #ff7373;
        margin: 5px;
        color: #252525;
    }

    .alert.alert-warning {
        background: #ffead0;
    }

.note {
    margin-bottom: 20px;
    padding: 15px;
    border-left: 3px solid;
}

    .note.note-success {
        border-color: #4a8564;
        background: #b0ebca;
        color: #3c763d;
    }

        .note.note-success h1, .note.note-success h2, .note.note-success h3, .note.note-success h4, .note.note-success h5, .note.note-success h6 {
            color: #3c763d;
        }

    .note.note-danger {
        border-color: #986e6e;
        background: #fbd1d1;
        color: #a94442;
    }

        .note.note-danger h1, .note.note-danger h2, .note.note-danger h3, .note.note-danger h4, .note.note-danger h5, .note.note-danger h6 {
            color: #a94442;
        }

    .note.note-info {
        border-color: #587c89;
        background: #bee2ef;
        color: #31708f;
    }

        .note.note-info h1, .note.note-info h2, .note.note-info h3, .note.note-info h4, .note.note-info h5, .note.note-info h6 {
            color: #31708f;
        }

    .note.note-warning {
        border-color: #9d9080;
        background: #fff2e3;
        color: #8a6d3b;
    }

        .note.note-warning h1, .note.note-warning h2, .note.note-warning h3, .note.note-warning h4, .note.note-warning h5, .note.note-warning h6 {
            color: #8a6d3b;
        }

.badge {
    line-height: 1.25;
    margin: 10px !important;
}

    .badge.badge-square {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .badge.badge-default, .label.label-default {
        background: #b6c2c9;
    }

    .badge.badge-danger, .label.label-danger {
        background: #ff5b57;
    }

    .badge.badge-warning, .label.label-warning {
        background: #f59c1a;
    }

    .badge.badge-success, .label.label-success {
        background: #272d39;
    }

    .badge.badge-info, .label.label-info {
        background: #524c45;
        margin: 10px;
    }

    .badge.badge-primary, .label.label-primary {
        background: #348fe2;
    }

    .badge.badge-inverse, .label.label-inverse {
        background: #2d353c;
    }

.pager li > a, .pager li > span, .pagination > li > a {
    border-color: #e2e7eb;
    color: #242a30;
}

.pager.pager-without-border li > a, .pager.pager-without-border li > span, .pagination.pagination-without-border > li > a {
    border-color: #fff;
}

.pager > .disabled > a, .pager > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    border-color: #ddd;
}

.pagination > li > a {
    color: #242a30;
    margin-left: 5px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.pagination > li:first-child > a {
    margin-left: 0;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 10px;
    margin-left: 4px;
}

.pagination-lg > li > a, .pagination-lg > li > span {
    font-size: 14px;
    margin-left: 6px;
}

.pager li > a:focus, .pager li > a:hover, .pager li > span:focus, .pager li > span:hover, .pagination > li > a:focus, .pagination > li > a:hover {
    color: #242a30;
    background: #e2e7eb;
    border-color: #d8dde1;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #242a30 !important;
    border-color: #242a30 !important;
}

.progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #e2e7eb;
}

.progress-xs {
    height: 5px;
}

    .progress-xs .progress-bar {
        line-height: 5px;
    }

.progress-sm {
    height: 10px;
}

    .progress-sm .progress-bar {
        line-height: 10px;
    }

.progress-lg {
    height: 30px;
}

    .progress-lg .progress-bar {
        line-height: 30px;
    }

.progress-bar {
    background: #348fe2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .progress-bar.progress-bar-success {
        background-color: #00acac;
    }

    .progress-bar.progress-bar-info {
        background-color: #49b6d6;
    }

    .progress-bar.progress-bar-warning {
        background-color: #f59c1a;
    }

    .progress-bar.progress-bar-danger {
        background-color: #ff5b57;
    }

    .progress-bar.progress-bar-inverse {
        background-color: #2d353c;
    }

.nav > li > a {
    color: #6e7179;
}

    .nav > li > a:focus, .nav > li > a:hover {
        color: #202a35;
        background: #977345;
        border: 1px solid #252c38;
    }

.nav-tabs, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a {
    /* border: none!important; */
}

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #262d38;
    }

.page-sidebar-minified .nav-tabs.nav-tabs-inverse > li > a {
    font-size: 10px;
    padding: 5px 5px 5px 10px !important;
    text-align: center;
}

    .page-sidebar-minified .nav-tabs.nav-tabs-inverse > li > a i {
        font-size: 10px;
    }

.tab-overflow .quickmenubg {
    background: #ead2b8 !important;
}

.quickmenubg .nav-tabs.nav-tabs-inverse > li > a {
    font-size: 20px !important;
    padding: 10px 5px 5px 5px !important;
    text-align: center;
    border: 1px solid rgba(151, 115, 69, 0.29);
    color: #d4d4d4 !important;
}

.nav-tabs {
    background: #202a35;
    border-bottom: 1px solid rgba(85, 76, 66, 0.5);
}

    .gallery .image img, .nav-tabs.nav-justified > li > a {
    }

    .nav-tabs.nav-tabs-inverse {
        background: #242a30;
        border-bottom: 1px solid #554c42;
    }

    .nav-tabs.nav-justified > li > a {
    }

    .nav-tabs.nav-tabs-inverse > li.active > a, .nav-tabs.nav-tabs-inverse > li.active > a:focus, .nav-tabs.nav-tabs-inverse > li.active > a:hover {
        color: #242a30;
        background: #fff;
    }

    .nav-tabs.nav-tabs-inverse > li > a:focus, .nav-tabs.nav-tabs-inverse > li > a:hover {
        color: #fff;
        background: 0 0;
    }

    .nav-tabs.nav-justified > li, .nav-tabs > li {
        margin-bottom: 0;
        /* height: 60px; */
    }

        .nav-tabs > li > a {
            /* margin-right: 5px; */
            line-height: 20px;
        }

.nav-pills {
    margin-bottom: 0px;
}

    .nav-pills > li + li {
        margin-left: 5px;
    }

    .nav-pills > li > a {
        border-radius: 3px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        background: #242a30;
    }

.nav-stacked > li + li {
    margin-left: 0;
    margin-top: 5px;
}

.tab-content-menu {
    /* margin-bottom: 20px; */
    /* background: #262d39; */
    /* border-left: 1px solid rgba(151,115,69,0.5); */
    /* border-right: 1px solid rgba(151,115,69,0.5); */
    /* border-bottom: 1px solid rgba(151,115,69,0.1); */
    margin-left: 0px !important;
    /* margin-bottom: 5px; */
    /* height: 100px; */
}

.tab-content-menu-call {
    text-align: left;
    padding: 5px;
    width: 100%;
    background-color: #292e3a;
    background: -webkit-linear-gradient(#1f2a35, #292e3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1f2a35, #292e3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1f2a35, #292e3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1f2a35, #292e3a); /* Standard syntax */
    color: #b39d84;
    font-size: 11px;
}

.tab-content-menu-info {
    text-align: left;
    /* padding: 6px 15px; */
    width: 250px;
    background-color: #21282f;
    color: #ead2b8;
    font-size: 11px;
    /* bottom: 0px; */
    /* position: fixed; */
    /* border-top: 1px solid #554c42; */
    /* border-bottom: 1px solid #554c42; */
    /* height: 24px; */
    /*border: 1px solid red;*/
    position: fixed;
    left: 300px;
    top: 6px;
}

.tab-content-menu-lawfirm {
    text-align: center;
    padding: 5px;
    width: 100%;
    background-color: #2d353c;
    color: #b39d84;
    font-size: 13px;
    bottom: 0px;
    position: fixed;
    border-top: 1px solid rgba(151, 115, 69, 0.5);
}

.tab-content {
    /* margin-bottom: 20px; */
    /*border-left: 1px solid rgba(151,115,69,0.5);
    border-right: 1px solid rgba(151,115,69,0.5);
    border-bottom: 1px solid rgba(151,115,69,0.5);*/
    margin-left: 0px !important;
    /* padding-right: 5px; */
    overflow-x: hidden;
    /* margin-top: 5px; */
}

.nav-tabs + .tab-content {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    /* border-radius: 0 0 3px 3px; */
}

.nav-tabs + .tab-content-menu {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    /* border-radius: 0 0 3px 3px; */
}

.panel-title a {
    display: block;
}

.panel-title > a:focus, .panel-title > a:hover {
    text-decoration: none;
}

.btn {
    font-weight: 300;
}

    .btn-icon, .btn.btn-icon {
        display: inline-block;
        width: 15px !important;
        height: 15px !important;
        padding: 0;
        border: none;
        line-height: 28px;
        text-align: center;
        font-size: 9px !important;
    }



    .btn-circle, .btn.btn-circle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}

.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}

.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}

.btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1020;
}

.page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}

.btn > .pull-left, .btn > .pull-right {
    line-height: 1.428571429;
}

.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}

.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
}

.btn.btn-default {
    background-color: #2f3c4b;
    border-color: #202a35;
    font-size: 13px;
    border-radius: 4px;
    float: left;
    margin: 10px 20px;
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    background: #929ba1;
    border-color: #929ba1;
}

.btn-group .btn.btn-default:not(.active) + .btn.btn-default, .input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
    border-left-color: #929ba1;
}

.btn.btn-white {
    font-weight: 400;
    color: #333;
    background: #fff;
    border-color: #e2e7eb;
}

    .btn.btn-white.btn-white-without-border {
        border-color: #fff;
    }

        .btn.btn-white.btn-white-without-border.active, .btn.btn-white.btn-white-without-border.active:focus, .btn.btn-white.btn-white-without-border.active:hover {
            border-color: #ddd;
        }

        .btn.btn-white.btn-white-without-border:focus, .btn.btn-white.btn-white-without-border:hover {
            border-color: #eee;
        }

.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover, .open .dropdown-toggle.btn-white {
    background: #e2e7eb;
    border-color: #d8dde1;
}

.btn-group .btn.btn-white:not(.active) + .btn.btn-white, .input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
    border-left-color: #eee;
}

.btn.btn-inverse {
    color: #fff;
    background: #262d38;
    border-color: #977345;
    width: 40%;
}

.btn-inverse.active, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open .dropdown-toggle.btn-inverse {
    background: #151a1e;
    border-color: #242c37;
}

.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, .input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
    border-left-color: #242a30;
}

.btn.btn-primary {
    color: #d9bb9a;
    background: #202a35;
    border: 1px solid #524c45;
    margin: 10px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 20px;
    float: right;
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    background: #524c45;
    border-color: #2a72b5;
}

.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, .input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
    border-left-color: #2a72b5;
}

.btn.btn-success {
    color: #c5c6c5;
    background: rgba(37, 37, 37, 0.65) !important;
    border: 1px solid rgb(151, 115, 69) !important;
}

    .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:hover, .open .dropdown-toggle.btn-success {
        background: #977345;
        border-color: #202a35;
        color: #252525;
    }

.btn-group .btn.btn-success:not(.active) + .btn.btn-success, .input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
    border-left-color: #977345;
}

.btn.btn-warning {
    color: #fff;
    background: #977345;
    border-color: #977345;
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
    background: #c47d15;
    border-color: #c47d15;
}

.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, .input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
    border-left-color: #c47d15;
}

.btn.btn-danger {
    color: #fff;
    background: #ff5b57;
    border-color: #ff5b57;
}

.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
    background: #cc4946;
    border-color: #cc4946;
}

.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, .input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
    border-left-color: #cc4946;
}

.btn.btn-info {
    color: #fff;
    background: #49b6d6;
    border-color: #49b6d6;
}

.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
    background: #3a92ab;
    border-color: #3a92ab;
}

.btn-group .btn.btn-info:not(.active) + .btn.btn-info, .input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
    border-left-color: #3a92ab;
}

.panel {
    border: 1px solid #967244;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 2px !important;
    box-shadow: 2px 2px rgba(85, 76, 66, 0.3);
}

    .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-heading {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

.panel-heading {
    padding: 6px 6px;
    border: none;
}

.panel-heading-h1 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.panel-heading + .slimScrollDiv, .panel-heading + .table, .panel-toolbar {
    border-top: 1px solid #eee;
}

.panel-heading-btn {
    float: right;
}

    .panel-heading-btn > a {
        margin-left: 8px;
    }

.panel-heading .btn-group .btn {
    margin-top: -7px;
}

    .panel-heading .btn-group .btn.btn-sm {
        margin-top: -5px;
    }

    .panel-heading .btn-group .btn.btn-xs {
        margin-top: -1px;
    }

.panel-heading .label.pull-left, .panel-heading .label.pull-right {
    line-height: 15px;
}

.panel-title, .panel-title .pull-right {
    line-height: 20px;
}

.panel-heading .progress.pull-left, .panel-heading .progress.pull-right {
    width: 40%;
    min-width: 120px;
}

.panel-heading + .alert {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-with-tabs.panel-default .panel-heading {
    background: #c1ccd1;
    color: #333;
}

.panel-footer, .panel-toolbar {
    background: #fff;
}

.panel-heading .nav-tabs {
    margin-top: -10px;
    margin-right: -15px;
}

    .panel-heading .nav-tabs > li > a {
        padding: 10px 15px;
        line-height: 20px;
    }

.panel-title {
    font-size: 12px;
}

    .panel-title .accordion-toggle {
        margin: -10px -15px;
        padding: 10px 15px;
    }

        .panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
            content: '\f056';
        }

        .panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
            content: '\f055';
        }

.panel-toolbar {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}

    .panel-toolbar + .form-control {
        margin: -1px 0 0;
        border-right: none;
        border-left: none;
    }

.panel-group .panel {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.form-control + .panel-footer {
    border-top: none;
}

#HomePage {
    box-shadow: none;
    /* top: 0; */
}

    #HomePage .panel-body.main {
        border: 0px !important;
        padding: 0px;
        background: none;
        box-shadow: none;
    }

.panel-body {
    padding: 8px;
    background-color: #000000;
    background: #ead2b8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #ead2b8, #dabfa3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #ead2b8, #f5ddc3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ead2b8, #f5ddc3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #ead2b8, #dabfa3); /* Standard syntax (must be last) */
    border-left: 1px solid #554c42;
    border-right: 1px solid #554c42;
    border-bottom: 1px solid #554c42;
    text-align: left;
    border-radius: 0px 0px 2px 2px;
    /* height: 80%!important; */
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
}

    .panel-body.no-border {
        border: none !important;
    }

    .panel-body.no-padding, .panel-body.panel-form, .panel-body.panel-full-width, .panel-body.panel-table {
        padding: 0 !important;
    }

    .panel-body.with-table > .table {
        border: 0;
        margin: 0;
    }

    .panel-body.quikmenu {
        text-align: left;
    }

.quikmenu a {
    font-size: 20px;
    padding: 10px;
}

    .quikmenu a:hover {
        background-color: #1a2229;
    }

.panel-default > .panel-heading + .panel-collapse .panel-body, .panel-footer {
    border-top: 1px solid #eee;
}

.panel-body.with-table > .table tr:last-child td, .panel-body.with-table > .table tr:last-child th {
    border-bottom: 0;
}

.panel .tab-content {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.panel .tab-content-menu {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.panel-default > .panel-heading {
    background: #fafafa;
}

.panel-danger > .panel-heading, .panel-info > .panel-heading, .panel-inverse > .panel-heading, .panel-primary > .panel-heading, .panel-success > .panel-heading, .panel-warning > .panel-heading {
    color: #967244;
}

.panel-inverse > .panel-heading {
    background: #242a30;
}

.panel-success > .panel-heading {
    background: #008a8a;
}

.panel-warning > .panel-heading {
    background: #c47d15;
}

.panel-danger > .panel-heading {
    background: #cc4946;
}

.panel-primary > .panel-heading {
    background: #202a35;
}

.panel-info > .panel-heading {
    background: #3a92ab;
}

.panel.panel-expand {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1080;
}

.panel-expand .height-full, .panel-expand .height-lg, .panel-expand .height-md, .panel-expand .height-sm, .panel-expand .height-xs {
    height: 100% !important;
}

@keyframes panelExpand {
    from {
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%;
    }

    to {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@-webkit-keyframes panelExpand {
    from {
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%;
    }

    to {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.panel.panel-expand > .panel-heading .fa.fa-expand:before {
    content: '\f066';
}

.panel.panel-expand, .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .panel.panel-expand > .panel-body {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: 40px;
        overflow-y: scroll;
        z-index: 1020;
    }

    .panel.panel-expand > .panel-footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

.panel.panel-loading .panel-body {
    position: relative;
    z-index: 0;
}

.panel.panel-loading.panel-expand .panel-body {
    position: absolute;
}

.panel.panel-loading .panel-body .panel-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 1020;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal-content {
    border: none;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modal-header {
    padding: 12px 15px;
    border-bottom-color: #e2e7eb;
}

    .modal-header .close {
        margin-top: 2px;
    }

.modal-body {
    padding: 15px;
}

.modal-footer {
    border-top-color: #e2e7eb;
    padding: 14px 15px 15px;
}

.modal-message .modal-dialog {
    width: 100%;
}

.modal-message .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal-message .modal-body, .modal-message .modal-footer, .modal-message .modal-header {
    width: 60%;
    border: none;
    margin: 0 auto;
}

.modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
    text-align: left;
}

    .media .media-object {
        width: 128px;
    }

    .media.media-lg .media-object {
        width: 256px;
    }

    .media.media-sm .media-object {
        width: 64px;
    }

    .media.media-xs .media-object {
        width: 32px;
    }

    .media > .media-left, .media > .pull-left {
        padding-right: 15px;
    }

    .media > .media-right, .media > .pull-right {
        padding-left: 15px;
    }

    .media a:not(.btn).media-heading:focus, .media a:not(.btn).media-heading:hover, .media a:not(.btn):focus, .media a:not(.btn):focus .media-heading, .media a:not(.btn):hover, .media a:not(.btn):hover .media-heading {
        color: #242a30;
        text-decoration: none;
    }

.bwizard-steps li a, ul.tagit li.tagit-choice .tagit-close:focus, ul.tagit li.tagit-choice .tagit-close:hover {
    text-decoration: none !important;
}

.media-list.media-list-with-divider > li + li {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.table {
    border-color: #e2e7eb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
}

    .table > thead > tr > th {
        color: #242a30;
        font-weight: 600;
        border-bottom: 2px solid #e2e7eb !important;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-color: #e2e7eb;
        /* padding: 10px 15px; */
        /* background: #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: 7px 15px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: #e8ecf1 !important;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: #f0f3f5;
}

.table.table-inverse {
    background: 0 0;
}

    .table.table-inverse > tbody > tr > td, .table.table-inverse > tbody > tr > th, .table.table-inverse > tfoot > tr > td, .table.table-inverse > tfoot > tr > th, .table.table-inverse > thead > tr > td, .table.table-inverse > thead > tr > th {
        border-color: #999 !important;
        border-color: rgba(0,0,0,.2) !important;
        background: 0 0 !important;
    }

    .table.table-inverse, .table.table-inverse > tbody > tr > th, .table.table-inverse > tfoot > tr > th, .table.table-inverse > thead > tr > th {
        color: #fff;
    }

.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: #dbf0f7;
    border-color: #b6e2ef;
}

.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: #cee;
    border-color: #99dede;
}

.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: #ffdedd;
    border-color: #ffbdbc;
}

.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: #fdebd1;
    border-color: #fbd7a3;
}

.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: #f0f3f5;
    border-color: #e2e7e9;
}

.well {
    padding: 15px;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.well-sm {
    padding: 10px;
}

.well-lg {
    padding: 30px;
}

.jumbotron {
    background: #f0f3f4;
}

    .jumbotron .h1, .jumbotron h1 {
        font-size: 56px;
    }

    .jumbotron p {
        font-size: 18px;
    }

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    background: #348fe2;
}

    .nav-pills > .active > a > .badge, a.list-group-item.active > .badge {
        color: #242a30;
    }

.nav.nav-pills.nav-sm > li {
    margin: 0 0 3px;
}

    .nav.nav-pills.nav-sm > li a {
        padding: 8px 10px;
        line-height: 1.5;
    }

.carousel .carousel-control .fa {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px;
    margin-left: -15px;
}

.carousel .carousel-control.left .fa {
    margin-left: 15px;
}

.row {
    margin: 0 -10px;
}

    .row > [class*=col-] {
        padding: 0 10px;
    }

    .row.row-space-0 {
        margin: 0;
    }

    .row.row-space-2 {
        margin: 0 -1px;
    }

    .row.row-space-4 {
        margin: 0 -2px;
    }

    .row.row-space-6 {
        margin: 0 -3px;
    }

    .row.row-space-8 {
        margin: 0 -4px;
    }

    .row.row-space-10 {
        margin: 0 -5px;
    }

    .row.row-space-12 {
        margin: 0 -6px;
    }

    .row.row-space-14 {
        margin: 0 -7px;
    }

    .row.row-space-16 {
        margin: 0 -8px;
    }

    .row.row-space-18 {
        margin: 0 -10px;
    }

    .row.row-space-22 {
        margin: 0 -11px;
    }

    .row.row-space-24 {
        margin: 0 -12px;
    }

    .row.row-space-26 {
        margin: 0 -13px;
    }

    .row.row-space-28 {
        margin: 0 -14px;
    }

    .row.row-space-30 {
        margin: 0 -15px;
    }

    .row.row-space-0 > [class*=col-] {
        padding: 0;
    }

    .row.row-space-2 > [class*=col-] {
        padding: 0 1px;
    }

    .row.row-space-4 > [class*=col-] {
        padding: 0 2px;
    }

    .row.row-space-6 > [class*=col-] {
        padding: 0 3px;
    }

    .row.row-space-8 > [class*=col-] {
        padding: 0 4px;
    }

    .row.row-space-10 > [class*=col-] {
        padding: 0 5px;
    }

    .row.row-space-12 > [class*=col-] {
        padding: 0 6px;
    }

    .row.row-space-14 > [class*=col-] {
        padding: 0 7px;
    }

    .row.row-space-16 > [class*=col-] {
        padding: 0 8px;
    }

    .row.row-space-18 > [class*=col-] {
        padding: 0 9px;
    }

    .row.row-space-20 > [class*=col-] {
        padding: 0 10px;
    }

    .row.row-space-22 > [class*=col-] {
        padding: 0 11px;
    }

    .row.row-space-24 > [class*=col-] {
        padding: 0 12px;
    }

    .row.row-space-26 > [class*=col-] {
        padding: 0 13px;
    }

    .row.row-space-28 > [class*=col-] {
        padding: 0 14px;
    }

    .row.row-space-30 > [class*=col-] {
        padding: 0 15px;
    }

.semi-bold {
    font-weight: 600;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-x-visible {
    overflow-x: visible !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-y-visible {
    overflow-y: visible !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.m-auto {
    margin: 0 auto !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-4 {
    margin: 4px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-t-0 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(151,115,69,0.3);
    padding-bottom: 10px;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-2 {
    margin-top: 2px !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

.m-t-4 {
    margin-top: 4px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-r-1 {
    margin-right: 1px !important;
}

.m-r-2 {
    margin-right: 2px !important;
}

.m-r-3 {
    margin-right: 3px !important;
}

.m-r-4 {
    margin-right: 4px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-1 {
    margin-bottom: 1px !important;
}

.m-b-2 {
    margin-bottom: 2px !important;
}

.m-b-3 {
    margin-bottom: 3px !important;
}

.m-b-4 {
    margin-bottom: 4px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-l-1 {
    margin-left: 1px !important;
}

.m-l-2 {
    margin-left: 2px !important;
}

.m-l-3 {
    margin-left: 3px !important;
}

.m-l-4 {
    margin-left: 4px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 1px !important;
}

.p-2 {
    padding: 2px !important;
}

.p-3 {
    padding: 3px !important;
}

.p-4 {
    padding: 4px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15, .wrapper {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-1 {
    padding-top: 1px !important;
}

.p-t-2 {
    padding-top: 2px !important;
}

.p-t-3 {
    padding-top: 3px !important;
}

.p-t-4 {
    padding-top: 4px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-1 {
    padding-right: 1px !important;
}

.p-r-2 {
    padding-right: 2px !important;
}

.p-r-3 {
    padding-right: 3px !important;
}

.p-r-4 {
    padding-right: 4px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-1 {
    padding-bottom: 1px !important;
}

.p-b-2 {
    padding-bottom: 2px !important;
}

.p-b-3 {
    padding-bottom: 3px !important;
}

.p-b-4 {
    padding-bottom: 4px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-1 {
    padding-left: 1px !important;
}

.p-l-2 {
    padding-left: 2px !important;
}

.p-l-3 {
    padding-left: 3px !important;
}

.p-l-4 {
    padding-left: 4px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.f-s-8 {
    font-size: 8px !important;
}

.f-s-9 {
    font-size: 9px !important;
}

.f-s-10 {
    font-size: 10px !important;
}

.f-s-11 {
    font-size: 11px !important;
}

.f-s-12 {
    font-size: 12px !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.f-s-14 {
    font-size: 14px !important;
}

.f-s-15 {
    font-size: 15px !important;
}

.f-s-16 {
    font-size: 16px !important;
}

.f-s-17 {
    font-size: 17px !important;
}

.f-s-18 {
    font-size: 18px !important;
}

.f-s-19 {
    font-size: 19px !important;
}

.f-s-20 {
    font-size: 20px !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    /* float: left!important; */
}

.pull-none {
    float: none !important;
}

.f-w-100 {
    font-weight: 100 !important;
}

.f-w-200 {
    font-weight: 200 !important;
}

.f-w-300 {
    font-weight: 300 !important;
}

.f-w-400 {
    font-weight: 400 !important;
}

.f-w-500 {
    font-weight: 500 !important;
}

.f-w-600 {
    font-weight: 600 !important;
}

.f-w-700 {
    font-weight: 700 !important;
}

.table-td-valign-middle td, .table-th-valign-middle th, .table-valign-middle td, .table-valign-middle th {
    vertical-align: middle !important;
}

.table-td-valign-top td, .table-th-valign-top th, .table-valign-top td, .table-valign-top th {
    vertical-align: top !important;
}

.table-td-valign-bottom td, .table-th-valign-bottom th, .table-valign-bottom td, .table-valign-bottom th {
    vertical-align: bottom !important;
}

.vertical-box {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    height: 100%;
    width: 100%;
}

.vertical-box-column {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}

.vertical-box-row {
    display: table-row;
    height: 100%;
}

    .vertical-box-row > .vertical-box-cell {
        position: relative;
        height: 100%;
        width: 100%;
        float: none;
    }

        .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
        }

.bwizard-steps, .gritter-item-wrapper, .text-ellipsis {
    overflow: hidden !important;
}

.panel-expand .vertical-box .vertical-box-column {
    display: table-cell;
}

.page-content-full-height .content {
    position: absolute;
    left: 0;
    top: 54px;
    right: 0;
    bottom: 0;
    -webkit-transform: translateZ(0);
}

.panel-expand .page-content-full-height .content {
    -webkit-transform: none;
}

.error-code, .error-content, .map {
    -webkit-transform: translateZ(0);
}

.no-rounded-corner {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.rounded-corner {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.no-border {
    border: 0 !important;
}

.border-top-1 {
    border-top: 1px solid #eee !important;
}

.border-right-1 {
    border-right: 1px solid #eee !important;
}

.border-bottom-1 {
    border-bottom: 1px solid #eee !important;
}

.border-left-1 {
    border-left: 1px solid #eee !important;
}

.no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.text-inverse {
    color: #2d353c !important;
}

a.text-inverse:focus, a.text-inverse:hover {
    color: #575d63 !important;
}

.text-success {
    color: #977345 !important;
}

a.text-success:focus, a.text-success:hover {
}

.text-info {
    color: #49b6d6 !important;
}

a.text-info:focus, a.text-info:hover {
    color: #6dc5de !important;
}

.text-primary {
    color: #348fe2 !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #5da5e8 !important;
}

.text-warning {
    color: #f59c1a !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: #f7b048 !important;
}

.text-danger {
    color: #ff5b57 !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: #ff7c79 !important;
}

.text-white {
    color: #fff !important;
}

a.text-white:focus, a.text-white:hover {
    color: #f0f3f4 !important;
}

.bg-white {
    /*background: #fff!important;*/
}

.bg-silver-lighter {
    background: #f4f6f7 !important;
}

.bg-silver {
    background: #f0f3f4 !important;
}

.bg-silver-darker {
    background: #b4b6b7 !important;
}

.bg-black {
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

    .bg-black:hover {
        /*background-image: linear-gradient(to bottom, #655c52, #4a4238)!important;*/
    }

.bg-black-darker {
    background: #242a30 !important;
}

.bg-black-lighter {
    background: #575d63 !important;
}

.bg-grey {
    background: #b6c2c9 !important;
}

.bg-grey-darker {
    background: #333 !important;
}

.bg-grey-lighter {
    background: #c5ced4 !important;
}

.bg-red {
    background: #94302e !important;
}

.bg-red-darker {
    background: #cc4946 !important;
}

.bg-red-lighter {
    background: #ff7c79 !important;
}

.bg-orange {
    background: #f59c1a !important;
}

.bg-orange-darker {
    background: #c47d15 !important;
}

.bg-orange-lighter {
    background: #f7b048 !important;
}

.bg-yellow {
    background: #e3fa3e !important;
}

.bg-yellow-darker {
    background: #b6c832 !important;
}

.bg-yellow-lighter {
    background: #e9fb65 !important;
}

.bg-green {
    background: #005858 !important;
}

.bg-green-darker {
    background: #008a8a !important;
}

.bg-green-lighter {
    background: #33bdbd !important;
}

.bg-blue {
    background: #202a35 !important;
}

.bg-blue-darker {
    background: #2a72b5 !important;
}

.bg-blue-lighter {
    background: #416d96 !important;
}

.bg-aqua {
    background: #49b6d6 !important;
}

.bg-aqua-darker {
    background: #3a92ab !important;
}

.bg-aqua-lighter {
    background: #6dc5de !important;
}

.bg-purple {
    background: #727cb6 !important;
}

.bg-purple-darker {
    background: #5b6392 !important;
}

.bg-purple-lighter {
    background: #8e96c5 !important;
}

.no-bg {
    background: 0 0 !important;
}

.height-xs {
    height: 150px !important;
}

.height-sm {
    height: 300px !important;
}

.height-md {
    height: 450px !important;
}

.height-lg {
    height: 600px !important;
}

.height-full {
    height: 100% !important;
}

.height-50 {
    height: 50px !important;
}

.height-100 {
    height: 100px !important;
}

.height-150 {
    height: 150px !important;
}

.height-200 {
    height: 200px !important;
}

.height-250 {
    height: 250px !important;
}

.height-300 {
    height: 300px !important;
}

.height-350 {
    height: 350px !important;
}

.height-400 {
    height: 400px !important;
}

.height-450 {
    height: 450px !important;
}

.height-500 {
    height: 500px !important;
}

.height-550 {
    height: 550px !important;
}

.height-600 {
    height: 600px !important;
}

.width-xs {
    width: 150px !important;
}

.width-sm {
    width: 300px !important;
}

.width-md {
    width: 450px !important;
}

.width-lg {
    width: 600px !important;
}

.width-full {
    width: 100% !important;
}

.width-50 {
    width: 50px !important;
}

.width-100 {
    width: 100px !important;
}

.width-150 {
    width: 150px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.width-350 {
    width: 350px !important;
}

.width-400 {
    width: 400px !important;
}

.width-450 {
    width: 450px !important;
}

.width-500 {
    width: 500px !important;
}

.width-550 {
    width: 550px !important;
}

.width-600 {
    width: 600px !important;
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .0s linear;
    transition: opacity .0s linear;
    /* background-color: rgba(157, 129, 93, 0.4); */
}

.page-sidebar-minified #collectionMenu {
    height: 89%;
    overflow-y: scroll;
}

.page-sidebar-minified #adminMenu {
    height: 100%;
    overflow-y: scroll;
}

.btn .combobox-clear, .flot-tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
}

.text-ellipsis {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.underline {
    border-bottom: 1px solid #e2e7eb !important;
}

.row > [class*=col-].ui-sortable {
    min-height: 50px;
}

.panel [class*=col-].ui-sortable, .theme-panel [class*=col-].ui-sortable {
    min-height: 0;
}

.ui-sortable .panel-heading {
    cursor: move;
}

.ui-sortable.ui-sortable-disabled .panel-heading {
    cursor: default;
}

.ui-sortable-placeholder {
    border: 1px dashed #82868b !important;
    visibility: visible !important;
    background: 0 0;
    margin: 0 !important;
}

.panel.ui-sortable-placeholder {
    margin: -1px -1px 19px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.slimScrollBar, .slimScrollRail {
    width: 5px !important;
    right: 0 !important;
    background: #977345;
}

.gritter-item-wrapper {
    background: 0 0 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px;
    border-radius: 5px !important;
}

.gritter-bottom, .gritter-item, .gritter-top {
    background: url(../img/transparent/black-0.8.png) !important;
    /* background: rgba(0,0,0,.8)!important; */
}

.gritter-close, .gritter-light .gritter-close {
    left: auto !important;
    right: 2px !important;
    top: 2px !important;
    background: none !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    display: block !important;
}

    .gritter-close:before, .gritter-light .gritter-close:before {
        content: '\f00d' !important;
        font-family: FontAwesome !important;
        font-size: 15px !important;
        width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        color: #fff !important;
        text-indent: 0 !important;
        position: absolute !important;
        text-align: center !important;
        right: 0 !important;
        top: 0 !important;
    }

.gritter-with-image {
    width: 210px !important;
}

.combobox-container, .datepicker table, .datepicker-full-width .datepicker-inline {
    width: 100%;
}

.gritter-image {
    margin: 2px 10px 0 0 !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.gritter-title {
    font-size: 12px !important;
    line-height: 16px !important;
    padding-bottom: 2px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-shadow: none !important;
}

.gritter-light .gritter-title {
    color: #333 !important;
    font-weight: 600 !important;
}

.gritter-item {
    font-family: 'Open Sans' !important;
    color: #aaa !important;
    font-size: 10px !important;
    padding: 2px 15px 5px !important;
}

.gritter-light .gritter-bottom, .gritter-light .gritter-item, .gritter-light .gritter-top {
    background: url(../img/transparent/white-0.98.png) !important;
    background: rgba(255,255,255,.98) !important;
    color: #999 !important;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background: #242a30;
    border-radius: 3px;
    border: none;
    top: 10px;
    left: 8px;
    line-height: 16px;
    box-shadow: none;
}

.datepicker.dropdown-menu, .ui-autocomplete {
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background: #00acac;
}

body div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 5px 0;
}

.dataTables_wrapper table.dataTable {
    margin: 10px 0 !important;
}

.dt-buttons.btn-group {
    float: left;
}

.dataTables_length, div.dataTables_info {
    float: left;
    margin-right: 15px;
}

.dataTables_empty {
    text-align: center;
}

table.DTFC_Cloned tr.even {
    background: 0 0 !important;
}

.DTFC_LeftWrapper div.DTFC_LeftHeadWrapper table, .DTFC_RightWrapper div.DTFC_RightHeadWrapper table, div.dataTables_scrollHead .table {
    margin-bottom: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.DTFC_LeftBodyLiner .table thead > tr > th, .dataTables_scrollBody .table thead > tr > th {
    border-bottom: none !important;
}

.DTFC_LeftBodyLiner, .dataTables_scrollBody {
    border-bottom: 2px solid #ebeced;
}

.dataTables_scroll + .dataTables_info, .dataTables_wrapper .DTFC_LeftBodyLiner table.dataTable, .dataTables_wrapper .dataTables_scrollBody table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

    .dataTables_wrapper .DTFC_LeftWrapper table.dataTable > tbody > tr > td, .dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > td {
        border-bottom: none !important;
    }

.table.fixedHeader-floating thead > tr > th, .table > tbody + thead > tr > th {
    border-top: none;
    border-bottom-width: 1px !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected {
    background: #ffc !important;
    color: #707478;
}

table.dataTable td.focus, table.dataTable th.focus {
    position: relative;
    z-index: 1000;
    outline: #242a30 solid 2px !important;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #eee !important;
}

.datepicker table tr td span.active.active, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
    background: #348fe2 !important;
    color: #fff !important;
}

.datepicker {
    min-width: 250px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

    .datepicker.dropdown-menu {
        min-width: 250px;
        border: 1px solid #ddd !important;
        -moz-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
    }

.datepicker-dropdown:before {
    border-bottom-color: #ddd !important;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    border-top-color: #ddd !important;
}

.input-daterange .input-group-addon {
    background: #d6d8dd !important;
    border: none !important;
    text-shadow: none !important;
}

.irs-from, .irs-single, .irs-to {
    background: #2d353c !important;
}

.colorpicker {
    border: 1px solid #ddd !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

.colorpicker-alpha, .colorpicker-hue {
    margin-bottom: 0;
}

.bootstrap-timepicker .bootstrap-timepicker-widget.dropdown-menu + .form-control {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.bootstrap-timepicker-widget table td input {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    border: 1px solid #ddd !important;
    max-width: 200px;
}

.bootstrap-timepicker-widget table td a:focus, .bootstrap-timepicker-widget table td a:hover {
    background: #348fe2 !important;
    border: none !important;
    color: #fff;
}

.ui-widget {
    font-family: 'Open Sans';
    font-size: 12px;
}

.ui-autocomplete {
    padding: 5px 0 !important;
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
    border: 1px solid #ccc !important;
}

.ui-stats-focus, .ui-stats-hover, .ui-widget-content .ui-stats-focus, .ui-widget-content .ui-stats-hover, .ui-widget-header .ui-stats-focus, .ui-widget-header .ui-stats-hover {
    border: none !important;
    background: #348fe2 !important;
    color: #fff !important;
    margin: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ui-menu .ui-menu-item a {
    padding: 5px 10px;
}

.combobox-container {
    display: table;
    border-collapse: separate;
}

    .combobox-container .uneditable-input, .combobox-container input {
        border: 1px solid #edf0f5;
        background: #edf0f5;
        font-size: 12px;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        color: #555;
        border-radius: 4px 0 0 4px !important;
        -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;
    }

        .combobox-container .uneditable-input:focus, .combobox-container input:focus {
            outline: 0;
            border-color: #d8dce2;
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
        }

    .combobox-container .add-on, .combobox-container input {
        display: table-cell !important;
    }

    .combobox-container .add-on {
        width: 1% !important;
        padding: 5px 10px !important;
        white-space: nowrap;
        float: none !important;
        background: #d6d8dd !important;
        color: #555 !important;
    }

.btn .combobox-clear {
    margin: 0 !important;
    width: 8px !important;
    position: relative;
}

.combobox-container .icon-remove:before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: -2px;
    top: 1px;
    text-shadow: none;
}

body .bootstrap-select .btn:focus {
    outline: 0 !important;
}

.tagit.ui-widget {
    border: 1px solid #ccd0d4 !important;
    background: #fff !important;
    padding: 3px 12px 2px !important;
    margin-bottom: 0 !important;
}

ul.tagit input[type=text] {
    background: #fff !important;
    width: auto !important;
}

ul.tagit li.tagit-choice-editable {
    background: #b6c2c9 !important;
    border: none !important;
    color: #fff !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    padding: 2px 24px 3px 7px !important;
}

ul.tagit.inverse li.tagit-choice-editable {
    background: #2d353c !important;
}

ul.tagit.white li.tagit-choice-editable {
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
}

ul.tagit.primary li.tagit-choice-editable {
    background: #348fe2 !important;
}

ul.tagit.info li.tagit-choice-editable {
    background: #49b6d6 !important;
}

ul.tagit.success li.tagit-choice-editable {
    background: #00acac !important;
}

ul.tagit.warning li.tagit-choice-editable {
    background: #f59c1a !important;
}

ul.tagit.danger li.tagit-choice-editable {
    background: #ff5b57 !important;
}

ul.tagit li.tagit-choice .tagit-close {
    right: 2px !important;
    line-height: 22px !important;
    text-align: center !important;
    top: 0 !important;
    margin: 0 !important;
}

    ul.tagit li.tagit-choice .tagit-close:focus .ui-icon-close:before, ul.tagit li.tagit-choice .tagit-close:hover .ui-icon-close:before {
        color: #666;
        color: rgba(0,0,0,.4);
    }

ul.tagit.inverse li.tagit-choice .tagit-close:focus .ui-icon-close:before, ul.tagit.inverse li.tagit-choice .tagit-close:hover .ui-icon-close:before {
    color: #666;
    color: rgba(255,255,255,.4);
}

.tagit .ui-icon-close {
    background: 0 0 !important;
    height: 22px !important;
    width: 16px !important;
    text-indent: 0 !important;
}

.tagit.white .ui-icon-close:before {
    color: #000;
}

.tagit .ui-icon-close:before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 10px;
    color: #fff;
}

.parsley-errors-list {
    padding: 0 !important;
    list-style-type: none !important;
    margin: 0 !important;
    color: #e5603b;
    font-size: 12px !important;
    line-height: inherit !important;
}

.bwizard-steps.clickable li:focus:not(.active) a, .bwizard-steps.clickable li:hover:not(.active) a, .parsley-error, .parsley-success {
    color: #333 !important;
}

.parsley-errors-list.filled {
    margin-top: 5px !important;
}

.parsley-error {
    background: #ffdedd !important;
    border-color: #ff5b57 !important;
}

.parsley-success {
    background: #cee !important;
    border-color: #00acac !important;
}

    .parsley-error:focus, .parsley-success:focus {
        color: #333 !important;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3) !important;
    }

.panel-form .cke_chrome {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel-form .wysihtml5-toolbar {
    padding: 15px 15px 5px;
}

.panel-form .wysihtml5-sandbox {
    -webkit-border-radius: 0 0 4px 4px !important;
    -moz-border-radius: 0 0 4px 4px !important;
    border-radius: 0 0 4px 4px !important;
}

.btn_callButtons {
    height: 60px !important;
    border: 2px solid rgb(82, 76, 69) !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    color: #ead2b8 !important;
}

    .btn_callButtons:hover {
        border: 2px solid #ead2b8 !important;
        color: #977345 !important;
    }

#callInvalid {
    background-color: #771414 !important;
    background: #771414 !important;
    background: -webkit-linear-gradient(left top, #b14140, #771414) !important;
    background: -o-linear-gradient(bottom right, #b14140, #771414) !important;
    background: -moz-linear-gradient(bottom right, #b14140, #771414) !important;
    background: linear-gradient(to bottom right, #b14140, #771414) !important;
}

#callNoAnswer {
    background-color: #776614 !important;
    background: #776614 !important;
    background: -webkit-linear-gradient(left top, #d0bc59, #776614) !important;
    background: -o-linear-gradient(bottom right, #d0bc59, #776614) !important;
    background: -moz-linear-gradient(bottom right, #d0bc59, #776614) !important;
    background: linear-gradient(to bottom right, #d0bc59, #776614) !important;
}

#callAnswer {
    background-color: #14772d !important;
    background: #14772d !important;
    background: -webkit-linear-gradient(left top, #568e63, #14772d) !important;
    background: -o-linear-gradient(bottom right, #568e63, #14772d) !important;
    background: -moz-linear-gradient(bottom right, #568e63, #14772d) !important;
    background: linear-gradient(to bottom right, #568e63, #14772d) !important;
}

.btn_InCallActions {
    border: 2px solid rgb(82, 76, 69) !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    color: #ead2b8 !important;
    height: 40px !important;
}

    .btn_InCallActions:hover {
        border: 2px solid #ead2b8 !important;
        color: #977345 !important;
    }

    .btn_InCallActions[disabled] {
        cursor: no-drop !important;
    }

#btn_Dispute, #btn_DtReview, #btn_OnHold, #btn_BailOut {
    background-color: #771414 !important;
    background: #771414 !important;
    background: -webkit-linear-gradient(left top, #b14140, #771414) !important;
    background: -o-linear-gradient(bottom right, #b14140, #771414) !important;
    background: -moz-linear-gradient(bottom right, #b14140, #771414) !important;
    background: linear-gradient(to bottom right, #b14140, #771414) !important;
}

#btn_POPI, #btn_InstCal {
    background-color: #776614 !important;
    background: #776614 !important;
    background: -webkit-linear-gradient(left top, #d0bc59, #776614) !important;
    background: -o-linear-gradient(bottom right, #d0bc59, #776614) !important;
    background: -moz-linear-gradient(bottom right, #d0bc59, #776614) !important;
    background: linear-gradient(to bottom right, #d0bc59, #776614) !important;
}

.callProcess_header {
    font-size: 11px;
    text-align: center;
    border-bottom: 1px solid rgba(37, 45, 56, 0.55);
    margin: 10px;
    padding-bottom: 10px;
}

.horizontal-wizard .bwizard-steps {
    border: 1px solid red;
}

.vertical-wizard .bwizard-steps {
    float: left;
    width: 20% !important;
    border: 1px solid red;
    height: 50%;
    overflow-y: scroll !IMPORTANT;
}

    .vertical-wizard .bwizard-steps li {
        float: left !important;
        width: 100% !important;
    }

.bwizard-steps {
    font-size: 14px !important;
    display: table !important;
    width: 100% !important;
    padding-left: 0px !important;
    border-right: 1px solid #202a35;
    border-bottom: 1px solid #202a35;
    background-color: #ccb8a1;
}

    .bwizard-steps li:after, .bwizard-steps li:before {
        border: none !important;
    }

    .bwizard-steps li {
        float: left !important;
        display: table-cell !important;
        line-height: 20px !important;
        background: #ccb8a1 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        border-right: 1px solid rgba(32, 42, 53, 0.27);
        font-size: 11px;
        width: 296px;
        padding: 1px 10px 1px 5px;
        border-bottom: 1px solid #777777;
    }

@media (max-width: 1366px) {
    .bwizard-steps li {
        width: 33.3%;
    }
}

.bwizard-steps li:focus, .bwizard-steps li:hover {
    background: #524c45 !important;
    color: whitesmoke !important;
}

.bwizard-steps li small {
    font-size: 11px !important;
    color: #999 !important;
    display: block !important;
    line-height: 14px !important;
}

.bwizard-steps li a {
    margin-left: 30px !important;
    display: block !important;
}

.bwizard-steps li.active small {
    color: #b2e6e6 !important;
}

.bwizard-steps .label {
    float: left !important;
    padding: 0 !important;
    height: 20px !important;
    width: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    margin-right: 10px !important;
    top: 0 !important;
    background: #6d7479 !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.bwizard-steps li.active, .bwizard-steps li.active:focus, .bwizard-steps li.active:hover {
    color: #d8c3ab;
    font-size: 10px;
    border-bottom: 1px solid #524c45;
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

    .bwizard-steps li.active .label {
        background: url(../img/transparent/black-0.2.png) !important;
        background: rgba(0,0,0,.2) !important;
    }

.bwizard-steps li.complete {
    background-color: rgb(152, 134, 113) !important;
    color: #e8cfb5;
}

.bwizard-steps li.active.complete {
    background-color: #252d38 !important;
    border-bottom: 1px solid #524c45;
}



.bwizard-buttons {
    margin: 20px !important;
    bottom: 0px;
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

.fc .fc-day-grid-event {
    padding: 1px 2px;
}

.fc .fc-event, .fc-event {
    border: none;
    background: #575d63;
    border-radius: 0;
}

.fc-event-list .fc-event {
    background: 0 0;
    border: none;
    color: #242a30;
    padding: 10px 15px;
    font-size: 12px;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #D2D6DA;
    border-bottom: 1px solid #D2D6DA;
}

    .fc-event-list .fc-event:focus, .fc-event-list .fc-event:hover {
        color: #242a30;
        cursor: pointer;
        background: #f0f3f5;
    }

    .fc-event-list .fc-event.ui-draggable-dragging {
        border: 1px dashed #D2D6DA;
    }

    .fc-event-list .fc-event + .fc-event {
        margin-top: -1px;
    }

    .fc-event-list .fc-event .fa {
        float: left;
        margin-right: 10px;
        font-size: 14px;
    }

body .fc button {
    font-weight: 400;
    color: #242a30;
    background: #fff;
    border-color: #e2e7eb;
    box-shadow: none;
    padding: 5px 10px;
    height: inherit;
    font-size: 12px;
    line-height: 1.5;
}

    body .fc button:active, body .fc button:focus, body .fc button:hover {
        background: #e2e7eb;
        border-color: #d8dde1;
        outline: 0;
    }

    body .fc button.fc-state-disabled:active, body .fc button.fc-state-disabled:focus, body .fc button.fc-state-disabled:hover {
        background: #fff;
    }

    body .fc button.fc-state-active, body .fc button:active {
        background: #e2e7eb;
        border-color: #d8dde1;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    }

.fc .fc-unthemed .fc-divider, .fc .fc-unthemed .fc-popover, .fc .fc-unthemed .fc-row, .fc .fc-unthemed tbody, .fc .fc-unthemed td, .fc .fc-unthemed th, .fc .fc-unthemed thead {
    border-color: #e2e7eb;
}

.fc th {
    padding: 3px 15px;
    color: #242a30;
    font-weight: 600;
    background: #f0f3f5;
}

.fc button .fc-icon {
    font-family: FontAwesome;
    margin: 0;
    top: 0;
    width: auto;
    height: auto;
    font-size: 12px;
}

.fc .fc-icon-left-single-arrow:after, .fc .fc-icon-right-single-arrow:after {
    content: '\f053';
    font-size: 12px;
    top: 0;
    margin: 0;
}

.fc .fc-icon-right-single-arrow:after {
    content: "\f054";
}

.fc .fc-unthemed .fc-today {
    background: #FFF8F0;
}

.fc .fc-scroller {
    overflow: initial;
    height: auto !important;
}

.fc .fc-toolbar h2 {
    font-size: 24px;
    line-height: 30px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 16px !important;
    height: 16px !important;
}

.jvectormap-label {
    padding: 3px 6px !important;
    border: none !important;
    background: url(../img/transparent/black-0.6.png) !important;
    background: rgba(0,0,0,.6) !important;
}

.legendColorBox > div {
    margin-right: 5px !important;
    border-radius: 5px !important;
    margin-top: 1px !important;
    border: none !important;
}

.legend > table tr td.legendColorBox {
    padding-left: 5px !important;
}

.legend > table tr td {
    padding: 4px 0 5px !important;
}

.legend > div {
    border-radius: 4px !important;
    background: #000 !important;
}

.legend > table tr td.legendLabel {
    padding-right: 10px !important;
    color: #fff;
}

.legend > table tr + tr td {
    padding-top: 0 !important;
}

.legendColorBox > div > div {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border-width: 4px !important;
}

.legendLabel, .tickLabel {
    font-size: 11px !important;
}

.tickLabel {
    color: #707478 !important;
}

.flot-tooltip {
    position: absolute;
    display: none;
    border: 0;
    padding: 6px 10px 7px;
    color: #fff;
    font-size: 11px;
    background: url(../img/transparent/black-0.8.png);
    background-color: rgba(0,0,0,.8);
    border-radius: 5px;
    z-index: 10000 !important;
}

.result-list:after, .result-list:before, .result-list > li:after, .result-list > li:before {
    content: '';
    display: table;
    clear: both;
}

.jqstooltip {
    border: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: auto !important;
    height: auto !important;
    background: url(../img/transparent/black-0.8.png) !important;
    background: rgba(0,0,0,.8) !important;
}

.result-list > li, .widget {
    /* border-radius: 3px; */
    overflow: hidden;
}

.result-list {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .result-list > li {
        background: #fff;
        box-shadow: 0 1px #ccc;
    }

        .result-list > li + li {
            margin-top: 10px;
        }

        .result-list > li > div {
            display: table-cell;
            vertical-align: top;
            padding: 20px;
            position: relative;
        }

    .result-list .result-image {
        width: 240px;
        padding: 0;
        overflow: hidden;
        background: #2d353c;
        vertical-align: middle;
    }

.login-v2, .widget-stats .stats-link a {
    background: url(../img/transparent/black-0.4.png);
}

.result-list .result-image a {
    display: block;
}

    .result-list .result-image a:focus, .result-list .result-image a:hover {
        opacity: .8;
        filter: alpha(opacity=80);
    }

.result-list .result-image img {
    width: 100%;
}

.result-list .title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 24px;
}

    .result-list .title a {
        color: #333;
    }

.result-list .location {
    color: #999;
}

.result-list .desc {
    margin-bottom: 20px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

.result-list .btn-row a {
    color: #666;
    font-size: 20px;
    line-height: 14px;
    opacity: .2;
}

    .result-list .btn-row a:focus, .result-list .btn-row a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .result-list .btn-row a + a {
        margin-left: 10px;
    }

.result-list .result-price {
    width: 240px;
    font-size: 28px;
    text-align: center;
    border-left: 1px dashed #ddd;
    padding-top: 30px;
}

    .result-list .result-price small {
        display: block;
        font-size: 12px;
        color: #999;
    }

    .result-list .result-price .btn {
        margin-top: 30px;
    }

.media-messaging .media:first-child {
    padding-top: 0;
}

.media-messaging .media:last-child {
    padding-bottom: 0;
}

.media-messaging .media, .widget {
    /* padding: 5px; */
}

    .media-messaging .media p {
        margin: 0;
    }

    .media-messaging .media + .media {
        margin-top: 0;
        padding-top: 15px;
    }

.stats-info {
    text-align: left;
    background-color: rgba(85, 76, 66, 0.57);
    position: fixed;
    top: 0px;
    left: 40px;
    width: 290px;
    padding: 5px 10px;
    border-bottom: 1px solid #554c42;
}

.stats-link {
    margin-top: 75px;
}

.status-row .call-link a {
    width: 100%;
}

.status-row .call-link i {
    font-size: 18px;
}

.form-group .Dialer-widgets {
    /* margin: 10px; */
    /* border: 1px solid rgba(85, 76, 66, 0.41); */
    color: white;
}

.Dialer-widgets {
    height: 23px;
    border-radius: 2px !important;
    box-shadow: 2px 2px rgba(85, 76, 66, 0.3);
}

.Dialer-widget .stats-desc {
    font-size: 100%;
    padding: 13px 55px;
    color: #6d7072 !important;
}

#Department-widget {
    height: 27px;
    background-color: #f2dac0;
    border-radius: 2px !important;
    box-shadow: 2px 2px rgba(85, 76, 66, 0.3);
}

    #Department-widget .stats-desc {
        font-size: 13px;
        /*padding: 0px 55px;*/
        color: #6d7072 !important;
    }

@media (max-width: 768px) {
    #Department-widget .stats-desc {
        font-size: 11px;
    }

    .minimizeMenu {
        border: 1px solid red;
    }
}

.widget {
    /* margin-bottom: 10px; */
    color: #fff;
    position: fixed;
    /* border: 1px solid #554c42; */
}

    .widget.widget-stats {
        position: relative;
        text-align: left;
        /* margin: 10px; */
        /* padding-bottom: 84px; */
    }

        .widget.widget-stats.notifications {
            position: relative;
            padding-bottom: 20px;
        }


.widget-stats .stats-info h4 {
    font-size: 80%;
    margin: 5px 0;
    color: #ead2b8;
}

.widget-stats .stats-icon {
    font-size: 43px;
    height: 56px;
    width: 56px;
    text-align: right;
    line-height: 56px;
    margin-left: 15px;
    color: #ead2b8 !important;
    position: absolute;
    right: 15px;
    top: 0px;
    opacity: .4;
    filter: alpha(opacity=20);
    z-index: 5;
}

.quickmenu-icon {
    font-size: 26px !important;
    text-align: right;
    line-height: 56px;
    margin-left: 15px;
    color: #fff;
    position: absolute;
    left: 0px !important;
    top: 15px;
    opacity: .4;
    filter: alpha(opacity=20);
    /* width: 24px!important; */
    margin-top: 4px;
    margin-left: -27px !important;
}

.widget-stats .stats-icon img {
    width: 49px;
}

.widget-stats .stats-info p {
    font-weight: 300;
    margin-bottom: 0;
    font-size: 85%;
}

.widget-stats .stats-link a {
    display: block;
    /* margin: 0px -10px 5px; */
    padding: 0px 15px;
    background: rgba(0,0,0,.4);
    text-align: right;
    color: #ddd;
    font-weight: 300;
    text-decoration: none;
    /* font-size: 20px; */
    /* border:1px solid #bf8281; */
    /* width: 30%; */
    text-align: center;
}

.widget-stats .stats-link .row {
    display: block;
    margin: 15px -10px -10px;
    padding: 10px;
    background: rgba(0,0,0,.4);
    text-align: right;
    color: #ddd;
    font-weight: 300;
    text-decoration: none;
}

.widget-stats .stats-link .call-link {
    margin: 0 !important;
    background: none;
    padding: 0px !important;
    text-align: center;
    /* position: absolute; */
    /* top: 0; */
    /* height: 100%; */
}

    .widget-stats .stats-link .call-link:hover {
        background: url(../img/transparent/black-0.6.png);
        background: rgba(0,0,0,.5);
        color: #fff;
    }

.widget-stats .stats-link a:focus, .widget-stats .stats-link a:hover {
    background: url(../img/transparent/black-0.6.png);
    background: rgba(151,115,69,0.6);
    color: #fff;
}

.widget-stats .stats-icon.stats-icon-lg {
    /* font-size: 34px; */
    top: 5%;
    left: 73%;
    opacity: 0.1;
}

.widget-stats .stats-title {
    position: relative;
    /* line-height: 1.1; */
    font-size: 100%;
    margin: 0px;
    padding: 4px;
    /* background-color: rgba(45, 53, 60, 0.5); */
    /* padding: 14px 61px; */
    text-align: center;
    width: 100%;
    border: 1px solid rgba(85, 76, 66, 0.39);
    width: 220px;
}

.widget-stats .stats-icon.stats-icon-lg.quickmenu-icon {
    font-size: 34px;
    top: 5%;
    left: 0%;
    opacity: 0.1;
}

.widget-stats .stats-title.quickmenu-icon {
    position: relative;
    line-height: 1.1;
    font-size: 80%;
    /* margin: 0px 0 7px; */
    padding: 6px;
    background-color: rgba(45, 53, 60, 0.5);
    padding: 6px 15px;
}

.widget-stats .stats-desc, .widget-stats .stats-title {
    color: #d4d4d4 !important;
    color: rgba(255,255,255,.6);
}

.sidebar-header .widget-stats .stats-desc {
    width: 600px;
     height:auto!important; 
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 600;
    /* border-left: 1px solid red; */
    z-index: 99999999999;
    margin-bottom: 0px !important;
    overflow-y: scroll !important;
    border: none !important;
    overflow-x: hidden;
}

.widget-stats .stats-number {
    font-size: 10px;
    font-weight: 300;
    margin-bottom: 5px;
}

.widget-stats .stats-progress {
    background: url(../img/transparent/black-0.2.png);
    background: rgba(0,0,0,.2);
    height: 2px;
    /*margin: 10px -15px 12px;*/
}

    .widget-stats .stats-progress .progress-bar {
        background: #fff;
    }

.todolist {
    margin: 0;
    padding: 0;
}

    .todolist > li > a {
        display: block;
        color: #333;
    }

        .todolist > li > a:focus, .todolist > li > a:hover {
            background: #fafafa;
            text-decoration: none;
        }

            .todolist > li > a:focus .todolist-input i:before, .todolist > li > a:hover .todolist-input i:before {
                content: '\f14a';
                opacity: .4;
                filter: alpha(opacity=40);
                color: #2d353c;
            }

    .todolist > li.active > a .todolist-input i:before, .todolist > li.active > a:focus .todolist-input i:before, .todolist > li.active > a:hover .todolist-input i:before {
        content: '\f14a';
        color: #00acac;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .todolist > li.active > a .todolist-title {
        text-decoration: line-through;
    }

    .todolist > li {
        border-bottom: 1px solid #ddd;
    }

.todolist-input i {
    display: block;
    width: 14px;
    text-align: center;
}

.todolist-input, .todolist-title {
    display: table-cell;
    padding: 10px;
}

.todolist-title {
    padding-right: 15px;
}

.todolist-input {
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #ddd;
    padding-left: 15px;
}

.page-sidebar-minified .map {
    left: 60px;
}

.map {
    position: absolute;
    top: 54px;
    bottom: 0;
    left: 220px;
    right: 0;
    z-index: 0;
}

    .map .jvectormap-zoomin, .map .jvectormap-zoomout {
        width: 20px !important;
        height: 20px !important;
        font-size: 14px;
        line-height: 14px;
        left: 15px;
    }

    .map .jvectormap-zoomin {
        top: 60px;
    }

    .map .jvectormap-zoomout {
        top: 90px;
    }

.map-float-table {
    position: absolute;
    right: 25px;
    bottom: 25px;
    background: url(../img/transparent/black-0.6.png);
    background: rgba(0,0,0,.6);
}

.map-content {
    padding: 0 25px;
    z-index: 100;
    position: relative;
}

.invoice > div:not(.invoice-footer) {
    margin-bottom: 20px;
}

.invoice {
    background: #fff;
    padding: 20px;
}

.invoice-company {
    font-size: 20px;
}

.invoice-header {
    margin: 0 -20px;
    background: #f0f3f4;
    padding: 20px;
}

.invoice-date, .invoice-from, .invoice-to {
    display: table-cell;
    width: 1%;
}

.invoice-from, .invoice-to {
    padding-right: 20px;
}

    .invoice-date .date, .invoice-from strong, .invoice-to strong {
        font-size: 16px;
        font-weight: 600;
    }

.invoice-date {
    text-align: right;
    padding-left: 20px;
}

.invoice-price {
    background: #f0f3f4;
    display: table;
    width: 100%;
}

    .invoice-price .invoice-price-left, .invoice-price .invoice-price-right {
        display: table-cell;
        padding: 20px;
        font-size: 20px;
        font-weight: 600;
        width: 75%;
        position: relative;
        vertical-align: middle;
    }

        .invoice-price .invoice-price-left .sub-price {
            display: table-cell;
            vertical-align: middle;
            padding: 0 20px;
        }

    .invoice-price small {
        font-size: 12px;
        font-weight: 400;
        display: block;
    }

    .invoice-price .invoice-price-row {
        display: table;
        float: left;
    }

    .invoice-price .invoice-price-right {
        width: 25%;
        background: #2d353c;
        color: #fff;
        font-size: 28px;
        text-align: right;
        vertical-align: bottom;
        font-weight: 300;
    }

        .invoice-price .invoice-price-right small {
            display: block;
            opacity: .6;
            filter: alpha(opacity=60);
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 12px;
        }

.invoice-footer {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    font-size: 10px;
}

.invoice-note {
    color: #999;
    margin-top: 80px;
    font-size: 85%;
}

.login {
    margin: 168px 0;
    position: relative;
}

    .login label {
        color: #977345;
    }

    .login .login-header {
        position: absolute;
        top: -80px;
        left: 50%;
        right: 0;
        width: 450px;
        padding: 0 40px;
        margin-left: -225px;
        font-weight: 300;
    }

        .login .login-header .brand {
            padding: 0;
            font-size: 28px;
            width: 100%;
        }

            .login .login-header .brand img {
                padding: 0;
                font-size: 28px;
                width: 100%;
            }

            .login .login-header .brand .logo {
                border: 14px solid transparent;
                border-color: #4DCACA #31A3A3 #1D8888;
                width: 28px;
                height: 28px;
                position: relative;
                font-size: 0;
                margin-right: 10px;
                top: -9px;
            }

            .login .login-header .brand small {
                font-size: 14px;
                display: block;
            }

        .login .login-header .icon {
            position: absolute;
            right: 40px;
            top: -2px;
            opacity: .1;
            filter: alpha(opacity=10);
        }

            .login .login-header .icon i {
                font-size: 70px;
            }

    .login .login-content {
        padding: 15px 20px;
        color: #999;
        width: 450px;
        margin: 0 auto;
    }

    .login .validation-summary-errors ul alert alert-danger fade in m-b-15 {
        margin: 0;
        padding: 0;
    }

    .login .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

.gallery {
    margin: 0 -10px;
}

.gallery-option-set {
    display: block;
    margin-bottom: -5px;
}

    .gallery-option-set .btn {
        margin: 0 5px 5px 0;
    }

.gallery .image {
    width: 25%;
    display: block;
    margin-right: -10px;
    overflow: hidden;
    padding: 10px;
}

    .gallery .image img {
        width: 100%;
        height: 200px;
        border-radius: 3px 3px 0 0;
    }

.gallery .image-inner {
    position: relative;
    background: #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.gallery .image a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

    .gallery .image a:focus, .gallery .image a:hover {
        opacity: .8;
        filter: alpha(opacity=80);
    }

.gallery .image-caption {
    position: absolute;
    top: 15px;
    left: 0;
    background: url(../img/transparent/black-0.6.png);
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 5px 15px;
    margin: 0;
}

.gallery .image-info {
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

    .gallery .image-info .title {
        margin: 0 0 10px;
        line-height: 18px;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gallery .image-info .rating {
        line-height: 20px;
        margin: 0 0 3px;
    }

    .gallery .image-info .desc {
        line-height: 16px;
        font-size: 12px;
        height: 48px;
        overflow: hidden;
    }

.gallery .rating span.star {
    font-family: FontAwesome;
    display: inline-block;
}

    .gallery .rating span.star:before {
        content: "\f005";
        color: #999;
    }

    .gallery .rating span.star.active:before {
        color: #FF8500;
    }

.nav-inbox > li > a {
    padding: 8px 15px;
}

    .nav-inbox > li > a i {
        font-size: 14px;
    }

.table.table-email {
    line-height: 20px;
    margin-bottom: 0;
}

.email-footer {
    border-top: 1px solid #ccc;
    padding: 15px 8px;
    line-height: 26px;
}

.table.table-email .email-header-link {
    color: #333;
}

.table.table-email .email-select {
    width: 20px;
    font-size: 14px;
}

    .table.table-email .email-select a {
        color: #999;
    }

.table.table-email .email-btn {
    color: #ccc;
    font-size: 14px;
    margin-right: 15px;
}

.table.table-email .email-sender {
    padding-right: 25px;
}

.table.table-email .email-btn + .email-btn {
    margin-left: -12px;
}

.table.table-email .email-btn:focus, .table.table-email .email-btn:hover {
    color: #999;
}

.table.table-email tr:hover td {
    background: #fafafa;
}

.table.table-email tr.active td.email-select i:before, .table.table-email tr.active th.email-select i:before {
    content: '\f14a';
}

.table.table-email thead tr.active th {
    background: 0 0;
}

.email-btn-row {
    margin-bottom: 15px;
}

    .email-btn-row .btn + .btn {
        margin-left: 5px;
    }

.email-content {
    background: #fff;
    padding: 15px;
}

.error {
    margin: 0 auto;
    text-align: center;
    background-image: url(../Content/Admin/Images/construction.png);
    background-repeat: no-repeat;
    background-position: center;
}

.error-code, .error-content {
    /* position: fixed; */
    left: 60px;
    right: 240px;
    top: 46%;
    padding: 50px;
}

.error-code {
    bottom: 60%;
    color: #2d353c;
    font-size: 96px;
    line-height: 100px;
}

.error-content {
    top: 47%;
    bottom: 15px;
    padding-top: 15px;
    background: #2d353c;
}

.error-message {
    color: #fff;
    font-size: 24px;
}

.error-desc {
    font-size: 12px;
    color: #977345;
}

.timeline {
    margin: 0;
    padding: 0;
    position: relative;
}

    .timeline:before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        width: 5px;
        background: #2d353c;
        left: 20%;
        margin-left: -2.5px;
    }

    .timeline > li {
        position: relative;
        min-height: 50px;
    }

        .timeline > li + li {
            margin-top: 40px;
        }

    .timeline .timeline-time {
        position: absolute;
        left: 0;
        width: 15%;
        text-align: right;
        padding-top: 7px;
    }

        .timeline .timeline-time .date, .timeline .timeline-time .time {
            display: block;
        }

        .timeline .timeline-time .date {
            line-height: 18px;
            font-size: 14px;
        }

        .timeline .timeline-time .time {
            line-height: 28px;
            font-size: 24px;
            color: #242a30;
        }

    .timeline .timeline-icon {
        left: 15%;
        position: absolute;
        width: 10%;
        text-align: center;
        top: 5px;
    }

        .timeline .timeline-icon a {
            text-decoration: none;
            width: 50px;
            height: 50px;
            display: inline-block;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background: #575d63;
            line-height: 40px;
            color: #fff;
            font-size: 14px;
            border: 5px solid #2d353c;
            transition: background .2s linear;
            -moz-transition: background .2s linear;
            -webkit-transition: background .2s linear;
        }

            .timeline .timeline-icon a:focus, .timeline .timeline-icon a:hover {
                background: #00acac;
            }

    .timeline .timeline-body {
        margin-left: 25%;
        margin-right: 15%;
        background: #fff;
        position: relative;
        padding: 20px 30px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        .timeline .timeline-body:before {
            content: '';
            display: block;
            position: absolute;
            border: 10px solid transparent;
            border-right-color: #fff;
            left: -20px;
            top: 20px;
        }

.timeline-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e7eb;
    line-height: 30px;
}

    .timeline-header .userimage {
        float: left;
        width: 34px;
        height: 34px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        overflow: hidden;
        margin: -2px 10px -2px 0;
    }

    .timeline-header .username {
        font-size: 16px;
        font-weight: 600;
    }

        .timeline-header .username, .timeline-header .username a {
            color: #00acac;
        }

.timeline img {
    max-width: 100%;
    display: block;
}

.timeline-content {
    font-size: 14px;
}

    .timeline-content + .timeline-footer, .timeline-header + .timeline-content, .timeline-header + .timeline-footer {
        margin-top: 20px;
    }

    .timeline-content:after, .timeline-content:before {
        content: '';
        display: table;
        clear: both;
    }

.timeline-title {
    margin-top: 0;
}

.timeline-footer {
    margin: -20px -30px;
    padding: 20px 30px;
    background: #e8ecf1;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

    .timeline-footer a:not(.btn) {
        color: #575d63;
    }

        .timeline-footer a:not(.btn):focus, .timeline-footer a:not(.btn):hover {
            color: #2d353c;
        }

.coming-soon .brand {
    line-height: 40px;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #fff;
    text-align: center;
}

    .coming-soon .brand .logo {
        border: 16px solid transparent;
        border-color: #4DCACA #31A3A3 #1D8888;
        margin-right: 5px;
        position: relative;
        width: 0;
        height: 0;
        display: inline-block;
        vertical-align: middle;
        top: -4px;
    }

.coming-soon .coming-soon-header .brand, .coming-soon .coming-soon-header .desc, .coming-soon .coming-soon-header .timer {
    position: relative;
    z-index: 1020;
}

.coming-soon .coming-soon-header {
    background: url(../img/coming-soon.jpg);
    padding: 100px 0 50px;
    position: relative;
}

    .coming-soon .coming-soon-header:before {
        background: #000;
    }

    .coming-soon .coming-soon-header .bg-cover {
        background: #000;
        opacity: .6;
        filter: alpha(opacity=60);
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .coming-soon .coming-soon-header .desc {
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
    }

    .coming-soon .coming-soon-header .timer {
        margin-bottom: 50px;
        padding: 10px 0;
    }

        .coming-soon .coming-soon-header .timer:after, .coming-soon .coming-soon-header .timer:before {
            content: '';
            display: table;
            clear: both;
        }

.coming-soon .timer .is-countdown {
    background: 0 0;
    border: none;
    width: 980px;
    margin: 0 auto;
}

    .coming-soon .timer .is-countdown .countdown-section {
        padding: 0 10px;
    }

        .coming-soon .timer .is-countdown .countdown-section + .countdown-section {
            border-left: 1px solid #fff;
            border-left: 1px solid rgba(255,255,255,.3);
        }

.coming-soon .timer .countdown-amount {
    font-size: 36px;
    color: #fff;
}

.coming-soon .timer .countdown-period {
    font-size: 14px;
    color: #999;
}

.coming-soon a {
    color: #00acac;
}

.coming-soon .coming-soon-content {
    color: #333;
    text-align: center;
    padding: 25px 0;
}

    .coming-soon .coming-soon-content .desc {
        margin-bottom: 25px;
        font-size: 14px;
    }

    .coming-soon .coming-soon-content .input-group {
        width: 480px;
        margin: 0 auto;
    }

.theme-panel {
    position: fixed;
    left: -350px;
    top: 20%;
    z-index: 99999999999;
    background: #e2cbaa;
    /* padding: 15px; */
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
    width: 350px;
    -webkit-transition: right .2s linear;
    -moz-transition: right .2s linear;
    transition: right .2s linear;
}

    .theme-panel.active {
        left: 0;
    }

    .theme-panel .theme-list {
        margin: 0;
        padding: 0;
    }

        .theme-panel .theme-list + .theme-list {
            margin-top: 10px;
        }

        .theme-panel .theme-list > li {
            float: left;
        }

            .theme-panel .theme-list > li + li {
                margin-left: 5px;
            }

            .theme-panel .theme-list > li > a {
                text-decoration: none;
                width: 20px;
                height: 20px;
                border-radius: 3px;
                display: block;
                -webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                transition: all .2s linear;
            }

            .theme-panel .theme-list > li.active > a {
                position: relative;
            }

                .theme-panel .theme-list > li.active > a:before {
                    content: '\f00c';
                    font-family: FontAwesome;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    font-size: 14px;
                    color: #fff;
                    opacity: .4;
                    filter: alpha(opacity=40);
                    text-align: center;
                }

            .theme-panel .theme-list > li > a:focus, .theme-panel .theme-list > li > a:hover, .twitter-typeahead .tt-hint {
                opacity: .6;
                filter: alpha(opacity=60);
            }

            .theme-panel .theme-list > li.active > a.bg-white:before {
                color: #666;
            }

    .theme-panel .theme-collapse-btn {
        position: absolute;
        right: -25px;
        top: 14px;
        margin-top: -14px;
        width: 25px;
        /* height: 38px; */
        line-height: 30px;
        /* font-size: 25px; */
        color: #977345;
        background: #262d38;
        border-radius: 0px 4px 4px 0px;
        text-align: center;
        box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
        -webkit-box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
        -moz-box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
        z-index: 10000000;
        border: 1px solid #977345;
        padding: 3px;
    }

        .theme-panel .theme-collapse-btn .scores {
            position: absolute;
            right: -25px;
            top: 14px;
            margin-top: -14px;
            width: 25px;
            /* height: 38px; */
            line-height: 30px;
            /* font-size: 25px; */
            color: #977345;
            background: #262d38;
            border-radius: 0px 4px 4px 0px;
            text-align: center;
            box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
            -webkit-box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
            -moz-box-shadow: -1px 0 3px -1px rgba(0,0,0,.4);
            z-index: 10000000;
            border: 1px solid #977345;
            padding: 3px;
        }

    .theme-panel .theme-panel-content {
        margin: -15px;
        padding: 15px;
        background: #fff;
        position: relative;
        z-index: 1020;
    }

    .theme-panel.active .theme-collapse-btn .fa:before {
        content: '\f00d';
    }

    .theme-panel .theme-list a.bg-white {
        border: 1px solid #e2e7eb;
    }

    .theme-panel .control-label {
        line-height: 30px;
    }

        .theme-panel .control-label.double-line {
            line-height: 15px;
        }

    .theme-panel .divider {
        height: 1px;
        margin: 15px 0;
        background: #f2f2f2;
    }

.slider-wrapper {
    padding: 15px 30px !important;
    margin-bottom: 10px !important;
}

    .slider-wrapper.slider-without-range {
        padding: 15px 0 !important;
    }

    .slider-wrapper.slider-vertical {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

.range-max, .range-min {
    color: #242a30 !important;
}

.range-handle {
    cursor: pointer !important;
}

.range-quantity {
    background: #00acac !important;
}

.red .range-quantity {
    background: #ff5b57 !important;
}

.blue .range-quantity {
    background: #348fe2 !important;
}

.purple .range-quantity {
    background: #727cb6 !important;
}

.orange .range-quantity {
    background: #f59c1a !important;
}

.black .range-quantity {
    background: #2d353c !important;
}

.datetimepicker table tr span.active, .datetimepicker table tr td.active {
    background: #348fe2 !important;
    color: #fff !important;
}

.datetimepicker table {
    width: 100%;
}

.datetimepicker td, .datetimepicker th {
    padding: 0 5px !important;
    width: 30px !important;
    height: 30px !important;
}

.wysihtml5-sandbox {
    width: 100% !important;
}

.twitter-typeahead .tt-hint {
    line-height: 22px;
    padding: 5px 11px;
}

.tt-suggestion.tt-is-under-cursor {
    background: #edf0f5;
    color: #222;
}

.select2-container.form-control .select2-choice {
    background: 0 0 !important;
    margin: -6px -12px !important;
    padding: 6px 12px !important;
    line-height: 20px !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    height: 32px !important;
}

.select2-container.form-control.input-sm .select2-choice {
    height: 30px !important;
}

.select2-container .select2-choice .select2-arrow {
    background: 0 0 !important;
    border-left: 1px solid #e2e7eb !important;
}

.select2-drop, .select2-drop-active, .select2-search input {
    border-color: #e2e7eb !important;
}

.select2-container.form-control .select2-choice abbr {
    top: 10px !important;
}

.select2-container.form-control.input-sm .select2-choice abbr {
    top: 9px !important;
}

.select2-container .select2-choice .select2-arrow b {
    background-position: 0 3px !important;
}

.select2-container.form-control.input-sm .select2-choice .select2-arrow b {
    background-position: 0 2px !important;
}

.select2-drop-active {
    -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.2) !important;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.2) !important;
}

.select2-drop.select2-drop-above {
    -webkit-box-shadow: 0 -2px 2px -1px rgba(0,0,0,.2) !important;
    box-shadow: 0 -2px 2px -1px rgba(0,0,0,.2) !important;
}

.select2-search input {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.select2-drop {
    padding-top: 5px !important;
    border-top: 1px solid #e2e7eb !important;
}

.select2-results .select2-highlighted {
    background: #edf0f5 !important;
    color: #222 !important;
}

.login-v2, .login.login-v2 label {
    color: #ccc;
}

.select2-container.select2-container-multi.form-control {
    height: auto !important;
    width: 240px !important;
}

    .select2-container.select2-container-multi.form-control .select2-choices {
        margin: -6px -12px !important;
        border: none !important;
        box-shadow: none !important;
        min-height: 22px !important;
        height: auto !important;
        background: 0 0 !important;
    }

.select2-container-multi .select2-choices .select2-search-choice {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #ddd !important;
    background: #fff !important;
}

.login-v2 {
    background: rgba(0,0,0,.4);
    width: 450px;
    margin: 168px auto;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .login-v2 .login-content {
        padding: 40px;
    }

.login.login-v2 .login-header, .login.login-v2 a {
    color: #fff;
}

    .login.login-v2 .login-header .icon {
        opacity: .4;
        filter: alpha(opacity=40);
    }

.login-v2 .form-control {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0,0,0,.4);
    border: none;
    color: #fff;
}

.login-cover, .login-cover-bg, .login-cover-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .login-cover-image img {
        max-width: 100%;
        top: 0;
        left: 0;
        position: absolute;
    }

.login-cover-bg {
    background: #666;
    background: -moz-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#666),color-stop(100%,#000));
    background: -webkit-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -o-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -ms-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: radial-gradient(ellipse at center,#666 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=1 );
    opacity: .6;
    filter: alpha(opacity=60);
}

.login-bg-list {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1020;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
}

    .login-bg-list > li {
        width: 80px;
        height: 60px;
        overflow: hidden;
        float: left;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
    }

        .login-bg-list > li a {
            display: block;
            height: 60px;
        }

        .login-bg-list > li.active {
            outline: #fff solid 3px;
            z-index: 1020;
            position: relative;
        }

        .login-bg-list > li img {
            max-height: 100%;
        }

.widget-chart {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .widget-chart .chart-title {
        font-size: 18px !important;
        color: #fff;
        font-weight: 300 !important;
        margin: 2px 5px 7px;
    }

        .widget-chart .chart-title small {
            display: block;
            margin-top: 5px;
            font-size: 12px;
            color: #616D72;
            color: rgba(255,255,255,.3);
        }

    .widget-chart .widget-chart-content {
        padding: 15px;
        margin-right: 230px;
    }

    .widget-chart .widget-chart-sidebar {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 230px;
        padding: 15px;
    }

.widget-chart-sidebar .chart-number {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
}

    .widget-chart-sidebar .chart-number small {
        font-size: 12px;
        color: #616D72;
        color: rgba(255,255,255,.3);
        display: block;
    }

.widget-chart-sidebar .chart-legend {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    bottom: 10px;
}

    .widget-chart-sidebar .chart-legend > li {
        margin-bottom: 5px;
        color: #fff;
    }

        .widget-chart-sidebar .chart-legend > li span {
            color: #616D72;
            color: rgba(255,255,255,.3);
        }

.morris-inverse .morris-hover {
    background: rgba(0,0,0,.4) !important;
    border: none !important;
    padding: 8px !important;
    color: #ccc !important;
}

.morris-hover {
    z-index: 0 !important;
}

.list-group-item.list-group-item-inverse {
    background: #2d353c;
    border-color: #242a30;
    color: #fff;
    font-weight: 300;
}

    .list-group-item.list-group-item-inverse .badge-inverse, .list-group-item.list-group-item-inverse .label-inverse {
        background: #242a30;
        background: rgba(0,0,0,.4);
    }

    .list-group-item.list-group-item-inverse:focus, .list-group-item.list-group-item-inverse:hover {
        color: #fff;
        background: #282F35;
    }

.bootstrap-calendar .calendar {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 10px 0;
}

    .bootstrap-calendar .calendar td {
        border: none !important;
    }

    .bootstrap-calendar .calendar .table td {
        padding: 3px 5px;
    }

    .bootstrap-calendar .calendar a {
        line-height: 24px;
    }

    .bootstrap-calendar .calendar .week_days td {
        background: 0 0;
        color: #a9acae;
    }

    .bootstrap-calendar .calendar .visualmonthyear {
        color: #707478;
    }

    .bootstrap-calendar .calendar .table.header td {
        color: #707478;
        vertical-align: middle;
    }

        .bootstrap-calendar .calendar .table.header td.year {
            font-size: 18px;
            font-weight: 300;
        }

    .bootstrap-calendar .calendar .table.header {
        margin-bottom: 5px;
    }

        .bootstrap-calendar .calendar .table.header .year {
            width: 72%;
        }

    .bootstrap-calendar .calendar .icon-arrow-left, .bootstrap-calendar .calendar .icon-arrow-right {
        cursor: pointer;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
    }

        .bootstrap-calendar .calendar .icon-arrow-left:focus, .bootstrap-calendar .calendar .icon-arrow-left:hover, .bootstrap-calendar .calendar .icon-arrow-right:focus, .bootstrap-calendar .calendar .icon-arrow-right:hover {
            color: #2d353c;
        }

        .bootstrap-calendar .calendar .icon-arrow-left:before {
            content: '\f060';
        }

        .bootstrap-calendar .calendar .icon-arrow-right:before {
            content: '\f061';
        }

    .bootstrap-calendar .calendar .table {
        margin-bottom: 0;
    }

    .bootstrap-calendar .calendar .event a {
        display: block;
        border-radius: 30px;
        background: #fff;
        color: #fff;
        margin: 0 auto;
    }

    .bootstrap-calendar .calendar .event .popover a {
        color: #428bca;
    }

        .bootstrap-calendar .calendar .event .popover a:focus, .bootstrap-calendar .calendar .event .popover a:hover {
            color: #2a6496;
            text-decoration: underline;
        }

    .bootstrap-calendar .calendar .event, .bootstrap-calendar .calendar .event a:focus, .bootstrap-calendar .calendar .event a:hover, .bootstrap-calendar .calendar .event:focus, .bootstrap-calendar .calendar .event:hover {
        text-shadow: none;
        color: #2d353c;
        box-shadow: none;
        font-weight: 400;
    }

        .bootstrap-calendar .calendar .event a:focus, .bootstrap-calendar .calendar .event a:hover {
            color: #fff;
            opacity: .8;
        }

        .bootstrap-calendar .calendar .event, .bootstrap-calendar .calendar .event:focus, .bootstrap-calendar .calendar .event:hover {
            background: 0 0;
            text-align: center;
        }

    .bootstrap-calendar .calendar .fa-circle {
        position: absolute;
        right: 0;
        top: 0;
    }

.registered-users-list {
    margin: 7.5px;
    padding: 0;
}

    .registered-users-list > li {
        width: 25%;
        font-size: 12px;
        float: left;
        padding: 7.5px;
        color: #333;
    }

        .registered-users-list > li .username {
            font-size: 12px;
            color: #333;
            margin-bottom: 0;
        }

        .registered-users-list > li img {
            border-radius: 3px;
            max-width: 100%;
        }

        .registered-users-list > li > a {
            display: block;
            margin-bottom: 10px;
        }

        .registered-users-list > li .username small {
            display: block;
            font-size: 11px;
            color: #707478;
            margin-top: 3px;
        }

.panel-body .chats {
    padding: 0;
}

.slimScrollDiv .chats {
    padding-right: 15px;
}

.chats {
    margin: 0;
    padding: 12px 15px 15px;
}

    .chats > li + li {
        margin-top: 15px;
    }

    .chats > li:after, .chats > li:before {
        content: '';
        display: table;
        clear: both;
    }

    .chats .name {
        color: #333;
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
        text-decoration: none;
    }

        .chats .name .label {
            font-size: 8px;
            padding: 1px 4px 2px;
            margin-left: 3px;
            position: relative;
            top: -1px;
        }

    .chats .date-time {
        font-size: 10px;
        display: block;
        float: right;
        color: #999;
        margin-top: 3px;
    }

    .chats .image {
        float: left;
        width: 60px;
        height: 60px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }

        .chats .image img {
            max-width: 100%;
        }

        .chats .image + .message {
            margin-left: 75px;
        }

    .chats .message {
        border: 1px solid #ccd0d4;
        padding: 7px 12px;
        font-size: 12px;
        position: relative;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .chats .message:after, .chats .message:before {
            content: '';
            position: absolute;
            top: 10px;
            left: -14px;
            border: 7px solid transparent;
            border-right-color: #ccd0d4;
        }

        .chats .message:after {
            left: -13px;
            border-right-color: #fff;
        }

    .chats .right .name {
        text-align: right;
    }

    .chats .right .date-time {
        float: left;
    }

    .chats .right .image {
        float: right;
    }

        .chats .right .image + .message {
            margin-right: 75px;
            margin-left: 0;
        }

    .chats .right .message:after, .chats .right .message:before {
        left: auto;
        right: -14px;
        border-right-color: transparent;
        border-left-color: #ccd0d4;
    }

    .chats .right .message:after {
        right: -13px;
        border-left-color: #fff;
    }

.superbox {
    font-size: 0;
}

.superbox-list {
    display: inline-block;
    width: 12.5%;
    margin: 0;
    position: relative;
}

    .superbox-list.active:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        border: 10px solid transparent;
        border-bottom-color: #2d353c;
        margin-left: -10px;
    }

.superbox-show {
    text-align: center;
    position: relative;
    background: #2d353c;
    width: 100%;
    float: left;
    padding: 25px;
    display: none;
}

.superbox-img {
    max-width: 100%;
    width: 100%;
    cursor: pointer;
}

.superbox-current-img {
    -webkit-box-shadow: 0 5px 35px rgba(0,0,0,.65);
    box-shadow: 0 5px 35px rgba(0,0,0,.65);
    max-width: 100%;
}

.superbox-img:hover {
    opacity: .8;
}

.superbox-close {
    opacity: .7;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px;
    background: url(assets/plugins/superbox/img/close.html) center center no-repeat;
    width: 35px;
    height: 35px;
}

.list-email {
    margin-bottom: 0;
    border-top: 1px solid #e2e7eb;
    border-bottom: 1px solid #e2e7eb;
}

    .list-email > li.list-group-item {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        padding: 15px 15px 15px 20px;
        position: relative;
    }

        .list-email > li.list-group-item + li.list-group-item {
            border-top: 1px solid #e2e7eb;
        }

        .list-email > li.list-group-item:after, .list-email > li.list-group-item:before {
            content: '';
            display: table;
            clear: both;
        }

        .list-email > li.list-group-item:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 5px;
            background: #fff;
        }

        .list-email > li.list-group-item.success:before {
            background: #00acac;
        }

        .list-email > li.list-group-item.info:before {
            background-color: #49b6d6;
        }

        .list-email > li.list-group-item.danger:before {
            background-color: #ff5b57;
        }

        .list-email > li.list-group-item.primary:before {
            background-color: #348fe2;
        }

        .list-email > li.list-group-item.inverse:before {
            background-color: #242a30;
        }

        .list-email > li.list-group-item.warning:before {
            background-color: #f59c1a;
        }

        .list-email > li.list-group-item.purple:before {
            background-color: #727cb6;
        }

        .list-email > li.list-group-item.default:before {
            background-color: #b6c2c9;
        }

    .list-email .email-user {
        float: left;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        overflow: hidden;
        font-size: 24px;
        line-height: 50px;
        text-align: center;
        color: #6e7179;
        background: #f4f6f7;
    }

        .list-email .email-user img {
            max-width: 100%;
            display: block;
        }

        .list-email .email-user + .email-info {
            margin-left: 65px;
        }

    .list-email .email-checkbox + .email-user + .email-info {
        margin-left: 95px;
    }

    .list-email .email-checkbox + .email-info {
        margin-left: 35px;
    }

    .list-email .email-title {
        margin-top: 3px;
        margin-bottom: 3px;
        line-height: 20px;
    }

        .list-email .email-title .label {
            position: relative;
            top: -1px;
        }

        .list-email .email-title, .list-email .email-title a {
            color: #242a30;
        }

    .list-email .email-time {
        float: right;
        font-size: 11px;
        color: #C8CCCF;
        margin-left: 10px;
    }

    .list-email .email-checkbox {
        float: left;
        width: 20px;
        margin-right: 10px;
        height: 50px;
        line-height: 50px;
    }

        .list-email .email-checkbox label {
            color: #e2e7eb;
            display: block;
            cursor: pointer;
        }

            .ie8 .pace .pace-activity, .ie8 .pace-inactive, .list-email .email-checkbox label input[type=checkbox] {
                display: none;
            }

            .list-email .email-checkbox label .fa {
                font-size: 18px;
                transition: all .2s linear;
                -webkit-transition: all .2s linear;
            }

            .list-email .email-checkbox label.active {
                color: #707478;
            }

                .list-email .email-checkbox label.active .fa:before {
                    content: '\f046';
                }

    .list-email > li.selected {
        background: #F2FFFB;
    }

.attached-document {
    margin: 15px 0 0;
    padding: 0;
}

    .attached-document > li {
        width: 180px;
        float: left;
        background: #e2e7eb;
        color: #707478;
        position: relative;
        margin-right: 15px;
        margin-bottom: 15px;
    }

        .attached-document > li:before {
            content: '\f0c6';
            font-family: FontAwesome;
            position: absolute;
            top: -10px;
            right: 5px;
            font-size: 18px;
        }

    .attached-document .document-file {
        height: 70px;
        background: rgba(0,0,0,.1);
        overflow: hidden;
        text-align: center;
        line-height: 70px;
        font-size: 32px;
    }

    .attached-document .document-name a {
        color: #2d353c;
    }

    .attached-document > li img {
        max-width: 100%;
    }

    .attached-document > li .document-name {
        padding: 5px 10px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

body.flat-black {
    background: #E7E7E7;
}

.flat-black .navbar.navbar-inverse, .flat-black .sidebar, .flat-black .sidebar-bg {
    background: #3A3A3A;
}

    .flat-black .sidebar .nav > li > a {
        color: #b2b2b2;
    }

    .flat-black .sidebar.sidebar-grid .nav > li > a {
        border-bottom: 1px solid #474747;
        border-top: 1px solid #474747;
    }

    .flat-black .sidebar .active .sub-menu > li.active > a, .flat-black .sidebar .nav > li.active > a, .flat-black .sidebar .sub-menu > li > a:focus, .flat-black .sidebar .sub-menu > li > a:hover {
        color: #fff;
    }

    .flat-black .sidebar .sub-menu > li > a, .flat-black .sidebar .sub-menu > li > a:before {
        color: #999;
    }

    .flat-black .page-sidebar-minified .sidebar .nav > li.has-sub:focus > a, .flat-black .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a, .flat-black .sidebar .nav > li.expand > a, .flat-black .sidebar .nav > li > a:focus, .flat-black .sidebar .nav > li > a:hover {
        background: #323232;
    }

    .flat-black .page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu, .flat-black .sidebar .nav > li.nav-profile, .flat-black .sidebar .sub-menu {
        background: #2A2A2A;
    }

.flat-black .footer {
    border-color: #D7D7D7;
}

.flat-black .list-group-item.list-group-item-inverse {
    background: #3A3A3A;
    border-color: #242424;
}

    .flat-black .list-group-item.list-group-item-inverse:focus, .flat-black .list-group-item.list-group-item-inverse:hover {
        background: #323232;
    }

.flat-black .nav-pills > li.active > a, .flat-black .nav-pills > li.active > a:focus, .flat-black .nav-pills > li.active > a:hover {
    background: #2A2A2A;
}

.flat-black .badge.badge-inverse, .flat-black .label.label-inverse {
    background: #3A3A3A;
}

.flat-black .badge.badge-default, .flat-black .label.label-default {
    background: #C3C3C3;
}

.flat-black .nav-tabs {
    background: #d2d2d2;
}

    .flat-black .nav-tabs.nav-tabs-inverse {
        background: #2A2A2A;
    }

.flat-black .panel-with-tabs .panel-heading {
    background: #d2d2d2;
}

.flat-black .panel-inverse > .panel-heading {
    background: #2A2A2A;
}

.flat-black .table > tbody > tr > td, .flat-black .table > tbody > tr > th, .flat-black .table > tfoot > tr > td, .flat-black .table > tfoot > tr > th, .flat-black .table > thead > tr > td, .flat-black .table > thead > tr > th {
    border-color: #E0E0E0;
}

.flat-black .table > thead > tr > th {
    border-color: #E0E0E0 !important;
}

.flat-black .dataTables_filter input {
    background: #f7f7f7;
    border-color: #f7f7f7;
}

    .flat-black .dataTables_filter input:focus {
        border-color: #D7D7D7;
    }

.flat-black .table-striped > tbody > tr:nth-child(odd) > td, .flat-black .table-striped > tbody > tr:nth-child(odd) > th {
    background: #f7f7f7;
}

.flat-black .btn.btn-inverse {
    background: #3A3A3A;
    border-color: #242424;
}

.flat-black .btn-inverse.active, .flat-black .btn-inverse:active, .flat-black .btn-inverse:focus, .flat-black .btn-inverse:hover, .flat-black .open .dropdown-toggle.btn-inverse {
    background: #2a2a2a;
}

.flat-black .btn.btn-default {
    background: #c8c8c8;
    border-color: #c8c8c8;
}

    .flat-black .btn.btn-default.active, .flat-black .btn.btn-default:active, .flat-black .btn.btn-default:focus, .flat-black .btn.btn-default:hover, .flat-black .open .dropdown-toggle.btn.btn-default {
        background: #a3a3a3;
        border-color: #a3a3a3;
    }

.flat-black .btn-group .btn.btn-white:not(.active) + .btn.btn-white, .flat-black .btn.btn-white, .flat-black .input-group-btn .btn.btn-white:not(.active) + .btn.btn-white, .flat-black .pager li > a, .flat-black .pager li > span, .flat-black .pagination > li > a {
    border-color: #d2d2d2;
}

    .flat-black .btn.btn-white.active, .flat-black .btn.btn-white:active, .flat-black .btn.btn-white:focus, .flat-black .btn.btn-white:hover, .flat-black .open .dropdown-toggle.btn.btn-white {
        background: #e0e0e0;
        border-color: #d2d2d2;
    }

.flat-black .pagination > .active > a, .flat-black .pagination > .active > a:focus, .flat-black .pagination > .active > a:hover, .flat-black .pagination > .active > span, .flat-black .pagination > .active > span:focus, .flat-black .pagination > .active > span:hover {
    background: #323232 !important;
    border-color: #323232 !important;
}

.flat-black .pager li > a:focus, .flat-black .pager li > a:hover, .flat-black .pager li > span:focus, .flat-black .pager li > span:hover, .flat-black .pagination > li > a:focus, .flat-black .pagination > li > a:hover {
    background: #e0e0e0;
}

.flat-black .progress {
    background: #eaeaea;
}

.flat-black .widget-stats .stats-progress {
    background: url(../img/transparent/black-0.2.png);
    background: rgba(0,0,0,.2);
}

.flat-black .jvectormap-container {
    background: #2d2d2d !important;
}

.flat-black .bg-black {
    background: #3A3A3A !important;
}

.flat-black .bg-silver {
    background: #f7f7f7 !important;
}

.flat-black .bg-black-darker {
    background: #2d2d2d !important;
}

.flat-black .bwizard-steps li.active, .flat-black .bwizard-steps li.active:focus, .flat-black .bwizard-steps li.active:hover {
    background: #00acac !important;
}

.flat-black .bwizard-steps li:focus, .flat-black .bwizard-steps li:hover {
    background: #DFDFDF !important;
}

.flat-black .bwizard-steps li {
    background: #f7f7f7 !important;
}

.flat-black .timeline-footer {
    background: #F2F2F2;
}

.flat-black .invoice-header, .flat-black .invoice-price {
    background: #F5F5F5;
}

    .flat-black .error-content, .flat-black .invoice-price .invoice-price-right {
        background: #3a3a3a;
    }

.flat-black .error-code {
    color: #3a3a3a;
}

.flat-black .error-desc {
    color: #888;
}

.tab-overflow.quickmenubg {
    background-color: #ead2b8 !important;
}

.tab-overflow {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    /* border-radius: 2px 2px 0 0; */
    background-color: #242a30;
}

    .tab-overflow .nav.nav-tabs {
        white-space: nowrap;
        overflow: hidden;
        display: table;
        margin: 0;
        /* -webkit-border-radius: 2px 2px 0 0; */
        -moz-border-radius: 2px 2px 0 0;
        /* border-radius: 2px 2px 0 0; */
    }

        .tab-overflow .nav.nav-tabs > li, .tab-overflow.nav.nav-tabs > li {
            display: table-cell;
            float: none;
        }

            .tab-overflow .nav.nav-tabs > li > a {
                margin-left: -1px;
            }

    .tab-overflow .next-button, .tab-overflow .prev-button {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        display: none !important;
        opacity: 0;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
        box-shadow: 0 0 15px rgba(0,0,0,.5);
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear;
    }

    .tab-overflow .prev-button {
        left: 0;
        right: auto;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
        box-shadow: 0 0 15px rgba(0,0,0,.5);
    }

    .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button {
        -webkit-box-shadow: 0 0 15px #000;
        box-shadow: 0 0 15px #000;
    }

    .tab-overflow .next-button a, .tab-overflow .prev-button a {
        margin: 0;
        background: #c1ccd1;
    }

.flat-black .tab-overflow .next-button a, .flat-black .tab-overflow .prev-button a {
    background: #d2d2d2;
}

.tab-overflow .prev-button > a {
}

.nav.nav-tabs.nav-tabs-inverse > li > a, .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .tab-overflow .nav-tabs-inverse .next-button > a, .tab-overflow .nav-tabs-inverse .prev-button > a {
    background: #242a30;
    border-radius: 0px !important;
    /* text-align: center; */
    font-size: 12px;
    color: whitesmoke;
    border-right: 1px solid #524c45;
}

    .nav.nav-tabs.nav-tabs-inverse > li > a:focus,
    .nav.nav-tabs.nav-tabs-inverse > li > a:hover,
    .tab-overflow .nav-tabs-inverse .next-button > a,
    .tab-overflow .nav-tabs-inverse .prev-button > a {
        background: #554c42;
        color: #868686;
    }

.flat-black .nav.nav-tabs.nav-tabs-inverse > li > a, .flat-black .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .flat-black .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .flat-black .tab-overflow .nav-tabs-inverse .next-button > a, .flat-black .tab-overflow .nav-tabs-inverse .prev-button > a {
    background: #2A2A2A;
}

.nav.nav-tabs.nav-tabs-inverse > li.active > a, .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus, .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover {
    background: #524c45;
    color: #fafafa;
    /* text-align: center; */
    /* height: 60px; */
    width: 100%;
}

.nav.nav-tabs.nav-tabs-inverse.menu a {
    /*padding-left: 40%;*/
}

.nav.nav-tabs.nav-tabs-inverse a {
    font-size: 10px;
}

.tab-overflow.overflow-left .prev-button, .tab-overflow.overflow-right .next-button {
    display: block !important;
    opacity: 1;
    background: 0 0;
}

.tab-overflow .nav-tabs > li.prev-button + li.active > a {
}

.page-with-light-sidebar .sidebar, .page-with-light-sidebar .sidebar-bg {
    background: #fff;
}

    .flat-black .page-with-light-sidebar .sidebar .nav > li > a, .page-with-light-sidebar .sidebar .nav > li > a {
        color: #2d353c;
    }

    .page-with-light-sidebar .sidebar .nav > li.nav-profile {
        background: #f0f3f4;
        color: #2d353c;
    }

    .page-sidebar-minified.page-with-light-sidebar .sidebar .nav li.has-sub > .sub-menu, .page-sidebar-minified.page-with-light-sidebar .sidebar .nav > li.has-sub:focus > a, .page-sidebar-minified.page-with-light-sidebar .sidebar .nav > li.has-sub:hover > a, .page-with-light-sidebar .sidebar .nav > li .sub-menu {
        background: #f0f3f4;
    }

    .page-with-light-sidebar .sidebar .nav > li.nav-profile .info small {
        color: rgba(0,0,0,.7);
    }

    .page-with-light-sidebar .sidebar .nav > li.active > a {
        color: #fff;
    }

    .page-with-light-sidebar .sidebar .nav > li .sub-menu:before {
        background: #B1B9C0;
    }

    .page-with-light-sidebar .sidebar .nav > li .sub-menu > li > a:before {
        content: '\f111';
        color: #B1B9C0;
    }

    .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn, .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:focus, .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:hover, .page-with-light-sidebar .sidebar .nav > li.active.expand > a, .page-with-light-sidebar .sidebar .nav > li.active > a, .page-with-light-sidebar .sidebar .nav > li.active > a:focus, .page-with-light-sidebar .sidebar .nav > li.active > a:hover, .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active:focus > a, .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active:hover > a, .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a {
        color: #fff;
        background: #2d353c;
    }

.flat-black .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn, .flat-black .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:focus, .flat-black .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:hover, .flat-black .page-with-light-sidebar .sidebar .nav > li.active.expand > a, .flat-black .page-with-light-sidebar .sidebar .nav > li.active > a, .flat-black .page-with-light-sidebar .sidebar .nav > li.active > a:focus, .flat-black .page-with-light-sidebar .sidebar .nav > li.active > a:hover {
    background: #3a3a3a;
}

.page-with-light-sidebar .sidebar .nav > li.expand > a, .page-with-light-sidebar .sidebar .nav > li > a:focus, .page-with-light-sidebar .sidebar .nav > li > a:hover {
    background: #E6E9EA;
}

.page-with-light-sidebar .sidebar .nav > li .sub-menu > li.active > a:before {
    color: #575d63;
}

.page-with-light-sidebar .sidebar .sub-menu > li > a {
    font-weight: 400;
}

    .flat-black .page-with-light-sidebar .sidebar .sub-menu > li.active > a, .page-with-light-sidebar .sidebar .sub-menu > li.active > a, .page-with-light-sidebar .sidebar .sub-menu > li.active > a:focus, .page-with-light-sidebar .sidebar .sub-menu > li.active > a:hover, .page-with-light-sidebar .sidebar .sub-menu > li > a:focus, .page-with-light-sidebar .sidebar .sub-menu > li > a:hover {
        color: #333;
    }

.flat-black .page-with-light-sidebar .sidebar .nav > li.nav-profile, .flat-black .page-with-light-sidebar .sidebar .sub-menu, .flat-black .page-with-light-sidebar.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    background: #f5f5f5;
}

.page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a > i {
    color: #fff;
}

.page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar + .sidebar-bg, .page-with-wide-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right, .page-with-wide-sidebar.page-sidebar-minified .sidebar.sidebar-right {
    width: 250px;
}

.page-with-wide-sidebar .content {
    margin-left: 250px;
}

.page-with-wide-sidebar.page-with-right-sidebar .content {
    margin-right: 250px;
    margin-left: 0;
}

.page-with-wide-sidebar.page-with-two-sidebar .content {
    margin-left: 250px;
    margin-right: 250px;
}

.page-with-wide-sidebar.page-sidebar-minified .sidebar, .page-with-wide-sidebar.page-sidebar-minified .sidebar + .sidebar-bg {
    width: 60px;
}

.page-with-wide-sidebar.page-sidebar-minified .content {
    margin-left: 60px;
}

.navbar-header.navbar-header-without-bg .navbar-brand {
    background: 0 0 !important;
}

.jstree-default .jstree-clicked, .jstree-default .jstree-wholerow-clicked {
    background: #E4E9EC !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jstree-default .jstree-hovered, .jstree-default .jstree-wholerow-hovered {
    background: #f0f3f4 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
    content: '\f07c';
    color: #242a30;
}

.jstree-default .jstree-checkbox {
    background: 0 0;
}

    .jstree-default .jstree-checkbox:before {
        content: '';
        position: absolute;
        left: 4px;
        top: 4px;
        right: 4px;
        bottom: 4px;
        border: 1px solid #b4b6b7;
        display: block;
        background: #fff;
    }

.jstree-default .jstree-anchor > .jstree-checkbox.jstree-undetermined:after {
    content: '';
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 7px;
    top: 7px;
    display: block;
    background: #b4b6b7;
}

.jstree-default .jstree-checked > .jstree-checkbox:after, .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px;
    display: block;
    line-height: 16px;
    font-size: 12px;
    font-style: initial;
    color: #242a30;
}

.dropdown.dropdown-lg {
    position: static;
}

.dropdown-menu.dropdown-menu-lg {
    left: 20px;
    right: 20px;
    padding: 20px;
}

.dropdown-header {
    font-size: 14px;
    font-weight: 700;
    color: #977345;
    padding: 0;
    margin: 0 0 10px;
}

.dropdown-menu.dropdown-menu-lg .nav > li > a {
    padding: 0;
    background: 0 0;
    line-height: 24px;
}

.navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: #f4f6f7 !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.login.login-with-news-feed, .register.register-with-news-feed {
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999;
}

    .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transform: translateZ(0);
        overflow: hidden;
        z-index: -99999;
    }

    .login.login-with-news-feed .news-image, .register.register-with-news-feed .news-image {
        /*border: 1px solid red;*/
        background: url(/Content/Admin/Images/bg9.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: fixed;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
    }

        .login.login-with-news-feed .news-image img, .register.register-with-news-feed .news-image img {
            position: absolute;
            max-height: 100%;
            min-width: 100%;
            top: -1960px;
            bottom: -1960px;
            left: -1960px;
            right: -1960px;
            margin: auto;
        }


    .login.login-with-news-feed .news-caption, .register.register-with-news-feed .news-caption {
        /* background: rgba(0,0,0,.5); */
        color: #999;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px 0px;
        font-size: 14px;
        z-index: 20;
        font-weight: 300;
        min-width: 680px;
        /* height: 20%; */
    }

        .login.login-with-news-feed .news-caption .caption-title, .register.register-with-news-feed .news-caption .caption-title {
            color: #fff;
            color: rgba(255,255,255,.8);
            font-weight: 300;
            font-size: 28px;
        }

    .login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content {
        float: right;
        width: 500px;
        height: 0px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-right: 50px;
        background-color: rgba(0,0,0,.75);
    }

    .login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content {
        /* width: auto; */
        /* padding: 30px 60px; */
        background-color: rgba(0,0,0,.1);
        /* border: 1px solid rgba(65, 52, 35, 0.47); */
        border-radius: 10px;
        /* margin: 10px; */
        z-index: 999999999;
    }

    .register.register-with-news-feed .register-content {
        padding: 20px 60px 30px;
    }

    .login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
        position: relative;
        top: 0;
        margin: 0;
        left: 0;
        right: 0;
        padding: 50px 60px 0px 60px;
    }

    .register.register-with-news-feed .register-header {
        padding: 60px 60px 0;
        font-size: 32px;
    }

        .register.register-with-news-feed .register-header small {
            color: #707478;
            display: block;
            font-size: 14px;
            margin-top: 10px;
            line-height: 20px;
        }

    .login.login-with-news-feed .login-header .brand {
        color: #242a30;
    }

        .login.login-with-news-feed .login-header .brand small {
            color: #707478;
        }

    .login.login-with-news-feed .login-header .icon {
        top: 98px;
        right: 10px;
    }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #348fe2 !important;
    text-shadow: none !important;
    color: #fff;
}

.daterangepicker .calendar td, .daterangepicker .calendar th {
    padding: 7px !important;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #348fe2 !important;
    color: #fff !important;
}

.daterangepicker .ranges li, .select2-container--default .select2-results__group {
    color: #242a30 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #348fe2 !important;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--multiple {
    min-height: 34px !important;
    border-color: #e2e7eb !important;
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 12px !important;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px !important;
    height: 32px !important;
}

.select2-dropdown {
    border: none !important;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 23px;
    padding-left: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 6px 12px !important;
    height: 34px;
}

    .select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #9fa2a5 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px !important;
}

.navbar-language .flag-icon {
    font-size: 15px;
    margin: 2px 7px 0;
    float: left;
}

.profile-container {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .profile-container:after, .profile-container:before {
        content: '';
        display: table;
        clear: both;
    }

.profile-left {
    width: 200px;
    float: left;
}

.profile-right {
    margin-left: 240px;
    padding-right: 20px;
}

.profile-image {
    height: 175px;
    line-height: 175px;
    text-align: center;
    font-size: 72px;
    margin-bottom: 10px;
    border: 2px solid #E2E7EB;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .profile-image img {
        display: block;
        max-width: 100%;
    }

.profile-highlight {
    padding: 12px 15px;
    background: #FEFDE1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .profile-highlight h4 {
        margin: 0 0 7px;
        font-size: 12px;
        font-weight: 700;
    }

.table.table-profile > thead > tr > th {
    border-bottom: none !important;
}

    .table.table-profile > thead > tr > th h4 {
        font-size: 20px;
        margin-top: 0;
    }

        .table.table-profile > thead > tr > th h4 small {
            display: block;
            font-size: 12px;
            font-weight: 400;
            margin-top: 5px;
        }

.table.table-profile > tbody > tr > td, .table.table-profile > thead > tr > th {
    border: none;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #242a30;
}

    .table.table-profile > tbody > tr > td.field {
        width: 120px;
        text-align: right;
        font-weight: 600;
        color: #777;
    }

.table.table-profile > tbody > tr.highlight > td {
    border-top: 1px solid #e2e7eb;
    border-bottom: 1px solid #e2e7eb;
}

.table.table-profile > tbody > tr.divider > td {
    padding: 0 !important;
    height: 10px;
}

.profile-section + .profile-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e7eb;
}

.profile-section:after, .profile-section:before {
    content: '';
    display: table;
    clear: both;
}

.profile-section .title {
    font-size: 20px;
    margin: 0 0 15px;
}

    .profile-section .title small {
        font-weight: 400;
    }

.panel-body[class*=bg-] {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

body .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

body .bootstrap-datetimepicker-widget .timepicker-hour, body .bootstrap-datetimepicker-widget .timepicker-minute, body .bootstrap-datetimepicker-widget .timepicker-second {
    border: 2px solid #e2e7eb;
    border-radius: 3px;
}

.nvtooltip, .nvtooltip table td.legend-color-guide div {
    border: none !important;
}

body .bootstrap-datetimepicker-widget a[data-action], body .bootstrap-datetimepicker-widget.dropdown-menu {
    color: #242a30;
}

body .bootstrap-datetimepicker-widget table td {
    height: 32px;
    width: 32px;
    line-height: 32px;
}

.sidebar.sidebar-transparent {
    background: 0 0;
}

    .sidebar.sidebar-transparent .nav > li.nav-profile {
        background: url(../img/transparent/black-0.3.png);
        background: rgba(0,0,0,.25);
    }

    .sidebar.sidebar-transparent .nav > li.has-sub > .sub-menu {
        background: url(../img/transparent/black-0.5.png);
        background: rgba(26,34,41,.5);
    }

    .sidebar.sidebar-transparent .sub-menu {
        background: 0 0;
    }

    .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent + .sidebar-bg, .sidebar.sidebar-transparent + .sidebar-bg {
        background: url(../img/sidebar_cover.jpg);
        background-size: auto 100%;
    }

        .sidebar.sidebar-transparent + .sidebar-bg:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url(../img/transparent/black-0.5.png);
            background: rgba(45,53,60,.75);
        }

.page-sidebar-minified .sidebar.sidebar-transparent .nav > li.has-sub .sub-menu {
    background: url(../img/transparent/black-0.7.png);
    background: rgba(26,34,41,.85);
}

.sidebar.sidebar-transparent .nav > li.nav-header {
    color: #fff;
}

.page-sidebar-minified .sidebar.sidebar-transparent .nav > li.has-sub:focus > a, .page-sidebar-minified .sidebar.sidebar-transparent .nav > li.has-sub:hover > a, .sidebar.sidebar-transparent .nav > li.expand > a, .sidebar.sidebar-transparent .nav > li > a:focus, .sidebar.sidebar-transparent .nav > li > a:hover {
    background: url(../img/transparent/black-0.5.png);
    background: rgba(0,0,0,.5);
}

.page-with-top-menu, .page-with-top-menu .sidebar {
    padding-top: 94px;
}

.top-menu {
    background: #2d353c;
    height: 40px;
    /* position: fixed; */
    top: 54px;
    left: 0;
    right: 0;
    z-index: 1015;
}

    .top-menu .nav {
        white-space: nowrap;
    }

        .top-menu .nav > li {
            display: inline-block;
            position: relative;
        }

            .top-menu .nav > li + li {
                margin-left: -3px;
            }

            .top-menu .nav > li > a {
                padding: 10px 20px;
                color: #a8acb1;
                line-height: 20px;
            }

                .top-menu .nav > li > a .badge, .top-menu .nav > li > a .label {
                    margin-left: 5px;
                }

                .top-menu .nav > li > a .badge {
                    background: #1b1f24;
                }

                    .top-menu .nav > li > a .badge.pull-right, .top-menu .nav > li > a .label.pull-right {
                        margin-top: 1px;
                    }

            .top-menu .nav > li.active > a .badge, .top-menu .nav > li.active > a .label.label-theme {
                background: url(../img/transparent/black-0.4.png);
                background: rgba(0,0,0,.4);
            }

            .top-menu .nav > li > a i {
                float: left;
                font-size: 14px;
                margin-right: 10px;
                line-height: 18px;
                width: 14px;
                text-align: center;
            }

            .top-menu .nav > li > a .caret.pull-right {
                margin-top: 8px;
                margin-left: 5px;
            }

            .top-menu .nav > li:focus > a, .top-menu .nav > li:hover > a, .top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover {
                background: #232a2f;
            }

        .top-menu .nav .sub-menu {
            display: none;
            position: absolute;
            left: 0;
            width: 220px;
            top: 100%;
            background: #1a2229;
            margin: 0;
            padding: 10px 0;
        }

    .top-menu .sub-menu > li > a {
        padding: 5px 20px;
        display: block;
        color: #8a8f94;
        text-decoration: none;
        position: relative;
    }

    .top-menu .nav .sub-menu > li > a .caret {
        margin-top: 7px;
    }

    .top-menu .sub-menu .sub-menu {
        background: url(../img/transparent/black-0.2.png);
        background: rgba(0,0,0,.2);
        position: relative;
        left: 0;
        top: 0;
    }

    .top-menu .sub-menu > li.active > a, .top-menu .sub-menu > li.active > a:focus, .top-menu .sub-menu > li.active > a:hover, .top-menu .sub-menu > li > a:focus, .top-menu .sub-menu > li > a:hover {
        color: #fff;
    }

    .top-menu .nav > li.has-sub:hover > .sub-menu {
        display: block;
    }

    .top-menu .nav > li.active > a, .top-menu .nav > li.active > a:focus, .top-menu .nav > li.active > a:hover {
        background: #00acac;
        color: #fff;
    }

    .top-menu .nav > li.menu-control {
        position: absolute;
        top: 0;
        width: 40px;
        background: #2d353c;
        height: 40px;
        margin: 0;
    }

        .top-menu .nav > li.menu-control > a {
            padding: 0;
            text-align: center;
            line-height: 40px;
        }

            .top-menu .nav > li.menu-control > a i {
                float: none;
                margin: 0;
                font-size: 18px;
                display: block;
                line-height: 40px;
                color: #fff;
                width: auto;
            }

        .top-menu .nav > li.menu-control.menu-control-left {
            left: -50px;
        }

        .top-menu .nav > li.menu-control.menu-control-right {
            right: -50px;
        }

@keyframes slideInLeft {
    from {
        left: -50px;
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes slideInLeft {
    from {
        left: -50px;
    }

    to {
        left: 0;
    }
}

.top-menu .nav > li.menu-control.menu-control-left.show {
    -webkit-animation: slideInLeft .1s;
    animation: slideInLeft .1s;
    left: 0;
}

@keyframes slideInRight {
    from {
        right: -50px;
    }

    to {
        right: 0;
    }
}

@-webkit-keyframes slideInRight {
    from {
        right: -50px;
    }

    to {
        right: 0;
    }
}

.top-menu .nav > li.menu-control.menu-control-right.show {
    -webkit-animation: slideInRight .1s;
    animation: slideInRight .1s;
    right: 0;
}

.top-menu .nav > li.menu-control.menu-control-left > a {
    -webkit-box-shadow: 5px 0 8px -3px rgba(0,0,0,.5);
    box-shadow: 5px 0 8px -3px rgba(0,0,0,.5);
}

.top-menu .nav > li.menu-control.menu-control-right > a {
    -webkit-box-shadow: -5px 0 8px -3px rgba(0,0,0,.5);
    box-shadow: -5px 0 8px -3px rgba(0,0,0,.5);
}

.boxed-layout {
    background-image: url(../img/pattern-cover.png);
}

    .boxed-layout .page-container {
        width: 1080px;
        margin: 0 auto;
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,.5);
        box-shadow: 0 0 30px rgba(0,0,0,.5);
        min-height: 100%;
        background: #d9e0e7;
        overflow: hidden;
        position: relative;
    }

        .boxed-layout .page-container .header, .boxed-layout .page-container .sidebar, .boxed-layout .page-container .sidebar-bg {
            left: auto;
        }

        .boxed-layout .page-container .header {
            width: 1080px;
            right: auto;
        }

    .boxed-layout .pace, .boxed-layout .top-menu {
        width: 1080px;
        left: 50%;
        margin-left: -540px;
    }

        .boxed-layout .pace .pace-activity, .boxed-layout .pace .pace-progress, .boxed-layout .page-with-top-menu .top-menu {
            position: absolute;
        }

    .boxed-layout .page-sidebar-minified .sidebar, .boxed-layout .page-with-top-menu.page-sidebar-minified .sidebar {
        position: relative;
        float: left;
        padding-top: 0;
    }

.nvtooltip {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25) !important;
    box-shadow: 0 0 4px rgba(0,0,0,.25) !important;
    padding: 5px 10px !important;
}

    .nvtooltip table thead strong {
        text-decoration: underline !important;
    }

.fs-logo {
    bottom: 0;
}

.nav-toggle {
}

.btn_login:hover {
    border: 1px solid #262f39 !important;
    background-color: rgb(37, 37, 37) !important;
    color: #b5b5b5 !important;
}

.btn_login:focus, .btn_login:active {
    border: 2px solid #977345;
    color: #977345 !important;
    -webkit-box-shadow: inset 0 0 5px #000;
    -moz-box-shadow: inset 0 0 5px #000;
    box-shadow: inset 0 0 5px #000;
    background-color: rgb(37, 37, 37) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid rgb(38, 47, 57);
    -webkit-box-shadow: 0 0 0px 1000px rgb(37, 37, 37) inset !important;
    -webkit-text-fill-color: #b5b5b5 !important;
}

#FSPackage {
    display: block;
    max-width: 150px;
    max-height: 100px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

#MainContent {
    text-align: center;
    width: 100%;
}

.h1-results {
    padding-top: 150px;
    /* border:1px solid red; */
}

.search-results {
    border: 1px solid rgba(151,115,69,0.5);
    /* background-color: red; */
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

.fixedrow {
    /* border:1px solid red; */
    position: fixed;
    z-index: 999999;
    width: 80.2%;
    /* padding-top: 10px; */
}

#MainContent {
    /* border:1px solid red; */
    /* z-index: -9999; */
    /* margin-top: 200px; */
    /* overflow-y: scroll; */
    padding-right: 10px !important;
    padding-left: 10px !important;
}

#FixedContent {
    position: fixed;
    z-index: 999999;
    width: 100%;
    margin-right: 320px;
    padding-right: 285px;
    background-color: rgba(32,42,53,0.5);
}

#notificationPanel {
    min-height: 50px;
    margin-top: 30px;
    z-index: 9999999;
}

.ScoreIcons {
    /* border:1px solid red; */
    min-width: 30px !important;
    max-width: 50px;
}

.sub-list-scores {
    width: 40px;
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: -0.2px -0.2px;
    /* width: 100%; */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.mouse {
    cursor: pointer;
    font-size: 11px;
    border-bottom: 1px solid rgba(151, 115, 69, 0.2);
    color: #202a35 !important;
    padding: 2px 2px 2px 10px !important;
    /* margin-left: 10px; */
}

    .mouse:hover {
        cursor: pointer;
        background-color: #272d39 !important;
        color: whitesmoke !important;
    }

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #60686f;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #60686f;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #60686f;
}

:-moz-placeholder { /* Firefox 18- */
    color: #60686f;
}

.scroller-text {
    float: left;
    /* margin-left: 50px; */
    margin-top: 15px;
    width: 100%;
    font-size: 15px;
}

#Quickmenu {
    background: #f0d8be;
    border: 1px solid rgba(85, 76, 66, 0.5);
    box-shadow: 2px 2px rgba(85, 76, 66, 0.2);
    border-radius: 2px;
    height: 100% !important;
    width: 100%;
}

#AddressView {
    margin: 10px 0px;
}

.window-placeholder {
    border: 1px dotted #554c42;
    height: 200px;
}

#purchase .k-grid table, #latest-post .k-grid table {
    width: 1500px;
}

#mainloadingcontent {
    /*padding: 0px 5px 15px 10px !important;*/
}

.btn_login {
    height: 34px;
    border-radius: 2px;
    margin: 5px;
    background-color: #555555 !important;
}

.dialer-sessions {
    height: 81px;
    width: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* z-index: 9999999999999999999999999999; */
    border: 1px solid rgba(85, 76, 66, 0.41);
    background-color: #25303c;
    display: none;
}

#session-list {
    list-style-type: none;
    padding: 0px;
    /* position: absolute; */
    /* top: 108px; */
    /* left: 446px; */
    /* width: 219px; */
    /* border:1px solid red; */
    /* height: 56px; */
    z-index: 1;
    height: 200px;
}

.dialer-form {
    border: 1px solid rgba(85, 76, 66, 0.62);
    width: 435px;
    float: left;
    background-color: #202a35;
    height: 52px;
}

    .dialer-form label {
        color: #827363;
    }

#ua-invite-submit {
    position: absolute;
    top: -2px;
    left: 153px;
    width: 73px;
    border: 1px solid rgba(151, 115, 69, 0.21);
    height: 48px;
}

#ua-message-submit {
    position: absolute;
    top: 25px;
    left: 9px;
    width: 217px;
    border: 1px solid rgba(151, 115, 69, 0.21);
    display: none;
}

#config-form {
    position: fixed;
    /* right: 50px; */
    height: 33px;
    width: 79px;
    margin-bottom: 0px;
    z-index: 99999999;
    padding: 2px;
    /* top: 0px; */
}

#ua {
    position: fixed;
    left: auto;
    /* right: 50px; */
    height: 35px;
    width: 222px;
    /* border: 1px solid rgba(151, 115, 69, 0.21); */
    margin-bottom: 0px;
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
}

.btn-group i {
    font-size: 12px;
    margin-top: 0px !important;
}

.sidebar .slimScrollDiv {
}


button#load {
    padding: 0 3em;
    outline: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1em;
    line-height: 4;
    overflow: hidden;
    border-radius: 5px;
    background: rgba(0,0,0,0.2);
    text-align: center;
    cursor: pointer;
    margin: 20px auto;
    display: block;
}

#loader-img {
    margin: 0 auto;
    display: block;
}


.border {
    border: 3px solid #fff;
    border-radius: 5px;
}

.main-loading {
    border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.3) !important;
    z-index: 99999999999;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    display: none;
}

.loading-container {
    position: fixed;
    top: 40%;
    height: 150px;
    width: 100%;
    /* background-color:rgba(157, 129, 93, 0.4); */
    /* border-top: 5px solid #282f3b; */
    /* border-bottom: 5px solid #282f3b; */
    /* -webkit-box-shadow: inset 5px 5px 22px -4px rgba(0,0,0,0.78); */
    -moz-box-shadow: inset 5px 5px 22px -4px rgba(0,0,0,0.78);
    /* box-shadow: inset 5px 5px 22px -4px rgba(0,0,0,0.78); */
}

.loading-content {
    width: 300px;
    height: 100%;
    text-align: center;
    margin-left: 38%;
}

.loading-container img {
    width: 300px;
}

.main-loading span {
    position: absolute;
    top: 56%;
    left: 40%;
    width: 20%;
    font-size: 25px;
    text-align: center;
    color: #9c9c9c;
}

.loading-wording {
    position: absolute;
    top: 16% !important;
    left: 44.8% !important;
    width: 9% !important;
}

.loading-container #fountainG {
    position: absolute;
    width: 300px;
    height: 36px;
    margin: auto;
    top: 48%;
    margin-left: 0%;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgba(157,129,93,0.98);
    width: 36px;
    height: 36px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 24px;
    -o-border-radius: 24px;
    -ms-border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#fountainG_2 {
    left: 38px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#fountainG_3 {
    left: 75px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#fountainG_4 {
    left: 113px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#fountainG_5 {
    left: 150px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#fountainG_6 {
    left: 188px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#fountainG_7 {
    left: 225px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#fountainG_8 {
    left: 263px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}



@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(32,42,53);
    }

    100% {
        transform: scale(.3);
        background-color: rgb(82,94,107);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(32,42,53);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgb(82,94,107);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(32,42,53);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgb(82,94,107);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(32,42,53);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(82,94,107);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(32,42,53);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgb(82,94,107);
    }
}

#action-buttons input {
    width: 49%;
}

.actionsTable_buttons input {
    width: 14.28% !important;
    height: 30px;
    float: left;
}

#databasecontent {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999999999 !important;
    background-color: rgba(40, 47, 59, 0.64);
    padding: 120px 240px 120px 50px;
}


.cssload-container {
    position: absolute;
    left: 50%;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgb(157,129,93);
    border-left-color: rgb(32,42,53);
    border-radius: 974px;
    -o-border-radius: 974px;
    -ms-border-radius: 974px;
    -webkit-border-radius: 974px;
    -moz-border-radius: 974px;
}

.cssload-whirlpool {
    margin: -24px 0 0 -24px;
    height: 49px;
    width: 49px;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}

    .cssload-whirlpool::before {
        content: "";
        margin: -22px 0 0 -22px;
        height: 43px;
        width: 43px;
        animation: cssload-rotate 1150ms linear infinite;
        -o-animation: cssload-rotate 1150ms linear infinite;
        -ms-animation: cssload-rotate 1150ms linear infinite;
        -webkit-animation: cssload-rotate 1150ms linear infinite;
        -moz-animation: cssload-rotate 1150ms linear infinite;
    }

    .cssload-whirlpool::after {
        content: "";
        margin: -28px 0 0 -28px;
        height: 55px;
        width: 55px;
        animation: cssload-rotate 2300ms linear infinite;
        -o-animation: cssload-rotate 2300ms linear infinite;
        -ms-animation: cssload-rotate 2300ms linear infinite;
        -webkit-animation: cssload-rotate 2300ms linear infinite;
        -moz-animation: cssload-rotate 2300ms linear infinite;
    }



@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

.PAM_head {
    color: #fff;
}

#calculator {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font: bold 14px Arial, sans-serif;
    width: 275px;
    height: auto;
    padding: 20px 20px 9px;
    background: rgba(82, 76, 69, 0.73);
    box-shadow: 4px 4px rgba(60, 61, 61, 0.48), 0px 10px 15px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-top: 55px;
}

.calculator-desc .text-desc {
    margin: 5px;
    text-align: left;
}
/* Top portion */
.top span.clear {
    float: left;
}

/* Inset shadow on the screen to create indent */
.top .screen {
    height: 40px;
    width: 175px;
    float: right;
    padding: 0 10px;
    background: rgb(216, 195, 171);
    border-radius: 3px;
    box-shadow: inset 0px 4px rgba(0, 0, 0, 0.2);
    font-size: 17px;
    line-height: 40px;
    color: #242a30;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: right;
    letter-spacing: 1px;
}

/* Clear floats */
.keys, .top {
    overflow: hidden;
}

    /* Applying same to the keys */
    .keys span, .top span.clear {
        float: left;
        position: relative;
        top: 0;
        cursor: pointer;
        width: 46px !important;
        height: 36px;
        background: #27323e;
        border-radius: 3px;
        box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
        margin: 0 7px 11px 0;
        color: #888;
        line-height: 36px;
        text-align: center;
        /* prevent selection of text inside keys */
        user-select: none;
        /* Smoothing out hover and active states using css3 transitions */
        transition: all 0.2s ease;
    }

        /* Remove right margins from operator keys */
        /* style different type of keys (operators/evaluate/clear) differently */
        .keys span.operator {
            background: #242a30;
            margin-right: 0;
        }

        .keys span.eval {
            background: #005858;
            box-shadow: 0px 4px rgba(0, 138, 138, 0.4);
            color: #888e5f;
        }

    .top span.clear {
        background: #94302e;
        box-shadow: 0px 4px #b74d4b;
        color: white;
    }

    /* Some hover effects */
    .keys span:hover {
        background: #272d33;
        box-shadow: 0px 4px #272d33;
        color: white;
    }

    .keys span.eval:hover {
        background: #006969;
        box-shadow: 0px 4px #005858;
        color: #ffffff;
    }

    .top span.clear:hover {
        background: #c74f4d;
        box-shadow: 0px 4px #d3545d;
        color: white;
    }

    /* Simulating "pressed" effect on active state of the keys by removing the box-shadow and moving the keys down a bit */
    .keys span:active {
        box-shadow: 0px 0px #6b54d3;
        top: 4px;
    }

    .keys span.eval:active {
        box-shadow: 0px 0px #717a33;
        top: 4px;
    }

    .top span.clear:active {
        top: 4px;
        box-shadow: 0px 0px #d3545d;
    }

.calculator-info {
    height: 50px !important;
}

    .calculator-info h4 {
        font-size: 15px !important;
        color: #ead2b8 !important;
        padding-top: 5px;
    }

.keys span {
    width: 53px !important;
}

.sortable {
    list-style-type: none;
    margin: 0;
    width: 100%;
    padding: 0; /* height: 100px; */
}

.sortable li {
    float: left;
    text-align: center;
    padding: 0 10px;
    width: 33%;
    height: auto;
    background: none;
    border: none;
}

.sortable .ui-state-default {
    border: 1px solid red !important;
}

@-moz-document url-prefix() {

    .white-panel-wrapper > .white-panel {
        margin-top: 5px;
    }

    #scoretooltiptext,
    #paymenthabittooltip,
    #targetnotsetTrophy,
    #statusinformationtooltip,
    #statustooltipNull,
    #statustooltip,
    #mattertooltiptext,
    #linkedmattertooltiptext,
    #customertooltip,
    #notvalidedtooltip,
    #validtooltip,
    #notvalidtooltip, #empUnconfirmedtooltip, #empConfirmedtooltip, #Unemploymenttooltip, #Employmenttooltip, #supplementaryinformationtooltip {
        display: none;
    }

    .white-panel-wrapper {
        width: 25%;
        display: block;
        height: auto !important;
        float: left;
    }
}


@supports not (-moz-appearance:none) {

    .white-panel {
        position: absolute;
        padding: 0px 10px;
        float: left !important;
    }
}

.scoretooltiptextStyle {
    width: 15%
} 

.white-panel h1 {
    font-size: 1em;
}

.white-panel h1 a {
    color: #A92733;
}

.grid-item {
    overflow: hidden;
    box-sizing: border-box;
    height: auto !important;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20%, 100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin: 50%;
    transform-origin: 0px;
    transform-origin: initial;
}

    .faa-ring.animated.faa-fast,
    .faa-ring.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-fast {
        -webkit-animation: ring 1s ease infinite;
        animation: ring 1s ease infinite;
    }

    .faa-ring.animated.faa-slow,
    .faa-ring.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-slow {
        -webkit-animation: ring 3s ease infinite;
        animation: ring 3s ease infinite;
    }

.departmentDisplay {
    color: #d9bb9a;
    font-size: 12px;
    margin-top: 13px;
    text-transform: uppercase;
}

.funkyradio {
    clear: both;
    overflow: hidden;
}

    .funkyradio.selectAll {
        width: 90px;
        margin-left: auto;
    }

    .funkyradio label {
        width: 100%;
        border-radius: 3px;
        border: 1px solid rgba(32, 42, 53, 0.41);
        font-weight: normal;
        font-size: 9px !important;
        box-shadow: 2px 2px rgba(85, 76, 66, 0.3);
    }

    .funkyradio input[type="radio"]:empty,
    .funkyradio input[type="checkbox"]:empty {
        display: none;
    }

        .funkyradio input[type="radio"]:empty ~ label,
        .funkyradio input[type="checkbox"]:empty ~ label {
            position: relative;
            line-height: 16px;
            text-indent: 33px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .funkyradio input[type="radio"]:empty ~ label:before,
            .funkyradio input[type="checkbox"]:empty ~ label:before {
                position: absolute;
                display: block;
                top: 0;
                bottom: 0;
                left: 0;
                content: '';
                width: 23px;
                background: rgba(151, 115, 69, 0.71);
                border-radius: 3px 0 0 3px;
            }

    .funkyradio input[type="radio"]:hover:not(:checked) ~ label,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
        color: #888;
    }

        .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
        .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
            content: '\2714';
            text-indent: .9em;
            color: #C2C2C2;
        }

    .funkyradio input[type="radio"]:checked ~ label,
    .funkyradio input[type="checkbox"]:checked ~ label {
        color: #202a35;
    }

        .funkyradio input[type="radio"]:checked ~ label:before,
        .funkyradio input[type="checkbox"]:checked ~ label:before {
            content: '\2714';
            text-indent: 7px;
            color: #333;
            background-color: #e8d0b3;
        }

    .funkyradio input[type="radio"]:focus ~ label:before,
    .funkyradio input[type="checkbox"]:focus ~ label:before {
        box-shadow: 0 0 0 3px #999;
    }

.funkyradio-default {
    /*vertical-align: bottom;
    position: absolute;
    bottom: 0px;*/
}

    .funkyradio-default input[type="radio"]:checked ~ label:before,
    .funkyradio-default input[type="checkbox"]:checked ~ label:before {
        color: #e8d0b3;
        background-color: #202a35;
    }

.funkyradio-default {
    margin-right: 10px;
}

#loadedContent {
    /*padding:10px 0px 10px 0px;*/
}

.termsSubmit {
    color: #977345;
    height: 30px;
    background-color: #202a35;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    /* vertical-align: middle; */
    padding: 5px;
    margin: 10px;
    position: fixed;
    bottom: 3%;
    right: 30%;
    left: 30%;
}

    .termsSubmit:hover {
        cursor: pointer;
        background-color: #977345;
        border: 2px solid #202a35;
        color: #242a30;
    }

.termsList {
    /*border-bottom: 1px solid rgba(32, 42, 53, 0.56)!important;*/
    background-color: #e7cfb4;
    padding: 5px;
}

#termsListView {
    background-color: #ddc2a7;
    padding: 8px 4px;
    margin-bottom: -1px;
    min-height: 0px;
    max-height: 200px;
    overflow: scroll;
    height: 100%;
}

    #termsListView .termsList {
        height: auto;
    }

.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #b4865a;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }

        .checkbox input[type="checkbox"]:focus + label::before,
        .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after,
        .checkbox input[type="radio"]:checked + label::after {
            font-family: "FontAwesome";
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:indeterminate + label::after,
        .checkbox input[type="radio"]:indeterminate + label::after {
            display: block;
            content: "";
            width: 10px;
            height: 3px;
            background-color: #555555;
            border-radius: 2px;
            margin-left: -16.5px;
            margin-top: 7px;
        }

        .checkbox input[type="checkbox"]:disabled,
        .checkbox input[type="radio"]:disabled {
            cursor: not-allowed;
        }

            .checkbox input[type="checkbox"]:disabled + label,
            .checkbox input[type="radio"]:disabled + label {
                opacity: 0.65;
            }

                .checkbox input[type="checkbox"]:disabled + label::before,
                .checkbox input[type="radio"]:disabled + label::before {
                    background-color: #eeeeee;
                    cursor: not-allowed;
                }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #202a35;
    border-color: #977345;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.selectAll {
    float: right;
    margin: 10px 0px;
}

.TC_check {
    float: right;
}

.steps-container {
    background-color: #e6cdb3;
    border: 1px solid #202a35;
}

.data-validation-failed {
    border: 1px solid red;
}

.capture-col {
    margin: 10px;
}

.step-info {
    /*border:1px solid red;*/
}

#callActionButtons {
    display: none;
}

.btnCampaingType {
    text-align: center;
    color: #202a35;
    margin: 10px;
    border: 2px solid #202a35;
    background-color: rgba(82, 76, 69, 0.2);
    height: 200px;
    padding: 20px;
}

    .btnCampaingType p {
        font-size: 14px;
        font-weight: 600;
        margin: 10px;
    }

    .btnCampaingType:hover {
        border: 2px solid #202a35;
        background-color: rgba(82, 76, 69, 0.50);
    }

.ReportContainer {
    width: 70%;
    margin: auto;
}

.btnReports {
    text-align: center;
    color: #202a35;
    margin: 10px;
    border: 2px solid #977345 !important;
    background-color: rgba(82, 76, 69, 0.2);
    height: 150px;
    padding: 20px;
    border-radius: 5px !important;
    box-shadow: 5px 5px 10px rgba(32, 42, 53, 0.43) !important;
    width: 100%;
}

    .btnReports p {
        font-size: 12px;
        font-weight: 600;
        margin: 10px;
        word-wrap: break-word;
    }

    .btnReports:hover {
        border: 2px solid #202a35;
        background-color: rgba(82, 76, 69, 0.50);
    }

[class*="col-lg"] label {
    /*border:1px solid red!important;*/
}

.col_Desc {
    display: none;
}

.admin_Desc {
    display: none;
}

.col_switch, .admin_switch {
    width: 125px !important;
}

.page-sidebar-minified .sidebar .menu .col_switch, .page-sidebar-minified .sidebar .menu .admin_switch {
    width: 40px !important;
    padding-left: 10% !important;
}

    .page-sidebar-minified .sidebar .menu .col_switch span {
        /*border:1px solid red;*/
    }


div:not(#MultipleEntityDetailsDiv) > .form-group > .row > textarea {
    background-color: #d8c3ab !important;
}

textarea {
    background-color: #d8c3ab;
}

    textarea:focus {
        outline-color: #524c45 !important;
    }

.display-control {
    font-size: 13px;
    margin-top: 5px;
}

.AllowVerticalResize {
    resize: vertical !important;
}

.AllowHorizontalResize {
    resize: horizontal;
}

.maxHeightBookSettingsTextArea {
    height: 100px !important;
}

.panel-body.widget.widget-stats.bg-black label {
    color: #d9bb9a;
}

.selectOptions {
    border: 1px solid red;
}

.searchResultBG {
    background-color: red;
}

@keyframes slide {

    from {
        margin-left: 10px;
        opacity: 0;
    }

    to {
    }
}

.linkedMatters {
    /*padding: 3px 10px!important;
    margin: 2px 0px!important;*/
}

    .linkedMatters:hover {
        background-color: rgb(162, 146, 128);
        color: #d4d4d4;
    }

.k-grid-content {
    width: 100.5% !important;
}

.btnAffordablityStudy {
    margin: 5px !important;
    float: left !important;
    width: 32% !important;
    min-width: 15px !important;
}

.tabbable {
    border: 1px solid #977345 !important;
}

/*.QuerySetParameterAreaScaling {

    border:1px solid red !important;

}*/


/*trv-parameter-container*/

.involvedPartyList {
    padding: 3px 10px;
    height: 20px !important;
}

.PAM_overlay {
    border: 1px solid #554c42;
    position: absolute;
    top: -7%;
    bottom: -10%;
    right: 0%;
    left: 0%;
    background-color: rgba(32, 42, 53, 0.63);
    z-index: 1;
    display: none;
}

.page-sidebar-minified #MenuSearch {
    /* border: 1px solid red; */
    /* position: fixed; */
    /* border: 80px; */
    /* left: 10px; */
    width: 70px;
}

.page-sidebar-minified.page-with-right-sidebar #MenuSearchResultsHeader {
    display: none;
}

.page-sidebar-minified.page-with-right-sidebar #ResultIndicator {
    display: none;
}

.page-sidebar-minified.page-with-right-sidebar #searchOverlay {
    top: 155px !important;
}

.page-sidebar-minified.page-with-right-sidebar .btnM_search {
    /*border: 1px solid red;*/
    top: 86px;
}

#MenuSearchResultsHeader {
    width: 100%;
    height: 30px;
    background-color: #554C42;
    border-bottom: 1px solid #736A5E;
    border-top: 1px solid #736A5E;
    padding-left: 11%;
}

    #MenuSearchResultsHeader .headericon {
        color: #ab9988 !important;
        font-size: 11px !important;
        padding: 6px;
        margin-left: -10px;
    }

    #MenuSearchResultsHeader .headertxt {
        font-family: Helvetica !important;
        color: #ab9988 !important;
        font-size: 12px !important;
        padding-top: 7px;
        margin-left: 7px;
    }

li.k-item.k-state-disabled a {
    color: #ddd !important;
}

li.k-item.k-state-disabled {
    background-color: #524c45;
    border-right: 1px solid #202a35;
}

#BalanceSheetScrollView {
    max-height: 450px;
    overflow-y: scroll;
}

.HistoryError {
    color: rgb(148, 48, 46) !important;
}

.HistorySuccess {
    color: green !important;
}

.HistoryPending {
    color: #d67219 !important;
}

.btn-save {
    float: right;
    margin-right: 2px;
    background-color: #585046;
    border: 1px solid #d8c3ab;
    height: 19px;
    width: 19px;
    margin-top: -3px;
}

.marquee {
    position: fixed;
    top: 0px;
    left: 307px;
    width: 61.3%;
    height: 50px;
    /* z-index: 6709; */
}

#stop-resume {
    display: block;
    padding: 10px;
    background-color: #f1f1f1;
    margin: 10px;
    width: 70px;
    text-align: center;
    border: solid 1px white;
    text-transform: uppercase;
    font-family: sans-serif;
    text-decoration: none;
}

    #stop-resume:active {
        background-color: white;
        border: solid 1px #f1f1f1;
        color: blue;
    }

.TickerNews {
    width: 100%;
    height: 50px;
    line-height: 48px;
}

.ti_wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ti_slide {
    width: 30000px;
    position: relative;
    left: 0;
    top: 0;
}

.ti_content {
    width: 8000px !important;
    position: relative;
    float: left;
    margin-right: 200px;
}

.ti_news {
    float: left;
    margin-right: 200px;
}

    .ti_news a {
        display: block;
        margin-right: 10px;
        color: black;
        text-decoration: none;
        font-size: 17px !important;
    }


/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
    width: 61.5%;
    min-height: 50px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    position: fixed;
    top: 0;
    left: 310px;
    z-index: 3;
    padding: 5px;
    max-height: 50px;
}
    /* that serves as a mask. so you get a sort of padding both left and right */
    .tickercontainer .mask {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

ul.newsticker { /* that's your list */
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    /* important: display inline gives incorrect results when you check for elem's width */
    ul.newsticker li {
        float: left;
        margin: 10px 50px;
        padding: 0;
        color: rgba(217, 187, 154, 0.79);
        font-size: 17px;
    }

ul.er-controls {
    list-style: none;
    display: inline-block;
    padding: 0;
}

    ul.er-controls > li {
        display: inline-block;
        padding: 0 10px;
        background: #f0f0f0;
        margin: 5px;
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
        color: white;
    }

        ul.er-controls > li:hover {
            background: #f5f5f5;
            cursor: pointer;
        }

.shadow {
    /*-moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.38);
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.38);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.38);*/
}

@media (max-width:768px) {
}

.NewsTickerMarqueeItemMain {
    width: 500px;
    overflow: hidden;
    border: 0px solid #ccc;
    background: #2e3948;
    margin: 10px auto;
    height: 30px;
    font-size: 16px;
    padding: 5px;
    position: absolute;
    z-index: 3;
}

.MarqueeItemMain {
    float: left;
    font-size: 15px;
}

/*.js-marquee-wrapper {
        border:1px solid red;
        height:20px;
        width:500px!important;
    }*/
#NewsTicker {
    width: 100%;
    overflow-x: hidden;
    padding-top: 14px;
    z-index: 3;
    position: fixed;
    top: 0;
    left: 335px;
    width: 61%;
    height: 52px;
}

a.accordion-toggle.accordion-toggle-styled {
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

    a.accordion-toggle.accordion-toggle-styled.collapsed {
        background-color: #292e3a !important;
        background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
        background: -o-linear-gradient(#1f2a35, #292e3a) !important;
        background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
        background: linear-gradient(#334556, #292e3a) !important;
    }

li.sub-menu-list {
    background: -webkit-linear-gradient(#263442, #262b38) !important;
    background: -o-linear-gradient(#263442, #262b38) !important;
    background: -moz-linear-gradient(#263442, #262b38) !important;
    background: linear-gradient(#263442, #262b38) !important;
}

.page-sidebar-minified li.accordion-menu-header {
    float: left;
    position: fixed !important;
    right: 78px !important;
    top: 44px !important;
    width: 249px !important;
    height: 73px !important;
    padding-top: 26px !important;
}

.TextBoxAlign {
    text-align: right;
}

.HighlightHeader {
    background-color: #d8c3ab;
    margin-bottom: 10px;
    padding: 10px !important;
    border: 1px solid rgba(48, 61, 76, 0.28);
    margin-top: -1px;
    margin-left: 1px;
    width: 99.9%;
}

.blacktextcolour {
    color: black !important;
}

.multipleEntitiesIndicator {
    background-color: rgba(255, 224, 0, 0.18) !important;
}

.CBXmultipleEntitiesIndicator {
    background-color: rgba(255, 224, 0, 0.18) !important;
    padding: 1px 2px;
    width: 20px;
    border: 1px solid rgba(44, 52, 59, 0.16862745)
}

.LFE_TextArea {
    height: 100px !important;
}

.FirmIndicator {
    background-color: rgba(255, 224, 0, 0.18) !important;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(46, 57, 72, 0.6);
}

.FirmIndicatorContent {
    padding-top: 30px;
}

/*#region RegionName*/

/*#endregion */

/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
Version: 2.0.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v2.0/admin/html/
*/

@media(max-width:979px) {
    .form-horizontal.form-bordered .form-group {
        border-bottom: 1px solid #eee
    }

        .form-horizontal.form-bordered .form-group > .control-label {
            padding: 15px;
            line-height: 34px
        }

        .form-horizontal.form-bordered .form-group > div {
            padding: 15px
        }

        .form-horizontal.form-bordered .form-group > .control-label, .form-horizontal.form-bordered .form-group > div {
            border: none
        }

    .result-list .result-image, .result-list .result-price {
        width: 200px
    }

    .gallery .image {
        width: 33%
    }

    .page-with-two-sidebar .content {
        margin-right: 0 !important
    }

    @keyframes sidebarSlideInRight {
        from {
            right: -220px
        }

        to {
            right: 0
        }
    }

    @keyframes sidebarSlideInRight {
        from {
            right: -220px
        }

        to {
            right: 0
        }
    }

    .page-with-two-sidebar .sidebar-bg.sidebar-right, .page-with-two-sidebar .sidebar.sidebar-right {
        right: -220px;
        left: auto !important;
        position: fixed
    }

    .page-with-two-sidebar.page-sidebar-toggled .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-sidebar-toggled .sidebar.sidebar-right {
        animation: none;
        /*-webkit-animation: none*/
    }

    .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right, .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right {
        animation: sidebarSlideInRight .2s;
        /*-webkit-animation: sidebarSlideInRight .2s;*/
        right: 0;
        left: auto
    }

    .theme-panel .control-label.double-line {
        line-height: 30px
    }
}

@media (max-width:767px) {
    .page-header-fixed { /* padding-top:109px */
    }

    .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg {
        left: auto;
        right: -100%;
    }

    .page-with-right-sidebar .content {
        margin-right: 0
    }

    .page-with-right-sidebar .footer {
        margin-right: 20px
    }

    .content, .page-sidebar-minifed .content { /* margin-left:0!important */
    }

        .content.content-full-width .breadcrumb {
            margin: 20px
        }

    .navbar-form, .navbar-form .form-group, .navbar-nav {
        margin: 0
    }

    .navbar-brand {
        width: auto
    }

    .navbar-header { /* border-bottom:1px solid #eee */
    }

    .navbar-inverse .navbar-header {
        border-bottom: 1px solid #2d353c
    }

    .navbar-right {
        float: right
    }

    .navbar-left, .navbar-nav > li {
        float: left
    }

    .navbar-form {
        padding: 12px 10px;
        border: none;
        /*-webkit-box-shadow: none;*/
        box-shadow: none
    }

        .navbar-form .btn-search {
            right: 10px
        }

        .navbar-form .form-control, .navbar-form .form-control:focus {
            margin: 0;
            width: 200px !important;
            /*-webkit-animation: none !important;*/
            animation: none !important
        }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 160px;
        border-top: 1px solid #eee;
        list-style: none;
        background: #fff;
        box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
        /*-webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2)*/
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #eee
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #262626
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            background: #edf0f5;
            color: #262626
        }

    .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background: #edf0f5
    }

    @keyframes sidebarSlideInLeft {
        from {
            left: -220px
        }

        to {
            left: 0
        }
    }

    /*@keyframes sidebarSlideInLeft {
        from {
            left: -220px
        }

        to {
            left: 0
        }
    }*/

    @keyframes sidebarSlideInRight {
        from {
            right: -220px
        }

        to {
            right: 0
        }
    }

    /*@-webkit-keyframes sidebarSlideInRight {
        from {
            right: -220px
        }

        to {
            right: 0
        }
    }*/

    .page-sidebar-toggled .sidebar {
        left: 0;
        animation: sidebarSlideInLeft .2s;
        /*-webkit-animation: sidebarSlideInLeft .2s*/
    }

    .page-sidebar-toggled .sidebar-bg {
        position: fixed;
        background: #2d353c;
        left: 0;
        animation: sidebarSlideInLeft .2s;
        /*-webkit-animation: sidebarSlideInLeft .2s*/
    }

    .page-sidebar-toggled.page-with-right-sidebar .sidebar, .page-sidebar-toggled.page-with-right-sidebar .sidebar-bg {
        left: auto;
        right: 0; /* top: 110; */
        animation: sidebarSlideInRight .2s;
        /*-webkit-animation: sidebarSlideInRight .2s;*/
        background-color: rgba(32,42,53,.95); /* border-top: 4px solid #977345; */
        z-index: 999999;
    }

    .sidebar {
        position: absolute;
        left: -220px;
        padding-top: 0;
        z-index: 1030
    }

    .sidebar-bg {
        left: -220px;
        z-index: 1020
    }

    .page-sidebar-minified.page-sidebar-minified .sidebar {
        position: fixed !important;
    }

    .page-sidebar-toggled.page-sidebar-minified .sidebar-bg {
        position: fixed;
        background: #2d353c;
        z-index: 1010;
        left: 0;
        animation: sidebarSlideInLeft .2s;
        /*-webkit-animation: sidebarSlideInLeft .2s*/
    }

    .page-with-right-sidebar.page-sidebar-toggled.page-sidebar-minified .sidebar-bg {
        left: auto;
        right: -60px;
        animation: sidebarSlideInRight .2s;
        /*-webkit-animation: sidebarSlideInRight .2s;*/
    }

    .page-sidebar-minified.page-with-right-sidebar .content {
        margin-right: 0
    }

    .page-sidebar-minified.page-with-right-sidebar .footer {
        margin-right: 20px
    }

    .content {
        margin-left: 0;
        padding: 20px
    }

    .breadcrumb {
        float: none !important
    }

    .footer {
        margin: 0 20px
    }

    .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
    }

    .login .login-header, .login-content {
        width: 100% !important
    }

    .login {
        margin: 108px 0
    }

        .login .login-header {
            left: 0;
            margin: 0
        }

    .invoice-company .pull-right {
        float: none !important;
        display: block
    }

    .invoice .table-responsive {
        margin-bottom: 20px
    }

    .invoice-date, .invoice-from, .invoice-to {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 !important
    }

    .invoice-date, .invoice-to {
        margin-top: 20px !important
    }

    .invoice-price .invoice-price-left, .invoice-price .invoice-price-right {
        display: block;
        width: 100% !important;
        float: left !important;
        padding: 10px !important
    }

    .invoice-price .invoice-price-row {
        float: none !important;
        width: 100% !important;
        display: block !important
    }

    .bwizard-steps li, .fc-button-today {
        float: left !important
    }

    .invoice-price .invoice-price-left .sub-price {
        padding: 0 10px !important;
        display: block !important;
        text-align: center !important
    }

    .invoice-price .invoice-price-right {
        text-align: center !important
    }

        .invoice-price .invoice-price-right small {
            position: relative !important;
            display: block;
            left: 0 !important;
            top: 0 !important
        }

    .result-list .result-image {
        width: 160px
    }

    .result-list .result-price {
        width: 100px;
        font-size: 20px
    }

    .result-list > li > div {
        padding: 15px
    }

    .map {
        top: 109px !important;
        left: 0 !important
    }

    .gallery .image {
        width: 50%
    }

    .bwizard-steps li, .calendar, .calendar-event .external-event, .width-full, .width-lg, .width-md, .width-sm, .width-xs {
        width: 100% !important
    }

    .vertical-box, .vertical-box .vertical-column {
        display: block !important
    }

    .fc-event .fc-event-title small {
        display: none !important
    }

    .calendar {
        display: block;
        margin-left: 0 !important
    }

    .fc-header-center, .fc-header-left, .fc-header-right {
        text-align: center !important;
        width: 100% !important;
        display: table !important
    }

    .fc-header-left {
        text-align: right !important
    }

    .fc-header-center {
        margin-top: -46px !important
    }

        .fc-header-center h2 {
            font-size: 18px !important
        }

    .calendar-event .external-event i, .calendar-event .external-event p, .fc-event .fc-event-icons, .fc-header-left .fc-header-space {
        display: none !important
    }

    .calendar-event .external-event h5 {
        margin: 0 !important
    }

    .nav-tabs.nav-justified.nav-justified-mobile > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified.nav-justified-mobile > li > a {
            margin-bottom: 0
        }

    .page-with-two-sidebar .header .navbar-brand {
        float: none;
        display: block;
        margin: 0 70px;
        text-align: center
    }

        .page-with-two-sidebar .header .navbar-brand .navbar-logo {
            position: relative;
            top: 3px;
            display: inline-block;
            float: none;
            margin-top: 0;
            margin-right: 5px
        }

    .form-horizontal.form-bordered .form-group > .control-label {
        padding: 15px 15px 0;
        line-height: inherit
    }

    .form-horizontal.form-bordered .form-group > div {
        padding: 5px 15px 15px
    }

    .theme-panel {
        top: 0;
        bottom: 0
    }

        .theme-panel .theme-collapse-btn {
            top: 150px
        }

        .theme-panel .theme-panel-content {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0;
            overflow: scroll
        }
}

@media(max-width:480px) {
    .media.media-lg .pull-left {
        float: none !important;
        margin-right: 0
    }

    .media.media-lg .media-object {
        width: 100%;
        margin-bottom: 10px
    }

    .result-list .result-image {
        width: 100%;
        float: none
    }

        .result-list .result-image a {
            position: relative
        }

    .result-list > li > div {
        display: block;
        width: 100%
    }

    .result-list > li > .result-price {
        border-left: none;
        border-top: 1px dashed #ddd;
        width: 100%;
        padding: 15px
    }

    .result-list .btn-row {
        text-align: center
    }

    .result-list .result-price .btn {
        margin-top: 15px
    }

    .gallery .image {
        width: 100%
    }
}

@media (max-width:380px) {
    .navbar-form .form-control, .navbar-form .form-control:focus {
        width: 160px !important
    }
}

@media (max-width:340px) {
    .navbar-form .form-control, .navbar-form .form-control:focus {
        width: 140px !important
    }
}

@media (max-width:979px) {
    .timeline .timeline-body {
        margin-left: 25%;
        margin-right: 10%
    }

    .timeline .timeline-time {
        width: 13%
    }

    .timeline .timeline-icon {
        left: 13%;
        width: 12%
    }

    .timeline:before {
        left: 19%
    }
}

@media (max-width:767px) {
    .timeline:before {
        left: 50%
    }

    .timeline .timeline-body {
        margin-right: 0;
        margin-left: 0;
        margin-top: 10px;
        padding: 20px
    }

    .timeline .timeline-footer {
        margin: 20px -20px -20px;
        padding: 20px
    }

    .timeline .timeline-body:before {
        border-bottom-color: #fff;
        border-right-color: transparent;
        left: 50%;
        top: -20px;
        margin-left: -10px
    }

    .timeline .timeline-time {
        right: 50%;
        left: 0;
        width: auto;
        margin-right: 40px;
        padding-top: 5px
    }

    .timeline .timeline-icon {
        left: 0;
        width: 80px;
        position: relative;
        margin: 0 auto
    }
}

@media (max-width:979px) {
    .coming-soon .timer .is-countdown {
        width: 767px
    }
}

@media (max-width:767px) {
    .coming-soon .timer .is-countdown {
        width: 100%
    }
}

@media (max-width:480px) {
    .coming-soon .timer .countdown-amount {
        font-size: 24px
    }

    .coming-soon .coming-soon-content .desc, .coming-soon .coming-soon-header .desc, .coming-soon .timer .countdown-period {
        font-size: 12px
    }

    .coming-soon .coming-soon-content .desc, .coming-soon .coming-soon-header .desc {
        padding-right: 20px;
        padding-left: 20px
    }

    .coming-soon .coming-soon-content .input-group {
        width: auto;
        margin-right: 20px;
        margin-left: 20px
    }
}

@media (min-width:1920px) {
    .login-cover-image img {
        width: 100%
    }
}

@media (max-width:767px) {
    .login.login-v2 {
        margin: 108px 0;
        width: 100%
    }

    .login-cover-image img {
        max-width: initial;
        max-height: 100%
    }

    .login-bg-list {
        position: relative;
        padding: 20px;
        right: 0;
        bottom: 0;
        margin-top: -108px
    }
}

@media (max-width:540px) {
    .widget-chart .widget-chart-content {
        margin-right: 0
    }

    .widget-chart .widget-chart-sidebar, .widget-chart .widget-chart-sidebar .chart-legend {
        position: relative;
        width: auto
    }

        .widget-chart .widget-chart-sidebar .chart-legend {
            margin-top: 20px
        }
}

@media (max-width:979px) {
    .superbox-list {
        width: 20%
    }
}

@media (max-width:767px) {
    .superbox-list {
        width: 25%
    }
}

@media (max-width:480px) {
    .superbox-list {
        width: 50%
    }
}

@media (max-width:767px) {
    .page-content-full-height .content, .vertical-box, .vertical-box-cell, .vertical-box-column, .vertical-box-inner-cell, .vertical-box-row {
        display: block !important;
        width: auto !important;
        position: relative !important;
        overflow: initial !important;
        table-layout: initial !important;
        top: auto !important;
        height: auto !important
    }

        .vertical-box .slimScrollBar, .vertical-box .slimScrollRail {
            display: none !important
        }
}

@media (max-width:480px) {
    .list-email .email-time {
        float: none;
        display: block;
        margin: 0
    }
}

@media (max-width:767px) {
    .pace-progress {
        top: 109px
    }

    .pace .pace-activity {
        top: 120px
    }

    .navbar-inverse .navbar-header.navbar-header-without-bg {
        background: 0 0;
        border-bottom: 1px solid #666;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    .navbar-collapse {
        float: none !important;
        border-top: none;
        border-bottom: 1px solid #eee
    }

        .navbar-collapse .nav > li {
            float: none
        }

        .navbar-collapse .open:after, .navbar-collapse .open:before {
            content: '';
            display: table;
            clear: both
        }

        .navbar-collapse .open .dropdown-menu {
            position: relative;
            box-shadow: none;
            padding-top: 0;
            border-bottom: 1px solid #eee;
            border-radius: 0;
            background: #f4f6f7;
            width: 100%
        }

            .navbar-collapse .open .dropdown-menu .dropdown-header {
                padding-top: 20px;
                padding-left: 0
            }

    @keyframes wideSidebarSlideInLeft {
        from {
            left: -250px
        }

        to {
            left: 0
        }
    }

    /*@-webkit-keyframes wideSidebarSlideInLeft {
        from {
            left: -250px
        }

        to {
            left: 0
        }
    }*/

    @keyframes wideSidebarSlideInRight {
        from {
            right: -250px
        }

        to {
            right: 0
        }
    }

    /*@-webkit-keyframes wideSidebarSlideInRight {
        from {
            right: -250px
        }

        to {
            right: 0
        }
    }*/

    .page-sidebar-toggled.page-with-wide-sidebar .sidebar, .page-sidebar-toggled.page-with-wide-sidebar .sidebar-bg {
        left: 0;
        animation: wideSidebarSlideInLeft .2s;
        /*-webkit-animation: wideSidebarSlideInLeft .2s*/
    }

    .page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right, .page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right, .page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar, .page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar-bg {
        left: auto;
        right: 0;
        animation: wideSidebarSlideInRight .2s;
        /*-webkit-animation: wideSidebarSlideInRight .2s*/
    }

    .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg {
        left: -250px;
        width: 250px
    }

    .page-with-wide-sidebar.page-with-right-sidebar .sidebar, .page-with-wide-sidebar.page-with-right-sidebar .sidebar-bg, .page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right, .page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right {
        left: auto;
        right: -250px
    }

    .page-with-wide-sidebar.page-with-right-sidebar .content {
        margin-right: 0
    }
}

@media (max-width:992px) {
    .login.login-with-news-feed .news-caption, .register.register-with-news-feed .news-caption {
        font-size: 12px;
        padding: 15px 30px
    }

        .login.login-with-news-feed .news-caption .caption-title, .register.register-with-news-feed .news-caption .caption-title {
            font-size: 20px
        }
}

@media (max-width:768px) {
    .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed {
        display: none
    }

    .login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content {
        float: none;
        width: auto
    }

    .login.login-with-news-feed .login-header .icon {
        right: 60px
    }
}

@media (max-width:480px) {
    .login.login-with-news-feed .login-header .icon {
        display: none
    }

    .login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
        padding: 40px 40px 0
    }

    .login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content {
        padding: 20px 40px
    }
}

@media (max-width:360px) {
    .login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header {
        padding: 40px 30px 0
    }

    .login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content {
        padding: 20px 30px
    }
}

@media (max-width:1024px) {
    .profile-left {
        width: 150px
    }

    .profile-image {
        height: 130px
    }

    .profile-right {
        margin-left: 165px;
        padding-right: 0
    }

    .table.table-profile > tbody > tr > td.field {
        width: 100px
    }
}

@media (max-width:767px) {
    .profile-left {
        width: 180px
    }

    .profile-right {
        margin-left: 195px;
        padding-right: 0
    }
}

@media (max-width:480px) {
    .profile-left {
        width: 100%;
        margin-bottom: 15px
    }

    .profile-image {
        height: auto;
        text-align: center
    }

        .profile-image img {
            margin: 0 auto
        }

    .profile-right {
        margin: 0
    }

    .profile-section + .profile-section {
        padding-top: 0
    }

    .profile-section .title {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .dt-buttons.btn-group {
        float: none;
        text-align: center;
        display: block;
        margin: 0 0 5px
    }

        .dt-buttons.btn-group > .btn {
            float: none;
            margin-bottom: 5px;
            /*-webkit-border-radius: 4px !important;
            -moz-border-radius: 4px !important;*/
            border-radius: 4px !important
        }

            .dt-buttons.btn-group > .btn + .btn {
                border-left: none;
                margin-left: 5px
            }

    .dataTables_length, div.dataTables_info {
        float: none;
        margin-right: 0
    }

    .panel > .dataTables_wrapper div.dataTables_length label, .panel > .table-responsive > .dataTables_wrapper div.dataTables_length label {
        margin: 20px 0 0
    }

    div.dataTables_wrapper div.dataTables_info {
        margin: 0;
        padding-top: 0 !important
    }

    div.dataTables_wrapper div.dataTables_paginate {
        margin: 10px 20px 0 !important;
        text-align: center
    }

        div.dataTables_wrapper div.dataTables_paginate .pagination {
            display: block;
            white-space: initial !important
        }

            div.dataTables_wrapper div.dataTables_paginate .pagination > li > a {
                float: none;
                margin-bottom: 5px;
                display: inline-block;
                /*-webkit-border-radius: 4px;
                -moz-border-radius: 4px;*/
                border-radius: 4px
            }

            div.dataTables_wrapper div.dataTables_paginate .pagination > li + li a {
                margin-left: 5px
            }

    .page-with-top-menu .sidebar {
        padding-top: 0
    }

    .top-menu {
        position: relative;
        top: 0;
        height: auto;
        display: none
    }

        .top-menu .container, .top-menu .container-fluid {
            padding: 0
        }

        .top-menu .nav > li {
            display: block
        }

        .top-menu .nav {
            margin: 0 !important
        }

            .top-menu .nav > li > a .caret {
                float: right;
                margin-top: 10px
            }

            .top-menu .nav .sub-menu {
                position: relative;
                top: 0;
                width: 100%
            }

        .top-menu .sub-menu > li > a {
            padding-left: 44px
        }

        .top-menu .nav > li.has-sub:hover > .sub-menu {
            display: none
        }

        .top-menu .nav > li.menu-control {
            display: none !important
        }

    .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent + .sidebar-bg {
        z-index: 1020
    }
}

@media (max-width:1080px) {
    .boxed-layout .pace, .boxed-layout .page-container, .boxed-layout .page-container .header, .boxed-layout .page-container .top-menu {
        width: 100%
    }

    .boxed-layout .pace, .boxed-layout .top-menu {
        margin-left: 0;
        left: 0;
        right: 0
    }
}

@media (max-width:767px) {
    .boxed-layout .page-container .sidebar, .boxed-layout .page-container .sidebar-bg {
        left: -220px
    }

    .boxed-layout .page-sidebar-toggled .sidebar, .boxed-layout .page-sidebar-toggled .sidebar-bg {
        left: 0
    }
}

/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
Version: 2.0.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v2.0/admin/html/
*/

.navbar-logo,
.coming-soon .brand .logo,
.login .login-header .brand .logo {
    border-color: #4DCACA #31A3A3 #1D8888;
}
.navbar.navbar-inverse .navbar-brand,
.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:focus, 
.sidebar .nav > li.active > a:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.label.label-theme,
.btn.btn-scroll-to-top {
    background: #202a35;
}
.navbar.navbar-inverse .navbar-brand {
    color: #fff !important;
}
.text-theme,
.sidebar .sub-menu > li.active > a:before {
    color: #00acac;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-header {
        background: #00acac;
    }
}


/* Added in v1.5 */

.gradient-enabled .navbar.navbar-inverse .navbar-brand,
.gradient-enabled .sidebar .nav > li.active > a, 
.gradient-enabled .sidebar .nav > li.active > a:focus, 
.gradient-enabled .sidebar .nav > li.active > a:hover,
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.gradient-enabled .label.label-theme,
.gradient-enabled .btn.btn-scroll-to-top,
.gradient-enabled .top-menu .nav > li.active > a, 
.gradient-enabled .top-menu .nav > li.active > a:focus, 
.gradient-enabled .top-menu .nav > li.active > a:hover {
    background: rgb(0,210,210); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFjYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,210,210,1) 0%, rgba(0,172,172,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,210,210,1)), color-stop(100%,rgba(0,172,172,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2d2', endColorstr='#00acac',GradientType=0 ); /* IE6-8 */
}



/* Added in v1.7 */

.page-with-light-sidebar .sidebar .nav > li.active > a > i {
    color: #00acac;
}
.page-with-light-sidebar .sidebar .nav > li.active > a .badge,
.page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme {
    background: #00acac;
}


/* Added in v1.9 */

.top-menu .nav > li.active > a, 
.top-menu .nav > li.active > a:focus, 
.top-menu .nav > li.active > a:hover {
    background: #00acac;
}
.sidebar-navigation 
{
    position: fixed;
    min-height: 100%;
    width: 240px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    z-index:100;
    background-color: rgba(26,34,41,0.75);
    border-right: 1px solid #977345;
    margin-bottom: 60px;
}


    .sidebar-navigation  .nav a
    {
        text-decoration: none;
        /* font-weight: 600; */
        /* margin-bottom: 10px; */
    }

    .sidebar-navigation  .nav i
    {
        font-size: 35px;
        margin-left: 5px;
        color: #977345;
    }

     .sidebar-toggle .fa i
    {
        font-size: 35px;
        margin-right: 5px;
    }

    .sidebar-navigation  .nav .nav-sub
    {
        list-style: none;
        padding: 0;
        display: none;
        /* background-color: transparent; */
    }

        .sidebar-navigation  .nav .nav-sub li > a
        {
            padding-right: 10px;
            font-size: 0.813em;
            padding: 8px 0 8px 10px;
            display: block;
        }

    .sidebar-navigation  .nav > li > .nav-sub > li > a
    {
        /* padding-left: 45px; */
    }

    .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > a
    {
        padding-left: 55px;
    }

    .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a
    {
        padding-left: 65px;
    }

    .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a
    {
        padding-left: 70px;
    }

    .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a
    {
        padding-left: 75px;
    }

/*.sidebar-mini .sidebar-navigation  .nav > li > .nav-sub > li > a
{
    padding-left: 25px;
}

.sidebar-mini .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > a
{
    padding-left: 35px;
}

.sidebar-mini .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a
{
    padding-left: 45px;
}

.sidebar-mini .sidebar-navigation  .nav > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > .nav-sub > li > a
{
    padding-left: 55px;
}*/

.sidebar-navigation  .nav .nav-sub .nav-dropdown > a
{
    /* background-color: #151b21; */
    color: #e3cba7;
}

    .sidebar-navigation  .nav .nav-sub .nav-dropdown > a:hover
    {
        background-color: #977345;
        color: white;
    }

    .sidebar-navigation  .nav .nav-sub .nav-dropdown > a:visited
    {
        /*padding-right: 30px;
        background-color: #977345;
        color: white;*/
    }

.sidebar-navigation  .nav .nav-sub > .open > a,
.sidebar-navigation  .nav .nav-sub > .open > a:focus,
.sidebar-navigation  .nav .nav-sub > .open > a:hover
{
    background-color: transparent;
    border-color: transparent;
}

.sidebar-navigation  .nav-pills
{
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    width: 100%;
}

    .sidebar-navigation  .nav-pills > li > a
    {
        padding: 9px 10px;
        font-size: 12px;
        color: #e3cba7;
        text-align: left;
        vertical-align: middle;
    }

        .sidebar-navigation  .nav-pills > li > a:hover
        {
            padding: 9px 10px;
            font-size: 12px;
            color: white;
             text-align: left;
            background-color: #977345;
        }

.sidebar-left-nav 
{
    left: 0;
}

    .sidebar-left-nav a:focus,
    .sidebar-left-nav a:hover
    {
        color: #fff;
        background-color: transparent;
    }

.sidebar-left-nav .active > a,
.sidebar-left-nav .active > a:focus,
.sidebar-left-nav .active > a:hover
{
    color: #ffffff;
}

.sidebar-left-nav .disabled > a,
.sidebar-left-nav .disabled > a:focus,
.sidebar-left-nav .disabled > a:hover
{
    color: #5c606b;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.sidebar-left-nav .sidebar-profile .media-body h4
{
    color: #f5f5f5;
}

/*.sidebar-mini .sidebar-left-nav .nav > li.open > a
{
    color: #B3B8C3;
    background-color: transparent;
}*/

.sidebar-left-nav .nav > li > a:focus
{
    color: #fff;
    background-color: transparent;
}

.sidebar-left-nav .nav > .disabled > a,
.sidebar-left-nav .nav > .disabled > a:focus,
.sidebar-left-nav .nav > .disabled > a:hover
{
    color: #5c606b;
    background-color: transparent;
}

.sidebar-left-nav .nav-sub li.open > a
{
    color: #fff;
    background-color: transparent;
}



/*.sidebar-mini .sidebar-navigation  .sidebar-profile
{
    padding: 15px 0;
    margin: -20px 0 10px 0;
    display: none;
}

    .sidebar-mini .sidebar-navigation  .sidebar-profile .profile-image
    {
        display: block;
        width: 30px;
        height: 30px;
        margin: auto;
    }

    .sidebar-mini .sidebar-navigation  .sidebar-profile .profile-body
    {
        padding: 0;
    }

        .sidebar-mini .sidebar-navigation  .sidebar-profile .profile-body h4,
        .sidebar-mini .sidebar-navigation  .sidebar-profile .profile-body .title
        {
            display: none;
        }

        .sidebar-mini .sidebar-navigation  .sidebar-profile .profile-body.dropdown > .dropdown-menu
        {
            position: absolute;
            margin-top: 12px;
            left: 4px;
        }

            .sidebar-mini .sidebar-navigation  .sidebar-profile .profile-body.dropdown > .dropdown-menu:before
            {
                left: 18%;
            }

.sidebar-mini .sidebar-navigation  .avatar i
{
    position: absolute;
    left: 2px;
    top: 0;
}*/

.nav-dropdown > a 
{
    /* padding: 10px 10px 50px 20px; */
    vertical-align:middle;
}

@media (max-width: 767px)
{
    .sidebar-navigation 
    {
        left: -240px;
    }

    .sidebar-opened .sidebar-left
    {
        display: block;
        left: 0;
    }

        .sidebar-opened .sidebar-left-nav + .main-content-wrapper
        {
            left: 240px;
            overflow: hidden;
        }

    .sidebar-opened
    {
        overflow-x: hidden;
    }
}

@media (min-width: 768px)
{
    .sidebar-navigation 
    {
        /* display: block; */
    }

    /*.sidebar-mini .sidebar-navigation 
    {
        width: 66px;
        margin-top: 20px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
        .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown.nav-dropdown-open > a,
        .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown:hover > a
        {
            border-bottom-right-radius: 0;
        }

        .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown > a:after
        {
            display: none;
            content: "";
            top: 12px;
            left: 34px;
            font-size: 0.625em;
        }

        .sidebar-mini .sidebar-navigation .nav > li > a
        {
            padding: 10px 9px;
            white-space: nowrap;
            overflow: hidden;
        }

        .sidebar-mini .sidebar-navigation .nav > li a .badge,
        .sidebar-mini .sidebar-navigation .nav > li a .label
        {
            display: none;
        }

        .sidebar-mini .sidebar-navigation .nav > li > a > i:first-child
        {
            margin-right: 10px;
            width: 22.28px;
        }

        .sidebar-mini .sidebar-navigation .nav > li > .nav-sub
        {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 220px;
            display: none;
            margin: 0;
            background: #1f2a35;
        }

        .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown-open,
        .sidebar-mini .sidebar-navigation .nav > li:hover
        {
            width: 240px;
            z-index: 10;
        }

            .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown-open a,
            .sidebar-mini .sidebar-navigation .nav > li:hover a
            {
                display: block;
                overflow: visible;
                white-space: normal;
            }

                .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown-open a .badge,
                .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown-open a .label,
                .sidebar-mini .sidebar-navigation .nav > li:hover a .badge,
                .sidebar-mini .sidebar-navigation .nav > li:hover a .label
                {
                    display: block;
                }

            .sidebar-mini .sidebar-navigation .nav > li.nav-dropdown-open > .nav-sub,
            .sidebar-mini .sidebar-navigation .nav > li:hover > .nav-sub
            {
                display: block!important;
                z-index: 10;
            }

        .sidebar-mini .sidebar-navigation .nav-pills
        {
            margin-left: 5px;
            margin-right: 5px;
        }

            .sidebar-mini .sidebar-navigation .nav-pills > li.nav-dropdown-open,
            .sidebar-mini .sidebar-navigation .nav-pills > li:hover
            {
                width: 235px;
            }

            .sidebar-mini .sidebar-navigation .nav-pills > li > a > i
            {
                margin-right: 10px;
                width: 23px;
            }

            .sidebar-mini .sidebar-navigation .nav-pills > li.nav-dropdown > a
            {
                padding-right: 10px;
            }

            .sidebar-mini .sidebar-navigation .nav-pills > li > .nav-sub
            {
                width: 235px;
                left: auto!important;
                top:0px;
                right:240px;
            }

                .sidebar-mini .sidebar-navigation .nav-pills > li > .nav-sub a
                {
                    padding-right: 5px;
                }

                .sidebar-mini .sidebar-navigation .nav-pills > li > .nav-sub .nav-dropdown > a
                {
                    padding-right: 30px;
                }

        .sidebar-mini .sidebar-navigation .sidebar-header,
        .sidebar-mini .sidebar-navigation .sidebar-profile,
        .sidebar-mini .sidebar-navigation .sidebar-summary
        {
            display: none;
        }*/



    /*.sidebar-mini .navbar .navbar-brand-group
    {
        width: 100px;
    }

        .sidebar-mini .navbar .navbar-brand-group .navbar-brand
        {
            width: 50px;
        }

    .sidebar-mini .sidebar-navigation + .main-content-wrapper
    {
        margin-right: 50px;
        margin-left: 240px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        width: auto;
    }*/
}

@media only screen and (max-width: 660px)
{
    .sidebar-toggle
    {
        margin-left: 0;
        width: 100%;
    }

    .main-content-toggle-left
    {
        margin-left: 660px;
    }

    .user-nav ul li
    {
        font-size: 0.75em;
    }
}

.sidebar-navigation div.divider
{
    margin: 10px 0;
    width: 100%;
    height: 1px;
    background: #13161C;
}

.sidebar-navigation .nav-pills > li > a > .badge
{
    margin: 3px 0;
}

.sidebar-navigation .setting-list
{
    padding: 0 20px 20px 20px;
}

    .sidebar-navigation .setting-list label
    {
        color: #B3B8C3;
        font-size: 0.75em;
        margin-bottom: 10px;
    }

        .sidebar-navigation .setting-list label:hover
        {
            cursor: pointer;
        }

/*.sidebar-mini .setting-list
{
    display: none;
}*/
.calendar{
    background: #F9F9F9;
    border-radius: 5px;
    border: 1px solid #DDD;
}
.calendar a{
    text-decoration: none;
    color: #333;
    cursor: pointer;
}
.calendar td{
    text-align: center;
}
.calendar .header{
    padding: 10px 0 10px 0;
}
.calendar .prev_month{
    float: left;
}
.calendar .next_month{
    float: right;
}
.calendar .year{
    text-align: center;
    font-weight: 500;
}
.calendar .week_days{
    font-weight: 500;
}
.calendar .event{
    color: white;
    background: #3B5A97;
    text-shadow: 0 0 2px #333;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}
.calendar .event:hover{
    background: #3B5A97;
    text-shadow: 0 0 2px #000;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.8);
}
.calendar .event a{
    color: white;
}
.calendar .table td{
    padding: 5px;
}
.calendar .table{
    margin-bottom: 3px;
}
.calendar .week_days td{
    background: #f0f0f0 ;
    color: #000;
}
.calendar .visualmonthyear {
    color: #000;
}
.noborder, .noborder .calendar, .noborder .calendar * {
    border: none !important;
}
.dropdown-menu .calendar td a {
    padding: 0px;
}
@media (max-width: 979px) {
    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
        padding: 5px;
    }
}
/* the norm */
#gritter-notice-wrapper {
    position: fixed;
    bottom: 10px;
    left: 45px;
    width: 350px;
    z-index: 10;
    overflow-y: scroll;
    max-height: 100%;
    margin-bottom: 36px;
}

    #gritter-notice-wrapper.top-left
    {
        left: 20px;
        right: auto;
    }

    #gritter-notice-wrapper.bottom-right
    {
        top: auto;
        left: auto;
        bottom: 20px;
        right: 20px;
    }

    #gritter-notice-wrapper.bottom-left
    {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px;
    }

.gritter-item-wrapper
{
    position: relative;
    background: url('../images/ie-spacer.gif'); /* ie7/8 fix */
    /* background-color: rgba(45, 53, 60, 0.16)!important; */
    margin-top: 10px;
}

.gritter-top
{
    background: url(../images/gritter.png) no-repeat left -30px;
    height: 10px;
}

.hover .gritter-top
{
    background-position: right -30px;
}

.gritter-bottom
{
    background: url(../images/gritter.png) no-repeat left bottom;
    height: 8px;
    margin: 0;
}

.hover .gritter-bottom
{
    background-position: bottom right;
}

.gritter-item
{
    display: block;
    background: url(../images/gritter.png) no-repeat left -40px;
    color: #eee;
    padding: 2px 11px 8px 11px;
    font-size: 11px;
    font-family: verdana;
}

.hover .gritter-item
{
    background-position: right -40px;
}

.gritter-item p
{
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    font-size: 12px;
}

.gritter-close
{
    display: none;
    position: absolute;
    top: 5px;
    left: 3px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
}

    .gritter-close:before:hover
    {
        color: #977345!important;
    }

.gritter-title
{
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 7px 0;
    display: block;
    text-shadow: 1px 1px 0 #000; /* Not supported by IE :( */
}

.gritter-image
{
    width: 48px;
    height: 48px;
    float: left;
}

.gritter-with-image,
.gritter-without-image
{
    padding: 0;
}

.gritter-with-image
{
    width: 220px;
    float: left;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close
{
    background-image: url(../images/gritter-light.png);
    color: #222;
}

.gritter-light .gritter-title
{
    text-shadow: none;
}

.gritter-item-wrapper.my-sticky-class-error
{
    background-color: rgba(187, 33, 36,0.9)!important;
    border: 2px solid #524c45;
}

.gritter-item-wrapper.my-sticky-class-success
{
    background-color: rgba(0, 88, 64, 0.9)!important;
    border: 2px solid #524c45;
}

.gritter-item-wrapper.my-sticky-class-warning
{
    background-color: rgba(240, 173, 78, 0.9)!important;
    border: 2px solid #524c45;
    color: darkgray;
}

    .gritter-item-wrapper.my-sticky-class-warning .gritter-item p
    {
        color: #282f3b!important;
    }

/*.gritter-item-wrapper.my-sticky-class-invalidrights
{
    background-color: #292e3a !important;
    border: 2px solid #524c45;
    color: darkgray;
}*/

.gritter-item-wrapper.my-sticky-class-info
{
    background-color: rgba(32, 42, 53,1)!important;
    border: 2px solid #524c45;
}

.gritter-item-wrapper.my-sticky-class-custom
{
    background-color: rgba(32, 42, 53,1);
    border: 2px solid #524c45;
}

.my-sticky-class-custom .gritter-title {
    margin-bottom: 15px;
}

.removeNotifications {
    position: fixed;
    bottom: 11px;
    left: 45px;
    width: 387px;
    height: 30px;
    padding: 9px;
    z-index: 99999999999;
    /* overflow-y: scroll; */
    background-color: rgba(32, 42, 53, 0.9);
    border: 1px solid #977345;
    text-align: center;
    color: #977345;
    margin-top: 10px;
}

/*.removeNotifications
{
    bottom: 9px;
    left: 460px;
    width: 139px;
    height: 82px;
    padding: 26px;
    z-index: 99999999999;
    background-color: rgb(32, 42, 53);
    border: 1px solid #977345;
    color: #977345;
    margin-top: 11px;
    position: fixed;
}*/

    .removeNotifications:hover
    {
        background-color: rgba(151, 115, 69, 0.9);
        border:1px solid rgba(32, 42, 53, 0.9);
        color:rgba(32, 42, 53, 1);
        transition: background-color 0.5s ease;
    }
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

/*
 *
 *   NEUBOARD - Responsive Admin Theme
 *   Copyright 2014 Authentic Goods Co. http://authenticgoods.co
 *
*/
html {
    height: 100%;
    font-size: 100%;
}

body {
    /*color: #565656;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    position: relative;
   
    
    background:
    linear-gradient( rgba(37,37,37, 0.15), rgba(19,19,19, 0.15) ),
    url('../Images/mainbg3.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;*/
}


.main-layout {
    color: #565656;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    /* font-size: 100%; */
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    position: relative;
    background: /* top, transparent black */ linear-gradient( rgba(37,37,37, 0.40), rgba(19,19,19, 0.40) ), /* bottom, image */ url('../Images/mainbg3.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

a:link,
a:visited {
    text-decoration: none;
    outline: none;
    color: #242b35;
    font-size: 12px;
}

a:hover,
a:active {
    outline: none;
    text-decoration: none;
    color: #977345;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Montserrat", sans-serif;
    color: #71685d;
    margin: 0;
}

h1,
.h1 {
    font-size: 1.375em;
}

.h1-results {
    /* border:1px solid red; */
    font-size: 250%;
    color: rgba(86,86,86,0.5);
}

h2,
.h2 {
    font-size: 1.188em;
}

h3,
.h3 {
    font-size: 1.063em;
}

h4,
.h4 {
    font-size: 0.938em;
}

h5,
.h5 {
    font-size: 0.813em;
}

h6,
.h6 {
    font-size: 0.75em;
}

p {
    font-size: 0.875em;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

img {
    max-width: 100%;
}

::selection {
    /*background: #E4E4E4;*/
}

::-moz-selection {
    background: #fff7dd;
}

canvas {
    display: block;
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
}

#header {
    z-index: 2;
    height: 52px !important;
}

    #header .brand {
        float: left;
        /*width: 240px;*/
        height: 60px;
        padding: 0 0 0 10px;
        position: relative;
    }

    #header .logo {
        color: #a94442;
        font-size: 1.188em;
        text-transform: uppercase;
        padding: 17px 0 0 10px;
        display: inline-block;
    }

        #header .logo img {
            margin-right: 6px;
            margin-top: -4px;
        }

        #header .logo span {
            font-weight: 700;
        }

    #header .navbar-nav {
        /* margin: 0; */
    }

    #header .navbar-left {
        float: left;
    }

    #header .navbar-right {
        height: 51px !important;
        background-color: #202a35 !important;
        left: 332px !important;
        z-index: -99999999 !important;
        width: 63% !important;
        margin-left: 0px !important;
        position: fixed !important;
        border-left: 1px solid #574e44 !important;
    }

    #header .btn i {
        padding: 0;
    }

.sidebar-notification .nav i {
    font-size: 35px;
    margin-left: 5px;
    color: #977345;
}

#header .search {
    -webkit-appearance: none !important;
    color: #282323;
    outline: 0;
    height: 30px;
    width: 180px;
    padding: 7px 15px;
    font-size: 0.75em;
    font-weight: normal;
    vertical-align: top;
    background-color: #EDF1F2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: none;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
    margin: 16px 0 0 20px;
    position: relative;
}

#header .btn-search {
    position: absolute;
    top: 17px;
    right: 5px;
    background: none;
}

#header .fa-search {
    font-size: 1.063em;
    color: #212121;
}

#header .nav li.profile > a > .meta {
    display: table;
    width: 100%;
}

    #header .nav li.profile > a > .meta > .avatar {
        display: table-cell;
        vertical-align: middle;
        max-width: 32px;
        height: 32px;
    }

    #header .nav li.profile > a > .meta > .text {
        font-size: 0.75em;
        font-weight: 600;
        padding: 0 5px;
    }

#header .nav li.profile > a {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
    color: #13161C;
    text-shadow: none;
}

    #header .nav li.profile > a:hover,
    #header .nav li.profile > a:active,
    #header .nav li.profile > a:focus {
        box-shadow: none;
        outline: none !important;
        border: none;
        color: #13161C;
    }

#header .navbar-right > .dropdown > .dropdown-menu {
    position: absolute;
    margin-top: 7px;
    right: -10px;
    background-color: #e2cbaa;
    border: 1px solid #977345;
    /* border-radius: 3px; */
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

#header .arrow {
    border-width: 8px;
    z-index: 10;
}

    #header .arrow,
    #header .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

        #header .arrow:after {
            border-width: 7px;
            content: "";
        }

        #header .arrow.top {
            left: 50%;
            margin-left: -8px;
            border-top-width: 0;
            border-bottom-color: #eee;
            border-bottom-color: rgba(0, 0, 0, 0.1);
            top: -8px;
        }

            #header .arrow.top:after {
                content: " ";
                top: 1px;
                margin-left: -7px;
                border-top-width: 0;
                border-bottom-color: #fff;
            }

#header .dropdown-menu > li > a > .icon {
    display: inline-block;
    min-width: 14px;
    text-align: center;
    margin-right: 5px;
}

#header .dropdown-menu > li.active > a,
#header .dropdown-menu > li:active > a {
    background-color: #fbfbfb;
    color: #444444;
}

    #header .dropdown-menu > li.active > a:hover,
    #header .dropdown-menu > li:active > a:hover {
        background-color: #fbfbfb;
        color: #373737;
    }

#header .profile ul > li:first-child {
    padding: 10px;
}

#header .profile ul > li h5,
#header .profile ul > li p {
    font-size: 0.813em;
    margin: 0;
    padding: 0;
}

#header .profile ul > li .progress {
    margin-bottom: 0;
}

@media (max-width: 789px) {
    #header .search {
        width: 155px;
    }
}

@media (max-width: 767px) {
    #header .brand {
        width: 100%;
        padding: 0 0 0 10px;
        text-align: center;
    }

    #header .logo {
        font-size: 1.375em;
        padding: 14px 0 0 0;
    }

        #header .logo img {
            width: 25px;
            margin-right: 5px;
        }

    #header .navbar-left {
        position: absolute;
        left: 0;
    }

    #header .navbar-right {
        position: absolute;
        /* right: 0; */
    }
}

@media only screen and (max-width: 660px) {
    #header .user-nav ul {
        padding-left: 0;
    }

    #header .toggle-navigation.toggle-left {
        float: left;
    }

    .user-nav ul li {
        font-size: 0.75em;
    }
}

@media only screen and (max-width: 479px) {
    #header .dropdown.messages {
        display: none;
    }
}




#main-wrapper {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}

.main-content-wrapper {
    margin-right: 240px;
    margin-left: 240px;
    padding: 160px 10px 10px 10px;
    position: relative;
}

    .main-content-wrapper #main-content {
        padding: 40px 15px 0 15px;
        width: 100%;
    }

        .main-content-wrapper #main-content .h1 {
            margin: 0;
            padding: 0px 10px 0px 10px;
            float: left;
            line-height: 10px;
            font-weight: 300;
            font-size: 1.5em;
        }

.main-content-toggle-left {
    margin-left: 0;
}

.main-content-toggle-right {
    margin-right: 240px;
}

.pageheader {
    padding: 15px;
    border-bottom: 1px solid #BF2A27;
    border-top: 1px solid #3C3C3C;
    background: #252525;
    position: relative;
}

    .pageheader h2 {
        font-weight: 300;
        margin: 0;
    }

    .pageheader .description {
        margin: 0;
        margin-top: 5px;
        color: #999;
    }

    .pageheader .breadcrumb-wrapper {
        position: absolute;
        top: 13px;
        right: 25px;
    }

        .pageheader .breadcrumb-wrapper .label {
            color: #999;
            text-transform: uppercase;
            font-size: 0.688em;
            font-weight: normal;
            display: inline-block;
        }

    .pageheader .breadcrumb {
        background: none;
        display: inline-block;
        padding: 0;
    }

        .pageheader .breadcrumb li {
            font-size: 0.75em;
        }

            .pageheader .breadcrumb li.active {
                color: #333;
            }

        .pageheader .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #515050;
            font-family: FontAwesome;
            content: "\f105";
        }

@media (max-width: 767px) {
    .main-content-wrapper {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    /* Main Content */
    #main-content .h1 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 660px) {
    .main-content-toggle-left {
        margin-left: 660px;
    }
}

@media only screen and (max-width: 479px) {
    /* Main Content */
    #main-content .h1 {
        font-size: 22px;
    }
}

.sidebar-right {
    width: 240px;
    height: 100%;
    z-index: 100;
    position: fixed;
    overflow-y: hidden;
    overflow-x: hidden;
    top: 0;
    left: 0 !important;
    padding-top: 178px;
    border-left: 1px solid #977345;
    /* background-image: url('../../Images/bg_window.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1f2a35;
}

.sidebar-right-open {
    display: block !important;
}

.sidebar-left a {
    /*color: #B3B8C3;*/
}

    .sidebar-left a:focus,
    .sidebar-left a:hover {
        color: #fff;
        background-color: transparent;
    }

.sidebar-left .active > a,
.sidebar-left .active > a:focus,
.sidebar-left .active > a:hover {
    color: #ffffff;
}

.sidebar-left .disabled > a,
.sidebar-left .disabled > a:focus,
.sidebar-left .disabled > a:hover {
    color: #5c606b;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.sidebar-left .sidebar-profile .media-body h4 {
    color: #f5f5f5;
}

.sidebar-mini .sidebar-left .nav > li.open > a {
    color: #B3B8C3;
    background-color: transparent;
}

.sidebar-left .nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.sidebar-left .nav > .disabled > a,
.sidebar-left .nav > .disabled > a:focus,
.sidebar-left .nav > .disabled > a:hover {
    color: #5c606b;
    background-color: transparent;
}

.sidebar-left .nav-sub li.open > a {
    color: #fff;
    background-color: transparent;
}

#sidebar-left .sidebar-title {
    color: #e8e8e8;
    padding: 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.75em;
}

#contact-list-wrapper .heading {
    position: relative;
    border-bottom: solid thin #F2F2F2;
}

    #contact-list-wrapper .heading ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #contact-list-wrapper .heading ul li {
            display: inline-block;
            padding: 10px;
        }

            #contact-list-wrapper .heading ul li.new-contact a {
                vertical-align: sub;
            }

    #contact-list-wrapper .heading .search {
        -webkit-appearance: none !important;
        color: #282323;
        outline: 0;
        height: 30px;
        width: 180px;
        padding: 7px 15px;
        font-size: 0.75em;
        font-weight: normal;
        vertical-align: top;
        background-color: #EDF1F2;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        border: none;
        transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
        position: relative;
    }

    #contact-list-wrapper .heading .btn-search {
        position: absolute;
        background: none;
        right: 12px;
        top: 12px;
    }

#contact-list-wrapper #contact-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #contact-list-wrapper #contact-list ul li {
        border-bottom: solid thin #F2F2F2;
        padding: 10px;
    }

        #contact-list-wrapper #contact-list ul li .row {
            margin: 0;
        }

        #contact-list-wrapper #contact-list ul li:hover {
            cursor: pointer;
            background-color: #f4f7f7;
        }

#contact-list-wrapper #contact-list .avatar {
    width: 40px;
    height: 40px;
}

    #contact-list-wrapper #contact-list .avatar i {
        border: solid 1px #fff;
        width: 10px;
        height: 10px;
        margin: 0;
    }

#contact-list-wrapper #contact-list .location i {
    font-size: 0.813em;
}

#contact-user {
    position: fixed;
    height: 55px;
    width: 240px;
    bottom: 0;
    text-align: center;
}

    #contact-user .chat-user {
        padding: 20px 8px 8px 8px;
        background-color: #F0F3F3;
        height: 55px;
        width: 80px;
        float: left;
    }

    #contact-user .email-user {
        padding: 20px 8px 8px 8px;
        background-color: #F0F3F3;
        height: 55px;
        width: 80px;
        float: left;
    }

    #contact-user .call-user {
        padding: 20px 8px 8px 8px;
        background-color: #F0F3F3;
        height: 55px;
        width: 80px;
        float: left;
    }

        #contact-user .chat-user.active,
        #contact-user .email-user.active,
        #contact-user .call-user.active {
            background-color: #a94442;
        }

        #contact-user .chat-user:hover,
        #contact-user .email-user:hover,
        #contact-user .call-user:hover {
            background-color: #a94442;
            color: #F0F3F3;
            cursor: pointer;
        }

            #contact-user .chat-user:hover span,
            #contact-user .email-user:hover span,
            #contact-user .call-user:hover span {
                color: #F0F3F3;
            }

        #contact-user .chat-user.active > span,
        #contact-user .email-user.active > span,
        #contact-user .call-user.active > span {
            color: #F0F3F3;
        }

.avatar {
    position: relative;
    display: block;
    text-align: right;
}

    .avatar i {
        position: absolute;
        top: 0;
        width: 12px;
        height: 12px;
        margin: 1px;
        border-width: 2px;
        border-style: solid;
        border-radius: 100%;
    }

        .avatar i.on {
            background-color: #D43D3D;
        }

        .avatar i.off {
            background-color: #909aa0;
            -webkit-filter: grayscale(0.5);
        }

    .avatar img.off {
        -webkit-filter: grayscale(1);
    }

    .avatar i.busy {
        background-color: #e25d5d;
    }

    .avatar i.away {
        background-color: #edce8c;
    }

    .avatar img {
        /* border:1px solid red; */
    }

.border-dark {
    border-color: #13161C;
}

.btn {
    border: none;
    font-size: 20px;
    font-weight: normal;
    /* padding: 8px 14px; */
    /* margin-bottom: 2px; */
    -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}

    .btn:hover,
    .btn:focus {
        outline: none;
    }

    .btn:active,
    .btn.active {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none !important;
    }

    .btn.disabled,
    .btn[disabled],
    .btn fieldset[disabled] .btn {
        background-color: #909aa0;
        color: rgba(255, 255, 255, 0.75);
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .btn i {
        padding: 3px;
    }
/* Default Buttons*/
.btn-default,
a.btn-default:link,
a.btn-default:visited {
    color: #ffffff;
    background-color: #909aa0;
    outline: none !important;
}

a.btn-default:hover,
a.btn-default:active {
    color: #ffffff;
    background-color: #9ea7ac;
    border-color: #9ea7ac;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #9ea7ac;
    border-color: #9ea7ac;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background: #909aa0;
    border-color: #909aa0;
}

.btn_Previous {
    background-color: #524c45;
    border-color: #202a35;
    font-size: 13px;
    border-radius: 4px;
    float: left;
    margin: 10px 20px;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #524c45;
    border-color: #202a35;
    font-size: 13px;
    border-radius: 4px;
    float: left;
    margin: 10px 20px;
    cursor: no-drop !important;
}

.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
    color: #fff;
    background-color: #556b8d;
}

a.btn-primary:hover,
a.btn-primary:active {
    color: #ffffff;
    background-color: #5f779d;
    border-color: #5f779d;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #5f779d;
    border-color: #5f779d;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background: #556b8d;
    border-color: #556b8d;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #556b8d;
    border-color: #556b8d;
}

.btn-info {
    color: #ffffff;
    background-color: #1f7bb6;
}

.btn-info,
a.btn-info:link,
a.btn-info:visited {
    color: #ffffff;
    background-color: #1f7bb6;
}

a.btn-info:hover,
a.btn-info:active {
    color: #ffffff;
    background-color: #238acc;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #238acc;
    border-color: #238acc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background: #1f7bb6;
    border-color: #1f7bb6;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #1f7bb6;
    border-color: #1f7bb6;
}

.btn-danger {
    color: #ffffff;
    background-color: #e25d5d;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #e67373;
        border-color: #e67373;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background: #e67373;
        border-color: #e67373;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #e25d5d;
        border-color: #e25d5d;
    }

.btn-success {
    color: #ffffff;
    background-color: #a94442;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #840E0C;
        border-color: #2ccbc3;
    }

    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background: #27b6af;
        border-color: #27b6af;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #27b6af;
        border-color: #27b6af;
    }

.btn-warning {
    color: #ffffff;
    background-color: #edce8c;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #edce8c;
        border-color: #edce8c;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background: #f0d7a2;
        border-color: #f0d7a2;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #edce8c;
        border-color: #edce8c;
    }
/* 3d Buttons*/
.btn.btn-3d {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .btn.btn-3d:active {
        -webkit-transform: translate(0, 3px);
        -moz-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

.btn-default.btn-3d {
    -webkit-box-shadow: 0px 6px 0px #858e93;
    -moz-box-shadow: 0px 6px 0px #858e93;
    box-shadow: 0px 6px 0px #858e93;
}

    .btn-default.btn-3d:hover,
    .btn-default.btn-3d:focus {
        background-color: #909aa0;
    }

    .btn-default.btn-3d:active {
        -webkit-box-shadow: 0px 2px 0px #858e93;
        -moz-box-shadow: 0px 2px 0px #858e93;
        box-shadow: 0px 2px 0px #858e93;
    }

    .btn-default.btn-3d:hover,
    .btn-default.btn-3d:focus {
        background-color: #909aa0;
    }

.btn-primary.btn-3d {
    -webkit-box-shadow: 0px 6px 0px #4d617f;
    -moz-box-shadow: 0px 6px 0px #4d617f;
    box-shadow: 0px 6px 0px #4d617f;
}

    .btn-primary.btn-3d:active {
        -webkit-box-shadow: 0px 2px 0px #4d617f;
        -moz-box-shadow: 0px 2px 0px #4d617f;
        box-shadow: 0px 2px 0px #4d617f;
    }

    .btn-primary.btn-3d:hover,
    .btn-primary.btn-3d:focus {
        background-color: #556b8d;
    }

.btn-success.btn-3d {
    -webkit-box-shadow: 0px 6px 0px #24aca5;
    -moz-box-shadow: 0px 6px 0px #24aca5;
    box-shadow: 0px 6px 0px #24aca5;
}

    .btn-success.btn-3d:active {
        -webkit-box-shadow: 0px 2px 0px #24aca5;
        -moz-box-shadow: 0px 2px 0px #24aca5;
        box-shadow: 0px 2px 0px #24aca5;
    }

    .btn-success.btn-3d:hover,
    .btn-success.btn-3d:focus {
        background-color: #27b6af;
    }

.btn-info.btn-3d {
    -webkit-box-shadow: 0px 6px 0px #2273a5;
    -moz-box-shadow: 0px 6px 0px #2273a5;
    box-shadow: 0px 6px 0px #2273a5;
}

    .btn-info.btn-3d:active {
        -webkit-box-shadow: 0px 2px 0px #2273a5;
        -moz-box-shadow: 0px 2px 0px #2273a5;
        box-shadow: 0px 2px 0px #2273a5;
    }

    .btn-info.btn-3d:hover,
    .btn-info.btn-3d:focus {
        background-color: #1f7bb6;
    }

.btn-warning.btn-3d {
    -webkit-box-shadow: 0px 6px 0px #dbbd7d;
    -moz-box-shadow: 0px 6px 0px #dbbd7d;
    box-shadow: 0px 6px 0px #dbbd7d;
}

    .btn-warning.btn-3d:active {
        -webkit-box-shadow: 0px 2px 0px #d6ae11;
        -moz-box-shadow: 0px 2px 0px #d6ae11;
        box-shadow: 0px 2px 0px #d6ae11;
    }

    .btn-warning.btn-3d:hover,
    .btn-warning.btn-3d:focus {
        background-color: #edce8c;
    }

.btn-danger.btn-3d {
    -webkit-box-shadow: 0px 6px 0px #c94034;
    -moz-box-shadow: 0px 6px 0px #c94034;
    box-shadow: 0px 6px 0px #c94034;
}

    .btn-danger.btn-3d:active {
        -webkit-box-shadow: 0px 2px 0px #c94034;
        -moz-box-shadow: 0px 2px 0px #c94034;
        box-shadow: 0px 2px 0px #c94034;
    }

    .btn-danger.btn-3d:hover,
    .btn-danger.btn-3d:focus {
        background-color: #e25d5d;
    }
/* square buttons */
.btn-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
/* Transparent buttons */
.btn-default.btn-trans {
    color: #909aa0;
    background-color: transparent;
    border: solid thin #909aa0;
}

    .btn-default.btn-trans:hover,
    .btn-default.btn-trans:active,
    .btn-default.btn-trans:focus {
        color: #fff;
        background-color: #909aa0;
        border: solid thin #909aa0;
    }

.btn-primary.btn-trans {
    color: #556b8d;
    background-color: transparent;
    border: solid thin #556b8d;
}

    .btn-primary.btn-trans:hover,
    .btn-primary.btn-trans:active,
    .btn-primary.btn-trans:focus {
        color: #fff;
        background-color: #556b8d;
        border: solid thin #556b8d;
    }

.btn-success.btn-trans {
    color: #27b6af;
    background-color: transparent;
    border: solid thin #27b6af;
}

    .btn-success.btn-trans:hover,
    .btn-success.btn-trans:active,
    .btn-success.btn-trans:focus {
        color: #fff;
        background-color: #27b6af;
        border: solid thin #27b6af;
    }

.btn-info.btn-trans {
    color: #1f7bb6;
    background-color: transparent;
    border: solid thin #1f7bb6;
}

    .btn-info.btn-trans:hover,
    .btn-info.btn-trans:active,
    .btn-info.btn-trans:focus {
        color: #fff;
        background-color: #1f7bb6;
        border: solid thin #1f7bb6;
    }

.btn-warning.btn-trans {
    color: #edce8c;
    background-color: transparent;
    border: solid thin #edce8c;
}

    .btn-warning.btn-trans:hover,
    .btn-warning.btn-trans:active,
    .btn-warning.btn-trans:focus {
        color: #fff;
        background-color: #edce8c;
        border: solid thin #edce8c;
    }

.btn-danger.btn-trans {
    color: #e25d5d;
    background-color: transparent;
    border: solid thin #e25d5d;
}

    .btn-danger.btn-trans:hover,
    .btn-danger.btn-trans:active,
    .btn-danger.btn-trans:focus {
        color: #fff;
        background-color: #e25d5d;
        border: solid thin #e25d5d;
    }
/* Button Sizes */
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.progress {
    display: block;
    margin-bottom: 15px;
    background-color: #e6ebed;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress.progress-sm {
    height: 15px;
}

.progress.progress-xs {
    height: 6px;
}

.progress .progress-bar {
    background-color: #556b8d;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .progress .progress-bar.progress-bar-success {
        background-color: #27b6af;
    }

    .progress .progress-bar.progress-bar-info {
        background-color: #1f7bb6;
    }

    .progress .progress-bar.progress-bar-warning {
        background-color: #edce8c;
    }

    .progress .progress-bar.progress-bar-danger {
        background-color: #e25d5d;
    }

.m-search {
    border: 1px solid red;
}

.panel {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

    .panel > .panel-heading {
        font-weight: 400;
        text-transform: uppercase;
        /* padding: 14px 10px; */
        text-align: left;
    }

.panel-heading > .panel-title {
    height: auto;
    /*font-size: 0.813em;*/
}

.panel > .panel-footer {
    border-color: #ecedf0;
}

.modal-footer .btn + .btn {
    margin-bottom: 5px;
}

.panel .actions {
    /*position: absolute;
    right: 30px;
    top: 8px;*/
}

.pager {
    margin: 20px !important;
}

.panel .actions i {
    font-size: 0.875em;
    margin: 0 3px;
}

    .panel .actions i:hover {
        cursor: pointer;
    }

.panel > .panel-footer {
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
}

.panel .panel-body .h1 {
    float: none;
}

.panel-default > .panel-heading {
    border-color: #D43D3D;
    background: #a94442;
    color: #fff;
}

.panel-default .actions i {
    color: #909aa0;
    margin: 0 3px;
}

    .panel-default .actions i:hover {
        cursor: pointer;
        color: #767676;
    }

.panel-default > .panel-footer {
    border-color: #eff2f7;
    background: #fff;
    color: #767676;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #292e3a;
    border: 1px solid #977345;
    background: -webkit-linear-gradient(#1f2a35, #292e3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1f2a35, #292e3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1f2a35, #292e3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1f2a35, #292e3a); /* Standard syntax */
    font-size: 11px;
    border-radius: 2px 2px 0px 0px;
    text-transform: uppercase;
}

.panel-primary {
    /*border-color: #1abc9c;*/
}

    .panel-primary > .panel-heading a,
    .panel-primary > .panel-heading a:hover {
        /* color: #ffffff; */
    }

.panel-solid-default > .panel-body,
.panel-solid-default > .panel-footer,
.panel-solid-default > .panel-heading {
    background: #909aa0;
    border: none;
    color: #ffffff;
}

.panel-solid-primary > .panel-body,
.panel-solid-primary > .panel-footer,
.panel-solid-primary > .panel-heading {
    background: #556b8d;
    color: #fff;
    border: none;
}

.panel-solid-success > .panel-body,
.panel-solid-success > .panel-footer,
.panel-solid-success > .panel-heading {
    background: rgba(37, 37, 37, 0.86);
    color: #fff;
    border: none;
}

.panel-solid-warning > .panel-body,
.panel-solid-warning > .panel-footer,
.panel-solid-warning > .panel-heading {
    background: #edce8c;
    color: #fff;
    border: none;
}

.panel-solid-info > .panel-body,
.panel-solid-info > .panel-footer,
.panel-solid-info > .panel-heading {
    background: #1f7bb6;
    color: #fff;
    border: none;
}

.panel-solid-danger > .panel-body,
.panel-solid-danger > .panel-footer,
.panel-solid-danger > .panel-heading {
    background: #e25d5d;
    color: #fff;
    border: none;
}

.panel-gradient-default > .panel-body {
    background: #909aa0;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #909aa0 25%, #a4aaad 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #909aa0), color-stop(100%, #a4aaad));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #909aa0 25%, #a4aaad 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #909aa0 25%, #a4aaad 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #909aa0 25%, #a4aaad 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #909aa0 25%, #a4aaad 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@defaultColor', endColorstr='#a4aaad', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.panel-gradient-primary > .panel-body {
    background: #1abc9c;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1abc9c 25%, #87d5ab 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #1abc9c), color-stop(100%, #87d5ab));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #1abc9c 25%, #87d5ab 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #1abc9c 25%, #87d5ab 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #1abc9c 25%, #87d5ab 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #1abc9c 25%, #87d5ab 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1abc9c', endColorstr='#87d5ab', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.panel-gradient-success > .panel-body {
    background: #2dcc70;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #2dcc70 25%, #27ad5f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #2dcc70), color-stop(100%, #27ad5f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #2dcc70 25%, #27ad5f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #2dcc70 25%, #27ad5f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #2dcc70 25%, #27ad5f 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #2dcc70 25%, #27ad5f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dcc70', endColorstr='#27ad5f', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.panel-gradient-warning > .panel-body {
    background: #f1c40f;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f1c40f 25%, #e0af0f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #f1c40f), color-stop(100%, #e0af0f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f1c40f 25%, #e0af0f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f1c40f 25%, #e0af0f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f1c40f 25%, #e0af0f 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #f1c40f 25%, #e0af0f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1c40f', endColorstr='#e0af0f', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.panel-gradient-info > .panel-body {
    background: #3598db;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #3598db 25%, #0e7bce 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #3598db), color-stop(100%, #0e7bce));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #3598db 25%, #0e7bce 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #3598db 25%, #0e7bce 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #3598db 25%, #0e7bce 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #3598db 25%, #0e7bce 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3598db', endColorstr='#0e7bce', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .panel-gradient-info > .panel-body a:link,
    .panel-gradient-info > .panel-body a:visited {
        color: #fff;
        text-decoration: none;
    }

    .panel-gradient-info > .panel-body a:hover,
    .panel-gradient-info > .panel-body a:active {
        color: #fff;
        text-decoration: underline;
    }

.panel-gradient-danger > .panel-body {
    background: #e84c3d;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e84c3d 25%, #d34639 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%, #e84c3d), color-stop(100%, #d34639));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #e84c3d 25%, #d34639 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #e84c3d 25%, #d34639 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #e84c3d 25%, #d34639 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #e84c3d 25%, #d34639 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e84c3d', endColorstr='#d34639', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.widget-mini {
    position: relative;
}

    .widget-mini .title {
        font-size: 25px;
        display: block;
    }

    .widget-mini .total {
        font-size: 2em;
        display: block;
        font-weight: 300;
    }

    .widget-mini i {
        position: absolute;
        top: 10px;
        left: 10px;
    }

.chat-widget .wrapper {
    margin: 10px 0;
    clear: both;
}

    .chat-widget .wrapper .avatar {
        width: 50px;
        height: 50px;
    }

        .chat-widget .wrapper .avatar i {
            border: solid 2px #fff;
        }

    .chat-widget .wrapper .post {
        padding: 7px 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        position: relative;
    }

        .chat-widget .wrapper .post.default {
            background-color: #E6E6E6;
        }

        .chat-widget .wrapper .post.primary {
            background-color: #556b8d;
            color: #fff;
        }

        .chat-widget .wrapper .post.default .arrow {
            border-right-color: rgba(0, 0, 0, 0.1);
        }

        .chat-widget .wrapper .post.primary .arrow {
            border-left-color: #556b8d;
        }

.widget-weather .title {
    margin-bottom: 10px;
}

.widget-weather .temp {
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
}

body.fullscreen-widget-active {
    overflow: hidden;
    position: fixed;
}

    body.fullscreen-widget-active .animated {
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
        -webkit-animation-name: none;
        animation-name: none;
    }

    body.fullscreen-widget-active .panel .panel-heading .actions > .fa-chevron-down,
    body.fullscreen-widget-active .panel .panel-heading .actions > .fa-times {
        display: none;
    }

.panel.widget-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
}

.tab-wrapper {
    margin-bottom: 20px;
}

    .tab-wrapper .nav-tabs > li > a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .tab-wrapper .tab-content {
        border: 1px solid #ddd;
        border-top: 0;
        padding: 10px 15px;
    }

    .tab-wrapper > .nav-tabs > li a {
        color: #5D5F63;
    }

    .tab-wrapper > .nav-tabs > li.active > a {
        border-top: 2px solid #556b8d;
        background-color: #ffffff;
    }

    .tab-wrapper.tab-left > .nav-tabs > li,
    .tab-wrapper.tab-right > .nav-tabs > li {
        float: none;
        min-width: 75px;
    }

        .tab-wrapper.tab-left > .nav-tabs > li > a,
        .tab-wrapper.tab-right > .nav-tabs > li > a {
            border: 1px solid #ddd;
        }

        .tab-wrapper.tab-left > .nav-tabs > li.active > a,
        .tab-wrapper.tab-right > .nav-tabs > li.active > a {
            border-top-color: #ddd !important;
        }

    .tab-wrapper.tab-left .tab-content,
    .tab-wrapper.tab-right .tab-content {
        overflow: auto;
        border-top: 1px solid #ddd;
    }

    .tab-wrapper.tab-left > .nav-tabs {
        float: left;
        margin-right: -3px;
    }

        .tab-wrapper.tab-left > .nav-tabs > li > a {
            border-right: 0;
        }

        .tab-wrapper.tab-left > .nav-tabs > li.active > a {
            border-left: 2px solid #556b8d;
        }

    .tab-wrapper.tab-right > .nav-tabs {
        float: right;
        margin-left: -1px;
    }

        .tab-wrapper.tab-right > .nav-tabs > li > a {
            border-left: 0;
        }

        .tab-wrapper.tab-right > .nav-tabs > li.active > a {
            border-right: 2px solid #556b8d;
        }

    .tab-wrapper.tab-bottom > .tab-content {
        border-top: 1px solid #ddd;
    }

    .tab-wrapper.tab-bottom > .nav-tabs {
        border-bottom: none;
        margin-top: 0px;
    }

        .tab-wrapper.tab-bottom > .nav-tabs > li.active > a {
            margin-top: -2px;
            border-top-color: transparent !important;
            border-bottom: 2px solid #556b8d;
        }

.tab-primary.tab-wrapper > .nav-tabs > li.active > a {
    border-top-color: #556b8d;
}

.tab-primary.tab-wrapper.tab-left > .nav-tabs > li.active {
    border-left-color: #556b8d;
}

.tab-primary.tab-wrapper.tab-right > .nav-tabs > li.active {
    border-right-color: #556b8d;
}

.tab-primary.tab-wrapper.tab-bottom > .nav-tabs > li.active > a {
    border-bottom-color: #556b8d;
}

.ng-isolate-scope.active {
    border-top: 2px solid #556b8d;
}

    .ng-isolate-scope.active .ng-binding {
        margin-right: 0;
    }

.badge {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    font-size: 0.688em;
    vertical-align: middle;
    display: inline-block;
    /*padding: 2px 7px 4px 7px;*/
}

.badge-primary {
    background-color: #556b8d;
}

.badge-warning {
    background-color: #edce8c;
}

.badge-success {
    background-color: #27b6af;
}

.badge-danger {
    background-color: #e25d5d;
}

.badge-info {
    background-color: #1f7bb6;
}

.label.label-circle {
    border-radius: 50%;
    background-clip: padding-box;
    padding: 4px;
    width: 20px;
    height: 20px;
}

.default-color {
    color: #909aa0;
}

.primary-color {
    color: #556b8d;
}

.success-color {
    color: #27b6af;
}

.info-color {
    color: #1f7bb6;
}

.warning-color {
    color: #edce8c;
}

.danger-color {
    color: #e25d5d;
}

.default-bg-color {
    background-color: #909aa0;
}

.primary-bg-color {
    background-color: #556b8d;
}

.success-bg-color {
    background-color: #27b6af;
}

.info-bg-color {
    background-color: #1f7bb6;
}

.warning-bg-color {
    background-color: #edce8c;
}

.danger-bg-color {
    background-color: #e25d5d;
}

.text-muted {
    color: #a2a2a2 !important;
}

.padding-none {
    padding: 0 !important;
}

.margin-none {
    margin: 0;
}

.block {
    display: block;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.google-map {
    height: 350px;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 15px;
    height: 17px;
}

.slider.slider-horizontal {
    margin: 10px 0;
}

.slider.slider-vertical {
    margin: 0 10px;
}

.slider-handle.round {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #EFF2F7;
    background: #fff;
    cursor: pointer;
}

.slider-default .slider-selection {
    background-image: none;
    background-color: #909aa0;
}

.slider-primary .slider-selection {
    background-image: none;
    background-color: #556b8d;
}

.slider-success .slider-selection {
    background-image: none;
    background-color: #27b6af;
}

.slider-warning .slider-selection {
    background-image: none;
    background-color: #edce8c;
}

.slider-info .slider-selection {
    background-image: none;
    background-color: #1f7bb6;
}

.slider-danger .slider-selection {
    background-image: none;
    background-color: #e25d5d;
}

#RGB {
    height: 239px;
    background: #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.widget-gauge {
    text-align: center;
}

.goal-wrapper {
    font-size: 1.25em;
    font-weight: 600;
    margin-top: 8px;
}

    .goal-wrapper .gauge-value {
        color: #27b6af;
    }

    .goal-wrapper .goal-value {
        color: #999;
    }

.line-chart,
.bar-chart {
    position: relative;
}

.tc-chart-js-legend {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tc-chart-js-legend li {
        display: inline-block;
        padding: 0 10px;
        font-size: 0.75em;
    }

        .tc-chart-js-legend li span {
            width: 10px;
            height: 10px;
            display: inline-block;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
            border-radius: 50px;
            margin: 0 5px;
        }

.server-chart ul {
    margin: 0;
    padding: 0;
}

    .server-chart ul li {
        list-style: none;
    }

.browser-chart {
    height: 215px;
}

    .browser-chart ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .browser-chart ul li {
            font-size: 0.75em;
        }

            .browser-chart ul li i {
                font-size: 0.625em;
                vertical-align: middle;
                margin: 0 5px 0 0;
            }

.chart-tooltip {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #233242 !important;
    border: 0px !important;
    padding: 10px 20px !important;
    font-size: 13px;
    color: #fff;
}

.stats {
    margin-bottom: 0;
}

    .stats .panel-body {
        height: 321px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -ms-border-radius: 3px 0 0 3px;
        -o-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

        .stats .panel-body h5 {
            font-weight: normal;
            text-transform: uppercase;
            font-size: 1.125em;
        }

        .stats .panel-body ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .stats .panel-body li {
            padding: 10px 0;
        }

        .stats .panel-body .badge {
            background-color: #fff;
            color: #46c6a2;
        }

#server-chart {
    height: 270px;
}

.reportdate {
    cursor: pointer;
}

#doughnut-canvas-holder {
    max-width: 137px;
    min-width: 80px;
}

.jqstooltip {
    font-size: 1em;
    padding: 25px;
    min-width: 35px !important;
    min-height: 35px !important;
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
}

.dd-handle {
    cursor: move;
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .dd-handle:hover {
        background: #fff;
        color: #556b8d;
    }

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

    .dd-item > button:before {
        content: '+';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: '-';
    }

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    }

.list-icon div {
    line-height: 40px;
    white-space: nowrap;
}

.list-icon i {
    display: inline-block;
    width: 40px;
    margin: 0;
    font-size: 0.875em;
    text-align: center;
    vertical-align: middle;
}

.social {
    margin: 0;
    padding: 0;
}

    .social ul {
        margin: 0;
        padding: 5px;
    }

        .social ul li {
            margin: 5px;
            list-style: none outside none;
            display: inline-block;
        }

    .social i {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #909AA0;
        font-size: 22px;
        text-align: center;
        padding-top: 12px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
    }

        .social i:hover {
            color: #FFF;
            text-decoration: none;
            transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            -ms-transition: all ease 0.3s;
        }

    .social .fa-facebook:hover {
        background: #4060A5;
    }

    .social .fa-twitter:hover {
        background: #00ABE3;
    }

    .social .fa-google-plus:hover {
        background: #e64522;
    }

    .social .fa-github:hover {
        background: #343434;
    }

    .social .fa-pinterest:hover {
        background: #cb2027;
    }

    .social .fa-linkedin:hover {
        background: #0094BC;
    }

    .social .fa-flickr:hover {
        background: #FF57AE;
    }

    .social .fa-instagram:hover {
        background: #375989;
    }

    .social .fa-vimeo-square:hover {
        background: #83DAEB;
    }

    .social .fa-stack-overflow:hover {
        background: #FEA501;
    }

    .social .fa-dropbox:hover {
        background: #017FE5;
    }

    .social .fa-tumblr:hover {
        background: #3a5876;
    }

    .social .fa-dribbble:hover {
        background: #F46899;
    }

    .social .fa-skype:hover {
        background: #00C6FF;
    }

    .social .fa-stack-exchange:hover {
        background: #4D86C9;
    }

    .social .fa-youtube:hover {
        background: #FF1F25;
    }

    .social .fa-xing:hover {
        background: #005C5E;
    }

    .social .fa-rss:hover {
        background: #e88845;
    }

    .social .fa-foursquare:hover {
        background: #09B9E0;
    }

    .social .fa-youtube-play:hover {
        background: #DF192A;
    }

.form-control {
    /*border: 1px solid #977345;*/
    /* border-radius: 2px; */
    box-shadow: none;
    /* height: 37px; */
    padding: 8px 12px 9px 12px;
    background-color: #d8c3ab;
    color: #2d353c;
}

    .form-control:focus {
        background: #b19e88;
        border-color: #101010;
        color: whitesmoke;
        box-shadow: none;
    }

select.input-sm,
select.form-group-sm .form-control {
    height: auto;
}

label.error {
    color: #fff;
    background: #e25d5d;
    border: solid thin #fff;
    padding: 3px 5px;
}

label.valid {
    color: #fff;
    background: #27b6af;
    border: solid thin #fff;
    padding: 3px 5px;
}

.vertical-wizard .step-content {
    width: 80%;
    float: right;
}

.step-content {
    border-top: 0;
    /* min-height: 400px; */
    max-height: 75% !important;
    /* border: 1px solid red; */
    overflow-x: scroll;
}

.wizard {
    position: relative;
    overflow: hidden;
    background-color: #e2c9ae;
    border: 1px solid rgba(82, 76, 69, 0.48);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

    .wizard:before,
    .wizard:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .wizard:after {
        clear: both;
    }

    .wizard ul {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none outside none;
        height: 45px;
    }

        .wizard ul.previous-disabled li.complete {
            cursor: default;
        }

            .wizard ul.previous-disabled li.complete:hover {
                color: #468847;
                cursor: default;
                background: #f3f4f5;
            }

                .wizard ul.previous-disabled li.complete:hover .chevron:before {
                    border-left-color: #f3f4f5;
                }

        .wizard ul li {
            position: relative;
            float: left;
            height: 46px;
            padding: 0 20px 0 30px;
            font-size: 16px;
            line-height: 46px;
            color: #e5cdb2 !important;
            cursor: default;
            border-right: 1px solid #202a35;
            background: rgba(82, 76, 69, 0.87) !important;
            border-radius: 0px !important;
        }

            .wizard ul li .chevron {
                position: absolute;
                top: -1px;
                right: -14px;
                z-index: 1;
                display: block;
                border: 24px solid transparent;
                border-right: 0;
                border-left: 14px solid #d4d4d4;
            }

                .wizard ul li .chevron:before {
                    position: absolute;
                    top: -24px;
                    right: 1px;
                    display: block;
                    border: 24px solid transparent;
                    border-right: 0;
                    border-left: 14px solid #ededed;
                    content: "";
                }

            .wizard ul li.complete {
                color: #556b8d;
                background: #f3f4f5;
            }

                .wizard ul li.complete:hover {
                    cursor: pointer;
                    background: #e1f2ef;
                }

                    .wizard ul li.complete:hover .chevron:before {
                        border-left: 14px solid #e1f2ef;
                    }

                .wizard ul li.complete .chevron:before {
                    border-left: 14px solid #f3f4f5;
                }

            .wizard ul li.active {
                color: #556b8d;
                background: #202a35 !important;
            }

                .wizard ul li.active .chevron:before {
                    border-left: 14px solid #524c45;
                }

            .wizard ul li .badge {
                margin-right: 8px;
                border-radius: 30px;
            }

            .wizard ul li:first-child {
                padding-left: 20px;
                -webkit-border-radius: 4px 0 0 4px;
                -moz-border-radius: 4px 0 0 4px;
                -ms-border-radius: 4px 0 0 4px;
                -o-border-radius: 4px 0 0 4px;
                border-radius: 4px 0 0 4px;
            }

    .wizard .actions {
        position: initial;
        z-index: 1000;
        padding-right: 15px;
        padding-left: 15px;
        line-height: 46px;
        vertical-align: middle;
    }

        .wizard .actions .btn.btn-primary {
            float: right;
        }

            .wizard .actions .btn.btn-primary:hover {
                border: 1px solid #202a35;
                background-color: rgba(82, 76, 69, 0.87) !important;
            }

            .wizard .actions .btn.btn-primary:active {
                border: 1px solid #202a35;
                background-color: rgba(82, 76, 69, 1) !important;
            }

        .wizard .actions a {
            margin-right: 8px;
            font-size: 12px;
            line-height: 45px;
        }

        .wizard .actions .btn-prev i {
            margin-right: 5px;
            color: #fff;
        }

        .wizard .actions .btn-next i {
            margin-left: 5px;
            color: #fff;
        }

        .wizard .actions .btn-next {
            float: right;
        }

        .wizard .actions .btn-prev[disabled] i {
            color: rgba(255, 255, 255, 0.75);
        }

.step-content .step-pane {
    display: none;
}

.step-content .active {
    display: block;
}

    .step-content .active .btn-group .active {
        display: inline-block;
    }

.wizard .steps .badge.badge-info {
    background-color: #977345;
}

.wizard .steps .badge.badge-success {
    background-color: #556b8d;
}

.form-group .title {
    text-align: right;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    height: 205px;
    text-align: center;
    padding-top: 25px;
    margin-left: 20px;
}

.up-buttons {
    float: left;
}

.drop-box.dragover {
    border: 5px dashed blue;
}

.drop-box.dragover-err {
    border: 5px dashed red;
}

.ng-wizard {
    margin: 10px 0;
}

    .ng-wizard h2 {
        margin: 15px 0;
    }

.rc-nav-wizard > li {
    float: left;
    font-size: 18px;
}

    .rc-nav-wizard > li + li {
        margin-left: 2px;
    }

    .rc-nav-wizard > li > a {
        border-radius: 5px;
        cursor: default;
        color: #909aa0;
    }

        .rc-nav-wizard > li > a,
        .rc-nav-wizard > li > a:hover,
        .rc-nav-wizard > li > a:focus {
            background-color: transparent;
        }

            .rc-nav-wizard > li > a > .badge {
                margin-left: 3px;
                font-size: 18px;
                padding: 5px 9px;
                border-radius: 15px;
                color: #ffffff;
                background-color: #909aa0;
            }
    /* active = current wizard step */
    .rc-nav-wizard > li.active > a,
    .rc-nav-wizard > li.active > a:hover,
    .rc-nav-wizard > li.active > a:focus {
        color: #556b8d;
        background-color: transparent;
    }

.rc-nav-wizard > .active > a > .badge {
    color: #ffffff;
    background-color: #556b8d;
}
/* success = completed wizard step */
.rc-nav-wizard > li.success > a,
.rc-nav-wizard > li.success > a:hover,
.rc-nav-wizard > li.success > a:focus {
    color: #27b6af;
    background-color: transparent;
}

.rc-nav-wizard > .success > a > .badge {
    color: #ffffff;
    background-color: #27b6af;
}
/* ==========================================================================
   Login, Sign Up, Loacked Screen
   ========================================================================== */
#login-wrapper {
    margin: 100px auto;
}

    #login-wrapper .logo {
        color: #a94442;
        font-size: 2em;
        text-transform: uppercase;
        padding: 15px 0 0 15px;
        /*display: inline-block;*/
    }

        #login-wrapper .logo span {
            font-weight: 700;
            font-size: 35px;
        }

        #login-wrapper .logo img {
            margin-top: -5px;
        }

    #login-wrapper .brand {
        text-align: left;
        padding-left: 5%;
    }

    #login-wrapper .form-group i {
        position: absolute;
        left: 27px;
        top: 11px;
    }

    #login-wrapper #email,
    #login-wrapper #password {
        padding-left: 32px;
    }

    #login-wrapper #locked-screen .profile-pic {
        margin: 15px 0;
    }
/* ==========================================================================
   Profile
   ========================================================================== */
.profile-pic {
    margin: 20px 0 0 0;
}

    .profile-pic img {
        border: 7px solid #e5e6ea;
    }

.profile-info .connect {
    margin: 15px 0 5px 0;
}

    .profile-info .connect button {
        margin-right: 15px;
    }

.timeline-post-to textarea {
    min-height: 80px;
    margin-bottom: 15px;
}

.timeline-post-to:before {
    width: 10px;
    height: 10px;
    border-style: solid;
    content: " ";
    position: absolute;
    left: 5px;
    top: 19px;
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent;
    display: block;
}

.timeline-post ul {
    padding: 0;
    list-style: none;
    margin: 0 15px 0 30px;
    border-left: 2px solid #ddd;
}

    .timeline-post ul li {
        padding: 5px 15px;
        display: block;
        min-height: 54px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin: 20px 0 20px 40px;
        background: #efefef;
        position: relative;
        border-left: 4px solid transparent;
    }

        .timeline-post ul li:before {
            width: 10px;
            height: 10px;
            border-style: solid;
            content: " ";
            position: absolute;
            left: -14px;
            top: 19px;
            border-width: 8px 8px 8px 0;
            border-color: transparent #efefef transparent transparent;
            display: block;
        }

        .timeline-post ul li img {
            margin-bottom: 15px;
        }

.timeline-post .date {
    position: absolute;
    left: -69px;
    top: 0;
    width: 50px;
    height: 50px;
    background: #556b8d;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2em;
}

    .timeline-post .date span {
        color: #fff;
        font-size: 18px;
        display: block;
        margin-top: 7px;
        font-weight: 600;
    }

        .timeline-post .date span.small {
            color: #fff;
            font-size: 12px;
            display: block;
            margin-top: -2px;
        }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* ==========================================================================
   Error Pages 404 and 500
   ========================================================================== */
#error-container {
    text-align: center;
    margin: 100px auto 0px;
}

    #error-container header h1 {
        font-size: 10em;
    }

    #error-container header p {
        text-transform: uppercase;
        font-size: 2em;
    }

    #error-container p {
        margin: 10px 0 20px 0;
    }

.cal1 .clndr .clndr-controls {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}

    .cal1 .clndr .clndr-controls .month {
        display: inline-block;
        width: 190px;
        text-align: center;
        color: #c1c1c1;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 300;
        padding: 5px 5px;
        position: relative;
        top: 2px;
    }

    .cal1 .clndr .clndr-controls .clndr-control-button {
        display: inline-block;
        text-align: right;
    }

        .cal1 .clndr .clndr-controls .clndr-control-button.leftalign {
            text-align: left !important;
        }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
            cursor: pointer;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
            padding: 5px 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            color: #C1C1C1;
        }

            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
                background: #f4f4f4;
                padding: 5px 10px;
            }

            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive {
                opacity: 0.5;
            }

                .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
                    background: none;
                    cursor: default;
                }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
            cursor: pointer;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
            padding: 5px 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            color: #C1C1C1;
        }

            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
                background: #f4f4f4;
                padding: 5px 10px;
            }

            .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive {
                opacity: 0.5;
            }

                .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
                    background: none;
                    cursor: default;
                }

.cal1 .clndr .clndr-table {
    table-layout: fixed;
    width: 100%;
}

    .cal1 .clndr .clndr-table .header-days {
        height: 40px;
        font-size: 10px;
        background: #fff;
    }

        .cal1 .clndr .clndr-table .header-days .header-day {
            vertical-align: middle;
            text-align: center;
            border-left: 0px solid #000000;
            border-top: 0px solid #000000;
            color: #666;
            font-size: 14px;
        }

            .cal1 .clndr .clndr-table .header-days .header-day:last-child {
                border-right: 0px solid #000000;
            }

    .cal1 .clndr .clndr-table tr {
        height: auto;
    }

        .cal1 .clndr .clndr-table tr td {
            vertical-align: top;
        }

        .cal1 .clndr .clndr-table tr .day {
            border-left: 0px solid #000000;
            border-top: 0px solid #000000;
            width: 100%;
            height: inherit;
        }

            .cal1 .clndr .clndr-table tr .day.inactive {
                background: #ddd;
            }

            .cal1 .clndr .clndr-table tr .day:last-child {
                border-right: 0px solid #000000;
            }

            .cal1 .clndr .clndr-table tr .day .day-contents {
                box-sizing: border-box;
                padding: 8px;
                font-size: 12px;
                text-align: center;
            }

        .cal1 .clndr .clndr-table tr .empty,
        .cal1 .clndr .clndr-table tr .adjacent-month {
            border-left: 0px solid #000000;
            border-top: 0px solid #000000;
            width: 100%;
            height: inherit;
        }

            .cal1 .clndr .clndr-table tr .empty:last-child,
            .cal1 .clndr .clndr-table tr .adjacent-month:last-child {
                border-right: 0px solid #000000;
            }

        .cal1 .clndr .clndr-table tr:last-child .day {
            border-bottom: 0px solid #000000;
        }

        .cal1 .clndr .clndr-table tr:last-child .empty {
            border-bottom: 0px solid #000000;
        }

.calendar-block {
    background: #fff;
}

.event-list-block {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}

.calendar-block .day-contents {
    width: 30px;
    margin: auto;
}

.today .day-contents {
    width: 30px;
    background: #BF2A27;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.calendar-block .day-contents:hover {
    width: 30px;
    background: #1fb0ab;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cal1 .clndr .clndr-controls {
    display: block !important;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    background: #BF2A27;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    padding: 23px 20px;
    width: auto !important;
    color: #fff;
}

    .cal1 .clndr .clndr-controls .month span {
        display: block;
        font-size: 30px;
        padding: 0px 10px;
        margin-bottom: 10px;
    }

    .cal1 .clndr .clndr-controls .month {
        color: #fff;
    }

    .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
    .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
        color: #fff;
    }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover,
        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
            background: #f4f4f4;
            padding: 5px 10px;
            color: #1fb0ab;
        }

.clndr-previous-button {
    left: 15px;
    top: 25px;
    position: absolute;
}

.clndr-next-button {
    right: 15px;
    top: 25px;
    position: absolute;
}

.clndr-ang {
    display: block;
    margin: 0 auto;
}

    .clndr-ang .clndr-ang-controls {
        background: #27b6af;
        display: block !important;
        position: relative;
        margin-bottom: 10px;
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        padding: 23px 20px;
        width: auto !important;
        color: #fff;
    }

        .clndr-ang .clndr-ang-controls .month {
            display: inline-block;
            width: 190px;
            text-align: center;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 300;
            position: relative;
        }

        .clndr-ang .clndr-ang-controls .clndr-ang-previous-button {
            right: auto;
            left: 20px;
            top: 10px;
            font-size: 1.7em;
            position: absolute;
        }

        .clndr-ang .clndr-ang-controls .clndr-ang-next-button {
            left: auto;
            right: 20px;
            top: 10px;
            font-size: 1.7em;
            position: absolute;
        }

        .clndr-ang .clndr-ang-controls:hover {
            cursor: pointer;
        }

    .clndr-ang .clndr-ang-grid .days-of-the-week {
        width: 100%;
    }

        .clndr-ang .clndr-ang-grid .days-of-the-week .header-day {
            float: left;
            width: 14.28571%;
            padding: 12px 0;
            text-align: center;
        }

    .clndr-ang .days .day,
    .clndr-ang .days .empty {
        float: left;
        width: 14.28571%;
        padding: 8px;
        position: relative;
        text-align: center;
    }

        .clndr-ang .days .day.today,
        .clndr-ang .days .empty.today {
            background: #27b6af;
            color: #fff;
        }

        .clndr-ang .days .day .event-indicator,
        .clndr-ang .days .empty .event-indicator {
            background-color: #1f7bb6;
            border-radius: 100%;
            color: #fff;
            cursor: pointer;
            font-size: 9px;
            height: 15px;
            line-height: 16px;
            position: absolute;
            right: 0px;
            top: 0px;
            width: 15px;
        }

        .clndr-ang .days .day.adjacent-month,
        .clndr-ang .days .empty.adjacent-month {
            opacity: 0.3;
        }

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 200000;
    opacity: .6;
}

    .preloader .iconWrapper {
        background: none;
        margin: 20% auto;
        height: 150px;
        width: 150px;
    }

        .preloader .iconWrapper i {
            font-size: 3em;
            color: #000;
        }

.preloader-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 200000;
    opacity: .6;
    top: 0;
}

    .preloader-inner .iconWrapper {
        background: none;
    }

        .preloader-inner .iconWrapper i {
            font-size: 3em;
            color: #000;
        }

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
}

.modal-content {
    box-shadow: none;
    border-radius: 0;
    border: solid 10px rgba(255, 255, 255, 0.6);
}

.mail-option ul li {
    list-style: none;
}

#view-mail-wrapper header {
    color: #a2a2a2;
}

    #view-mail-wrapper header h2 {
        border-bottom: 1px solid #ddd;
        padding: 0 0 15px 0;
    }

    #view-mail-wrapper header p {
        position: absolute;
        right: 35px;
        top: 20px;
    }

#view-mail-wrapper .view-mail-header {
    padding-top: 5px;
}

    #view-mail-wrapper .view-mail-header img {
        margin-right: 10px;
    }

#view-mail-wrapper .view-mail-reply {
    margin-top: 12px;
}

#view-mail-wrapper .view-mail-body {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}

    #view-mail-wrapper .view-mail-body p {
        line-height: 1.8em;
    }

    #view-mail-wrapper .view-mail-body .panel-footer,
    #view-mail-wrapper .view-compose-body .panel-footer {
        background: #fff;
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 15px 0;
    }

        #view-mail-wrapper .view-mail-body .panel-footer h5 {
            display: inline-block;
        }

        #view-mail-wrapper .view-mail-body .panel-footer .attchments {
            padding: 0 8px;
            text-transform: lowercase;
        }

        #view-mail-wrapper .view-mail-body .panel-footer button.pull-right {
            margin: 0 0 0px 8px;
        }

.send-options {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 45px;
    top: 22px;
}

    .send-options a {
        color: #979797;
    }

#form-group-cc,
#form-group-bcc {
    display: none;
}

.compose-nav > li + li {
    margin-left: 0;
    margin-top: 0px;
}

.compose-nav li a,
.compose-nav li a:visited {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #f2f3f6;
    padding: 15px;
    border-right: 3px solid rgba(0, 0, 0, 0);
    color: #5D5F63;
}

.compose-nav > li.active > a,
.compose-nav > li.active > a:hover,
.compose-nav > li.active > a:focus {
    background: #f9f9f9;
    color: #556b8d;
    border-left: 3px solid #556b8d;
    margin-left: -3px;
}

.compose-nav > li > a:hover,
.compose-nav > li > a:focus {
    background: #f9f9f9;
    color: #556b8d;
    border-left: 3px solid #556b8d;
    margin-left: -3px;
}

.mail-checkbox {
    margin: 0 15px 0 8px;
}

.mail-option .btn-group .fa-refresh,
.pag-left,
.pag-right {
    color: #fff;
}

.inbox-pag li {
    float: left;
    margin-left: 5px;
}

    .inbox-pag li span {
        display: inline-block;
        margin-top: 7px;
        margin-right: 5px;
    }

.compose-nav {
    margin: 15px -15px 0 -15px;
}

.table-inbox span.title {
    display: block;
    font-weight: bold;
}

.table-inbox tr {
    background: #f9f9f9;
}

    .table-inbox tr.unread {
        background: #fff;
    }

.table-inbox a,
.table-inbox a:visited {
    color: #5D5F63;
}

.table-inbox .unread a,
.table-inbox .unread a:visited {
    color: #556b8d;
}

.table-inbox .fa-star {
    color: #edce8c;
}

.theme-default #header {
    background: #fff;
}

    .theme-default #header .logo,
    .theme-default #header button.sidebar-toggle,
    .theme-default #header button#toggle-profile,
    .theme-default #header button#toggle-fullscreen,
    .theme-default #header .nav li.profile > a {
        color: #a94442;
    }

        .theme-default #header button.sidebar-toggle:hover,
        .theme-default #header button.sidebar-toggle:active,
        .theme-default #header button#toggle-profile:hover,
        .theme-default #header button#toggle-profile:active,
        .theme-default #header button#toggle-fullscreen:hover,
        .theme-default #header button#toggle-fullscreen:active {
            background: #FBFBFB;
        }

        .theme-default #header .nav li.profile > a:hover,
        .theme-default #header .nav li.profile > a:active,
        .theme-default #header .nav li.profile > a:focus {
            background: #FBFBFB;
        }

.theme-default .sidebar-left {
    /*background-color: #a94442;*/
}

    .theme-default .sidebar-mini .sidebar-left .nav > li.active > a:focus,
    .theme-default .sidebar-mini .sidebar-left .nav > li.active > a:hover,
    .theme-default .sidebar-left .nav > li.active > a,
    .theme-default .sidebar-left .nav > li.active > a:focus,
    .theme-default .sidebar-left .nav > li.active > a:hover {
        color: #fff;
        background-color: #27b6af;
    }

    .theme-default .sidebar-left .nav > li.open > a,
    .theme-default .sidebar-left .nav > li > a:hover {
        color: #1d2939;
        background-color: #ffffff;
    }

.theme-default.sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > .nav-sub,
.theme-default.sidebar-mini .sidebar-left .nav > li:hover > .nav-sub {
    /*background-color: #a94442;*/
}

.theme-default .sidebar-profile {
    background: #13161c;
}

.theme-default.sidebar-mini .sidebar-left .nav > li.active > a,
.theme-default.sidebar-mini .sidebar-left .nav > li.active > a:focus,
.theme-default.sidebar-mini .sidebar-left .nav > li.active > a:hover,
.theme-default .sidebar-left .nav > li.active > a,
.theme-default .sidebar-left .nav > li.active > a:focus,
.theme-default .sidebar-left .nav > li.active > a:hover {
    color: #fff;
    background-color: #27b6af;
}

.theme-default.sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > a,
.theme-default.sidebar-mini .sidebar-left .nav > li:hover > a {
    color: #1d2939;
    background-color: #fff;
}

.theme-dark #header {
    background: #fff;
}

    .theme-dark #header .brand {
        background: #a94442;
    }

        .theme-dark #header .brand .logo {
            color: #fff;
        }

    .theme-dark #header button.sidebar-toggle,
    .theme-dark #header button#toggle-profile,
    .theme-dark #header button#toggle-fullscreen,
    .theme-dark #header .nav li.profile > a {
        color: #a94442;
    }

        .theme-dark #header button.sidebar-toggle:hover,
        .theme-dark #header button.sidebar-toggle:active,
        .theme-dark #header button#toggle-profile:hover,
        .theme-dark #header button#toggle-profile:active,
        .theme-dark #header button#toggle-fullscreen:hover,
        .theme-dark #header button#toggle-fullscreen:active {
            background: #FBFBFB;
        }

        .theme-dark #header .nav li.profile > a:hover,
        .theme-dark #header .nav li.profile > a:active,
        .theme-dark #header .nav li.profile > a:focus {
            background: #FBFBFB;
        }

.theme-dark .sidebar-left {
    /*background-color: #a94442;*/
}

    .theme-dark .sidebar-mini .sidebar-left .nav > li.active > a:focus,
    .theme-dark .sidebar-mini .sidebar-left .nav > li.active > a:hover,
    .theme-dark .sidebar-left .nav > li.active > a,
    .theme-dark .sidebar-left .nav > li.active > a:focus,
    .theme-dark .sidebar-left .nav > li.active > a:hover {
        color: #fff;
        background-color: #27b6af;
    }

    .theme-dark .sidebar-left .nav > li.open > a,
    .theme-dark .sidebar-left .nav > li > a:hover {
        color: #1d2939;
        background-color: #ffffff;
    }

.theme-dark.sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > .nav-sub,
.theme-dark.sidebar-mini .sidebar-left .nav > li:hover > .nav-sub {
    /*background-color: #a94442;*/
}

.theme-dark .sidebar-profile {
    background: #13161c;
}

.theme-dark.sidebar-mini .sidebar-left .nav > li.active > a,
.theme-dark.sidebar-mini .sidebar-left .nav > li.active > a:focus,
.theme-dark.sidebar-mini .sidebar-left .nav > li.active > a:hover,
.theme-dark .sidebar-left .nav > li.active > a,
.theme-dark .sidebar-left .nav > li.active > a:focus,
.theme-dark .sidebar-left .nav > li.active > a:hover {
    color: #fff;
    background-color: #27b6af;
}

.theme-dark.sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > a,
.theme-dark.sidebar-mini .sidebar-left .nav > li:hover > a {
    color: #1d2939;
    background-color: #fff;
}

.theme-dark-full #header {
    background-color: #1f2a35;
    border-bottom: 1px solid #977345;
}

    .theme-dark-full #header .brand {
        background: #252525;
        border-bottom: 1px solid #BF2A27;
    }

        .theme-dark-full #header .brand .logo {
            color: #fff;
        }

    .theme-dark-full #header button.sidebar-toggle,
    .theme-dark-full #header button#toggle-profile,
    .theme-dark-full #header button#toggle-fullscreen,
    .theme-dark-full #header .nav li.profile > a {
        color: #ead29b;
    }

        .theme-dark-full #header button.sidebar-toggle:hover,
        .theme-dark-full #header button.sidebar-toggle:active,
        .theme-dark-full #header button#toggle-profile:hover,
        .theme-dark-full #header button#toggle-profile:active,
        .theme-dark-full #header button#toggle-fullscreen:hover,
        .theme-dark-full #header button#toggle-fullscreen:active {
            color: #977345;
            /*background: #131313;
            border-bottom: 1px solid #BF2A27;*/
        }

        .theme-dark-full #header .nav li.profile > a:hover,
        .theme-dark-full #header .nav li.profile > a:active,
        .theme-dark-full #header .nav li.profile > a:focus {
            /*background: #131313;
            border-bottom: 1px solid #BF2A27;*/
        }

.theme-dark-full .sidebar-left-nav {
    background-color: #1f2a35;
}


.theme-dark-full .sidebar-left {
    background-color: #1f2a35;
}

    .theme-dark-full .sidebar-mini .sidebar-left .nav > li.active > a:focus,
    .theme-dark-full .sidebar-mini .sidebar-left .nav > li.active > a:hover,
    .theme-dark-full .sidebar-left .nav > li.active > a,
    .theme-dark-full .sidebar-left .nav > li.active > a:focus,
    .theme-dark-full .sidebar-left .nav > li.active > a:hover {
        color: #fff;
        /*background-color: #a94442;*/
    }

    .theme-dark-full .sidebar-left .nav > li.open > a,
    .theme-dark-full .sidebar-left .nav > li > a:hover {
        color: #1d2939;
    }

.theme-dark-full.sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > .nav-sub,
.theme-dark-full.sidebar-mini .sidebar-left .nav > li:hover > .nav-sub {
    /*background-color: #a94442;*/
}

.theme-dark-full .sidebar-profile {
    background: #1f2a35;
}

.theme-dark-full.sidebar-mini .sidebar-left .nav > li.active > a,
.theme-dark-full.sidebar-mini .sidebar-left .nav > li.active > a:focus,
.theme-dark-full.sidebar-mini .sidebar-left .nav > li.active > a:hover,
.theme-dark-full .sidebar-left .nav > li.active > a,
.theme-dark-full .sidebar-left .nav > li.active > a:focus,
.theme-dark-full .sidebar-left .nav > li.active > a:hover {
    color: #fff;
    background-color: #BF2A27;
}

.theme-dark-full.sidebar-mini .sidebar-left .nav > li.nav-dropdown-open > a,
.theme-dark-full.sidebar-mini .sidebar-left .nav > li:hover > a {
    color: #1d2939;
    background-color: #fff;
}

div.config {
    background: #F0F3F3;
    width: 205px;
    position: fixed;
    top: 185px;
    z-index: 1002;
    border-radius: 0 0 0 5px;
    right: -205px;
}

    div.config div.config-swatch-wrap {
        margin: 10px;
        position: relative;
    }

    div.config h4 {
        background-color: #a94442;
        color: #fff;
        padding: 2px 0 5px 10px;
        margin: 0;
        line-height: 30px;
        font-size: 13px;
    }

        div.config h4 a {
            background-color: #a94442;
            display: block;
            height: 37px;
            position: absolute;
            left: -40px;
            top: 0;
            width: 40px;
            font-size: 17px;
            line-height: 40px;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            border-radius: 5px 0 0 5px;
        }

            div.config h4 a i {
                margin-right: 5px;
            }

            div.config h4 a:hover {
                text-decoration: none;
            }

.config-swatch-wrap .options {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .config-swatch-wrap .options li.title {
        font-weight: 700;
        font-size: 0.813em;
        text-transform: uppercase;
        padding: 5px 10px;
        width: 100%;
    }

    .config-swatch-wrap .options li {
        width: 100%;
        padding: 5px 0;
    }

    .config-swatch-wrap .options .theme-style-wrapper {
        height: 30px;
        border: 1px solid #E0E0E0;
    }

        .config-swatch-wrap .options .theme-style-wrapper span.header {
            width: 50%;
            height: 10px;
            float: left;
        }

        .config-swatch-wrap .options .theme-style-wrapper span.nav {
            width: 50%;
            height: 20px;
            float: left;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-white {
            background: #fff;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-dark {
            background: #a94442;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-info {
            background: #1f7bb6;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-grey {
            background: #909aa0;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-red {
            background: #e25d5d;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-green {
            background: #27b6af;
        }

        .config-swatch-wrap .options .theme-style-wrapper .bg-dark-blue {
            background: #556b8d;
        }

        .config-swatch-wrap .options .theme-style-wrapper:hover {
            cursor: pointer;
        }

.login {
    /*background: 
    linear-gradient(
      rgba(37,37,37, 0.55), 
      rgba(19,19,19, 0.35)
    ),
    url('FSbg2.jpg');
  background-size:cover;*/
}



.autopublish-body {
    color: #ffffff;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    position: relative;
    /*background-color: rgba(53, 53, 53,1);*/
    background:
    /* top, transparent black */
    linear-gradient( rgba(53, 53, 53, 0.95), rgba(19,19,19, 0.95) ),
    /* bottom, image */
    url('bg3.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.autopublish-body-Message {
    color: #ffffff;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    position: relative;
    background-color: rgba(53, 53, 53,1);
}

.autopublish-btn {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-bottom: 0;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-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;
    padding: 5px;
    margin: 3px;
}

.autopublish-btn-dropdown {
    /*background-size: 90%;
    background-color: #242424;
    background-position-y: center;
    display: block;
    width: 100%;
    height: 75px;
    background-repeat: no-repeat;
    margin: 2px;
    padding: 12% 0% 0% 40%;
    font-size: 80%;*/
    display: inline-block;
    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;
    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: 2px;
    padding: 6px 12px;
    width: 200px;
}

.autopublish-btn:hover, .autopublish-btn:focus, .autopublish-btn.focus {
    color: #333;
    text-decoration: none;
}

.autopublish-btn:active, .autopublish-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);
}

.autopublish-btn.disabled, .autopublish-btn[disabled], fieldset[disabled] .autopublish-btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-success-autopublish {
    color: #fff;
    background-color: #252525;
    border-color: #923E3C;
}

    .btn-success-autopublish:hover, .btn-success-autopublish:focus, .btn-success-autopublish.focus, .btn-success-autopublish:active, .btn-success-autopublishactive, .open > .dropdown-toggle.btn-success-autopublish {
        color: #fff;
        background-color: #923E3C;
        border-color: #a94442;
    }

    .btn-success-autopublish.disabled, .btn-success-autopublish[disabled], fieldset[disabled] .btn-success-autopublish, .btn-success-autopublish.disabled:hover, .btn-success-autopublish[disabled]:hover, fieldset[disabled] .btn-success-autopublish:hover, .btn-success-autopublish.disabled:focus, .btn-success-autopublish[disabled]:focus, fieldset[disabled] .btn-success-autopublish:focus, .btn-success-autopublish.disabled.focus, .btn-success-autopublish[disabled].focus, fieldset[disabled] .btn-success-autopublish.focus, .btn-success-autopublish.disabled:active, .btn-success-autopublish[disabled]:active, fieldset[disabled] .btn-success-autopublish:active, .btn-success-autopublish.disabled.active, .btn-success-autopublish[disabled].active, fieldset[disabled] .btn-success-autopublish.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success-autopublish .badge {
        color: #5cb85c;
        background-color: #fff;
    }






.btn-success-autopublish-dropdown {
    color: #fff;
    background-color: #252525;
    border-color: #923E3C;
}

    .btn-success-autopublish-dropdown:hover, .btn-success-autopublish-dropdown:focus, .btn-success-autopublish-dropdown.focus, .btn-success-autopublish-dropdown:active, .btn-success-autopublish-dropdown:active, .open > .dropdown-toggle.btn-success-autopublish-dropdown {
        color: #fff;
        background-color: #923E3C;
        border-color: #a94442;
    }

    .btn-success-autopublish-dropdown.disabled, .btn-success-autopublish-dropdown[disabled], fieldset[disabled] .btn-success-autopublish-dropdown, .btn-success-autopublish-dropdown.disabled:hover, .btn-success-autopublish-dropdown[disabled]:hover, fieldset[disabled] .btn-success-autopublish-dropdown:hover, .btn-success-autopublish-dropdown.disabled:focus, .btn-success-autopublish-dropdown[disabled]:focus, fieldset[disabled] .btn-success-autopublish-dropdown:focus, .btn-success-autopublish.disabled.focus, .btn-success-autopublish-dropdown[disabled].focus, fieldset[disabled] .btn-success-autopublish-dropdown.focus, .btn-success-autopublish-dropdown-dropdown.disabled:active, .btn-success-autopublish-dropdown[disabled]:active, fieldset[disabled] .btn-success-autopublish-dropdown:active, .btn-success-autopublish-dropdown.disabled.active, .btn-success-autopublish-dropdown[disabled].active, fieldset[disabled] .btn-success-autopublish-dropdown.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success-autopublish-dropdown .badge {
        color: #5cb85c;
        background-color: #fff;
    }

    .btn-success-autopublish-dropdown li > a:hover, .btn-success-autopublish-dropdown li > a:focus {
        color: #5cb85c;
        background-color: #fff;
    }



.startautopublish {
    background-image: url('./AutoPublish/StartPublishtrans.png');
}

.UpdateRepotrans {
    background-image: url('./AutoPublish/UpdateRepotrans.png');
}

.Assembliestrans {
    background-image: url('./AutoPublish/Assembliestrans.png');
}

.PublishService {
    background-image: url('./AutoPublish/PublishServicetrans.png');
}

.BuildExcalburtrans {
    background-image: url('./AutoPublish/BuildExcalburtrans.png');
}

.DatabaseClass {
    background-image: url('./AutoPublish/StartPublishtrans.png');
}

.backupDBtrans {
    background-image: url('./AutoPublish/DatabaseClass.png');
}

.PublishExcaliburtrans {
    background-image: url('./AutoPublish/PublishExcaliburtrans.png');
}

.CommitAssembliestrans {
    background-image: url('./AutoPublish/CommitAssembliestrans.png');
}

.ClearPublishFolderstrans {
    background-image: url('./AutoPublish/ClearPublishFolderstrans.png');
}

.netReactor {
    background-image: url('./AutoPublish/netReactor.png');
}

.InstanceControltrans {
    background-image: url('./AutoPublish/InstanceControltrans.png');
}

.ChangelogEmailtrans {
    background-image: url('./AutoPublish/ChangelogEmailtrans.png');
}

.Result-List {
    text-decoration: none;
}

.Result-List-Item img {
    height: 20px;
}

.nav-bar {
    padding-top: 6px;
    /* position: absolute; */
}


#breadcrums {
    z-index: 200;
    width: 100%;
    background: #262d38;
    border-bottom: 2px solid #977345;
    padding: 3px 15px;
    position: fixed;
}

    #breadcrums span {
        color: white;
    }

#wrapper {
    width: 250px;
    overflow: hidden;
    height: 100%;
}

#scroller {
    width: 270px;
    height: 500px;
    overflow-y: scroll;
}

.a-link {
    padding-top: 10px;
    color: #e3cba2;
}

.row-menu {
    margin-right: -5px;
    margin-left: -15px;
}

    .row-menu:before,
    .row-menu:after {
        display: table;
        content: " ";
    }

    .row-menu:after {
        clear: both;
    }

#nav-header button.sidebar-toggle,
#nav-header button#toggle-profile,
#nav-header button#toggle-fullscreen,
#nav-header button.options {
    font-size: 5px !important;
    cursor: pointer;
    float: left;
    background-color: transparent;
    border: none;
}

    #nav-header button.sidebar-toggle i {
        font-size: 15px !important;
        cursor: pointer;
        float: left;
        background-color: transparent;
        border: none;
    }

    #nav-header button.sidebar-toggle:hover,
    #nav-header button.sidebar-toggle:active,
    #nav-header button#toggle-profile:hover,
    #nav-header button#toggle-profile:active,
    #nav-header button#toggle-fullscreen:hover,
    #nav-header button#toggle-fullscreen:active {
        box-shadow: none;
        outline: none !important;
        border: none;
    }

    #nav-header button.sidebar-toggle:focus,
    #nav-header button#toggle-profile:focus,
    #nav-header button#toggle-fullscreen:focus {
        outline: none;
        border: none;
    }

.breadcrums-toggle {
    /* text-align: right; */
    /* padding-left: 70% !important; */
    /* padding-top: 5px !important; */
    float: left;
}

.PAM-full {
    position: fixed;
    /* top: 137px; */
    left: 9%;
    /* right:0px; */
    bottom: 0px !important;
    margin: 0 auto;
    width: 30%;
}

.TC_overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999999999;
    background-color: rgba(40, 47, 59, 0.8);
    background-image: url('/Content/Admin/Images/TC.png');
    background-size: 80% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    /* padding-top: 8%; */
    width: 100%;
}

.logout_overlay {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0px;
    border: 1px solid rgba(0,0,0,.2);
    background-color: rgba(38, 47, 57, 0.88) !important;
    background-size: 90% 100%;
    background-repeat: no-repeat;
    z-index: 99999999999999999 !important;
}



    .logout_overlay .loading-container {
        position: fixed;
        top: 30%;
        height: auto;
        width: 100%;
        background-color: rgba(157, 129, 93, 0.4);
        border-top: 5px solid #262f39;
        border-bottom: 5px solid #282f3b;
        -webkit-box-shadow: inset 5px 5px 22px -4px rgba(0,0,0,0.78);
        -moz-box-shadow: inset 5px 5px 22px -4px rgba(0,0,0,0.78);
        box-shadow: inset 5px 5px 22px -4px rgba(0,0,0,0.78);
    }

        .logout_overlay .loading-container span {
            position: absolute;
            top: 4%;
            left: 40%;
            width: 20%;
            font-size: 25px;
            text-align: center;
            color: #9c9c9c;
        }

        .logout_overlay .loading-container img {
            position: absolute;
            top: 0%;
            left: 34%;
            width: 27%;
        }

        .logout_overlay .loading-container .errorAsterisk {
            float: right;
            position: absolute;
            top: 0px;
            right: 50px;
            display: none;
        }

        .logout_overlay .loading-container .panel-group {
            margin-top: 7%;
        }

            .logout_overlay .loading-container .panel-group .panel {
                border: 0px solid red;
                box-shadow: none;
                /* margin-top: 20px; */
                margin: 0 auto;
                width: 500px;
            }

            .logout_overlay .loading-container .panel-group .panel-heading {
                text-align: center;
                background-color: transparent !important;
                border: 0px !important;
            }

#TC-header {
    position: fixed;
    top: 120px;
    left: 60px;
    right: 0px;
    bottom: 0px;
    margin: 0 auto;
    width: 580px;
    /* border:1px solid red; */
}

    #TC-header h1 {
        position: fixed;
        top: 25%;
        left: 4%;
        right: 0px;
        bottom: 0px;
        margin: 0 auto;
        width: 580px;
        /* border:1px solid red; */
        text-align: center;
    }

.logout_overlay .loading-container .panel-group .panel-heading .panel-title > a {
    font-size: 20px;
    text-decoration: none;
    color: #c5c6c5;
    background-color: #262f39;
}

    .logout_overlay .loading-container .panel-group .panel-heading .panel-title > a:hover {
        color: #816c54;
    }

.loading-container form {
    /* width:20%; */
    text-align: justify;
    /* margin-top: 10px; */
    /* margin-left: 38.5%; */
    /* margin-right: 40%; */
    border: 5px solid rgba(38, 47, 57, 0.8);
    /* height: 31%; */
    border-radius: 4px;
    padding: 10px;
    background-color: #565047;
}

.logout_overlay .login-content {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 30%;
    border-radius: 0px !important;
    width: 100% !important;
    background-color: rgba(0,0,0,.175);
    /* width: 350px!important; */
    padding: 0px 0px !important;
    border-bottom: 1px solid rgba(151, 115, 69, 0.5);
}

    .logout_overlay .login-content .login-container {
        position: fixed;
        left: 0px;
        right: 0px;
        margin: 0px !important;
        padding: 0px;
    }


        .logout_overlay .login-content .login-container #collapseOne {
            margin-left: 35%;
            margin-right: 35%;
        }

        .logout_overlay .login-content .login-container form {
            padding-top: 75px;
        }

        .logout_overlay .login-content .login-container .panel-heading {
            position: fixed;
            left: 0px;
            right: 0px;
            height: 65px;
            font-size: 20px;
            padding-top: 16px;
            color: rgba(151, 115, 69, 0.96) !important;
            text-align: center;
            border: 1px solid rgba(151, 115, 69, 0.5);
            z-index: 999999;
            background-color: rgba(38, 45, 58, 0.54) !important;
        }


.logout_overlay .panel-collapse {
    margin: 0 auto !important;
}

.logout_overlay .login-content .login-container input {
    height: 22px;
    font-size: 12px;
    border-radius: 3px;
}

.logout_overlay .accordion-menu {
    margin: 14% auto !important;
    display: inline-block;
    background-color: rgba(151, 115, 69, 0.2);
    padding-left: 25px !important;
}

    .logout_overlay .accordion-menu .sub-list {
        width: 14%;
        height: 150px;
    }

        .logout_overlay .accordion-menu .sub-list a p {
            font-size: 11px;
            width: 100% !important;
            padding-top: 10px;
        }

        .logout_overlay .accordion-menu .sub-list a span {
            font-size: 80px;
        }

.logout_overlay .k-button p {
    float: left;
}

.logout_overlay .k-button span {
    color: red;
    font-size: 50px;
}

.login-container .panel {
    background-color: rgba(151, 115, 69, 0.2);
}

.TC_overlay h1 {
    color: #202a35;
    width: 65%;
    font-size: 26px;
    font-family: "Matura MT Script Capitals";
    margin: 0px 0px 20px 0px;
    text-shadow: 2px 2px 1px rgba(0,0,0,.5);
}

.TC_overlay .pull-right {
    margin-right: 0px;
}

.TnC_desc {
    font-size: 13px;
    margin: 5px;
}

.TC-Content {
    width: 60%;
    margin: 0 auto;
    /* padding-top: 5%; */
    z-index: 999999999;
    position: fixed;
    /* height: 800px; */
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    top: 0px;
    left: 0%;
    right: 0px;
    bottom: 0px;
}

    .TC-Content .panel-group {
        height: 60%;
        width: 70%;
        position: absolute;
        top: 25%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        overflow-x: auto;
        padding-right: 0px;
    }

    .TC-Content #btnTC {
        /*position: fixed;
    top: 95%;
    left: 5%;
    right:0px;
    bottom: 0px;*/
        margin: 0 auto;
    }

#btnTC {
    border: 1px solid #856650;
    text-align: center;
    padding-top: 2px;
    font-size: 12px;
    height: 25px;
    width: 100%;
    font-family: "Helvetica";
    background-color: #202a35;
    border-radius: 2px;
}

    #btnTC a {
        color: #fbfbfc;
    }

        #btnTC a:hover {
            color: #977345;
        }

.TC-Content #btnTC:hover a {
    color: #977345;
}

.TC_overlay .panel.panel-inverse.overflow-hidden {
    border-radius: 2px !important;
    box-shadow: 2px 2px rgba(85, 76, 66, 0.3);
    max-height: 300px;
}

.campaignLabel p, h2 {
    text-align: center;
    font-size: 12px;
    color: #202a35;
}

.campaignDecision {
    font-size: 14px;
}

.boxFix *,
.boxFix *::before,
.boxFix *::after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.trv-parameters-area {
    margin: 10px;
}

.balanceRow {
    background-color: #242c38;
    margin: 0px 1px 10px 1px;
}

    .balanceRow label {
        color: #dcc1a5;
    }






/*for the progress bar inside the matter score on the home page*/

/*.MatterProgressCircle {
    width: 60px;
    height: 60px;
    z-index: 2;
}

.MatterProgressOverlay {
    height: 50px;
    width: 50px;
    z-index: auto !important;
    background-color: #202A35;
    border-radius: 100%;
    margin-left: 5px;
    margin-top: 5px;
}

.MatterPrgressText {
    float: left;
    margin-left: 21px;
}*/

.progress-radial, .progress-radial {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.progress-radial {
    float: left;
    margin-right: 4%;
    position: relative;
    width: 20%;
    border-radius: 50%;
}

    .progress-radial:first-child {
        margin-left: 6%;
    }


    .progress-radial .overlay {
        position: absolute;
        width: 80%;
        background-color: #f0f0f0;
        border-radius: 50%;
        font-size: 14px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .progress-radial .overlay {
        position: absolute;
        line-height: 40px;
        text-align: center;
        width: 100%;
        top: 50%;
        margin-top: -20px;
    }


.progress-0 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(0deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-5 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(342deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-10 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(324deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-15 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(306deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-20 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(288deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-25 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-30 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(252deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-35 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(234deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-40 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(216deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-45 {
    background-image: -webkit-linear-gradient(0deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(198deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #f0f0f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-50 {
    background-image: -webkit-linear-gradient(180deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(-90deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-55 {
    background-image: -webkit-linear-gradient(162deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(-72deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-60 {
    background-image: -webkit-linear-gradient(144deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(-54deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-65 {
    background-image: -webkit-linear-gradient(126deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(-36deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-70 {
    background-image: -webkit-linear-gradient(108deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(-18deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-75 {
    background-image: -webkit-linear-gradient(90deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(0deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-80 {
    background-image: -webkit-linear-gradient(72deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(18deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-85 {
    background-image: -webkit-linear-gradient(54deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(36deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-90 {
    background-image: -webkit-linear-gradient(36deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(54deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-95 {
    background-image: -webkit-linear-gradient(18deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(72deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.progress-100 {
    background-image: -webkit-linear-gradient(0deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
    background-image: linear-gradient(90deg, #38b16b 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #38b16b 50%, #f0f0f0 50%, #f0f0f0);
}

.switch-container {
    margin: 0 auto;
    /*padding: 90px 0;*/
    width: 100%;
    background-image: -webkit-radial-gradient(center, farthest-side, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-image: -moz-radial-gradient(center, farthest-side, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    /*background-image: -o-radial-gradient(center, farthest-side, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));*/
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

.switch {
    position: relative;
    margin: 10px auto;
    height: 36px;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    float: left;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    line-height: 26px;
    font-size: 11px;
    color: rgba(35, 45, 57, 0.52);
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    cursor: pointer;
}

    .switch-label:active {
        font-weight: bold;
    }

.switch-label-off {
    padding-left: 2px;
}

.switch-label-on {
    padding-right: 2px;
}

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
.switch-input {
    display: none;
}

    .switch-input:checked + .switch-label {
        /* font-weight: bold; */
        color: rgb(217, 187, 154);
        /* text-shadow: 0 1px rgba(255, 255, 255, 0.25); */
        -webkit-transition: 0.15s ease-out;
        -moz-transition: 0.15s ease-out;
        -o-transition: 0.15s ease-out;
        transition: 0.15s ease-out;
    }

    .switch-input:checked + .switch-label-on ~ .switch-selection {
        left: 50%;
        /* Note: left: 50% doesn't transition in WebKit */
    }

.switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 50%;
    height: 32px;
    background: #202a35;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
    background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
    background-image: -o-linear-gradient(top, #9dd993, #65bd63);
    background-image: linear-gradient(to bottom, #354352, #202a35);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.numericBox {
    border: 0px !important;
    font-size: 13px !important;
    background-color: transparent !important;
    padding: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 5px !important;
}

@media (max-width: 1366px) {
    label, .numericBox, .form-control, .display-control, .dialheader {
        font-size: 11px !important;
    }
}


/*.nav.nav-tabs.nav-tabs-inverse > li > a, .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .tab-overflow .nav-tabs-inverse .next-button > a, .tab-overflow .nav-tabs-inverse .prev-button > a
{
    background-image: linear-gradient(to bottom, #354352, #202a35);
}

    .nav.nav-tabs.nav-tabs-inverse > li > a, .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .tab-overflow .nav-tabs-inverse .next-button > a, .tab-overflow .nav-tabs-inverse .prev-button > a :hover
    {
        background-image: linear-gradient(to bottom, #524c45, #4a4238);
    }*/

ul.k-group.k-treeview-lines li:nth-child(2n+2) {
    background-color: #c5b29e;
}


span.k-icon.k-i-expand {
    float: left;
    margin-top: 3px;
}

span.k-state-selected.k-in {
    width: 100%;
    background: none;
    color: red;
}

span.k-state-selected.k-in, span.k-state-hover.k-in {
    color: #524c45 !important;
}

span.k-in {
    width: 100%;
}

    span.k-in:hover {
        /*background: #524c45;*/
    }

div#fieldsTreeview {
    border: 1px solid #242a30;
    width: 100% !important
}

span.k-in.k-state-focused {
    background: none !important;
}

div#fieldsTreeview {
    margin: 0px 10px;
}

span.k-icon.k-i-collapse {
    float: left;
}

label.k-checkbox-label {
    margin: 5px;
}

ul.k-group.k-treeview-lines li {
}

.k-group .k-item li span {
    font-weight: normal;
    height: 30px;
    padding-top: 5px;
}

.k-checkbox-label {
    margin-left: 5px !important;
}

span.k-in.k-state-selected {
    border: none !important;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}


/*CLASSES FOR GLOBAL SCALING*/

input[type='checkbox'] {
    width: 15px !important;
    height: 15px !important;
}

input[type='radio'] {
    width: 15px !important;
    height: 15px !important;
}






/* GLOBAL FONT SIZE STYLES */

/*Small displays*/
@media (max-width:1500px) {

    label {
        font-size: 11px !important;
    }

    h2 {
        font-size: 11px !important;
    }

    .span_size {
        font-size: 11px !important;
    }

    li {
        font-size: 11px !important;
    }

    ul.newsticker li {
        font-size: 13px !important;
    }

    input[type=text] {
        font-size: 11px !important;
    }

    b {
        font-size: 11px !important;
    }

    a {
        font-size: 11px !important;
    }

    .col_text {
        font-size: 11px !important;
    }

    .k-popup-message {
        font-size: 11px !important;
    }

    #InvolvedPartyList #listView div {
        font-size: 11px !important;
    }

    #fieldsTreeview span:not(.k-checkbox-wrapper):not(.k-icon) {
        font-size: 11px !important;
    }

    #Right-Pane #lstView span {
        font-size: 11px !important;
    }

    #SecretaryContent #TextArea {
        font-size: 11px !important;
    }

    /* Text input sizing */

    .campaignbuilder_window #txtBranchName {
        font-size: 13px !important;
    }

    .campaignbuilder_window #txtBookSearch {
        font-size: 13px !important;
    }

    .campaignbuilder_window #txtTargetGrpName {
        font-size: 13px !important;
    }

    /* ^ Text input sizing ^ */

}

/*Large displays*/
@media (min-width:1500px) {

    label {
        font-size: 13px !important;
    }

    h2 {
        font-size: 13px !important;
    }

    .span_size {
        font-size: 13px !important;
    }

    li {
        font-size: 13px !important;
    }

    ul.newsticker li {
        font-size: 17px !important;
    }

    input[type=text] {
        font-size: 12px !important;
    }

    input[type=number] {
        font-size: 12px !important;
    }

    b {
        font-size: 13px !important;
    }

    a {
        font-size: 13px !important;
    }

    .col_text {
        font-size: 13px !important;
    }

    .k-popup-message {
        font-size: 13px !important;
    }

    #InvolvedPartyList #listView div {
        font-size: 13px !important;
    }

    #fieldsTreeview span:not(.k-checkbox-wrapper):not(.k-icon) {
        font-size: 13px !important;
    }

    #Right-Pane #lstView span {
        font-size: 13px !important;
    }

    #SecretaryContent #TextArea {
        font-size: 13px !important;
    }

    /* Text input sizing */

    .campaignbuilder_window #txtBranchName {
        font-size: 13px !important;
    }

    .campaignbuilder_window #txtBookSearch {
        font-size: 13px !important;
    }

    .campaignbuilder_window #txtTargetGrpName {
        font-size: 13px !important;
    }

    #AddressToValidate .k-textbox {
        font-size: 13px !important;
    }

    #ReturnedAddress .k-textbox {
        font-size: 13px !important;
    }

    /* ^ Text input sizing ^ */

}

/*4k displays*/
/*@media (min-width:2500px) {

    label {
        font-size: 15px !important;
    }

    h2 {
        font-size: 15px !important;
    }

    .span_size {
        font-size: 15px !important;
    }

    li {
        font-size: 15px !important;
    }

    ul.newsticker li {
        font-size: 19px !important;
    }

    input[type=text] {
        font-size: 14px !important;
    }

    b {
        font-size: 15px !important;
    }

    a {
        font-size: 15px !important;
    }

    .col_text {
        font-size: 15px !important;
    }

    .k-popup-message {
        font-size: 15px !important;
    }

    #InvolvedPartyList #listView div {
        font-size: 15px !important;
    }

    #fieldsTreeview span:not(.k-checkbox-wrapper):not(.k-icon) {
        font-size: 15px !important;
    }

    #Right-Pane #lstView span {
        font-size: 15px !important;
    }

    #SecretaryContent #TextArea {
        font-size: 15px !important;
    }

 

    .campaignbuilder_window #txtBranchName {
        font-size: 15px !important;
    }

    .campaignbuilder_window #txtBookSearch {
        font-size: 15px !important;
    }

    .campaignbuilder_window #txtTargetGrpName {
        font-size: 15px !important;
    }

    #AddressToValidate .k-textbox {
        font-size: 15px !important;
    }

    #ReturnedAddress .k-textbox {
        font-size: 15px !important;
    }

 
}*/

/* ^ GLOBAL FONT SIZE STYLES ^ */





.booksettings-height {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.financialsettings-height {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.opertionalsettings-height {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.settlements-height {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#operation-book-details #BookOperationSettingsTabStrip-5 {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.debtorbook-height {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.integration-height {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#search #book-search-result .panel-body {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

#search #book-search-result .panel-primary {
    margin-bottom: 0px;
}





/*GLOBAL SCREEN HEIGHT STYLES*/

/*This changes the height for all pages*/

/*Large Displays*/
@media (min-height:1050px) {

    /*Panel height for each Create and Maintain Book screen*/
    .booksettings-height {
        height: 67%;
    }

    .financialsettings-height {
        height: 67.5%;
    }

    .opertionalsettings-height {
        height: 67.5%;
    }

    .settlements-height {
        height: 68.7%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 70.7%;
    }

    .debtorbook-height {
        height: 71.9%;
    }

    .integration-height {
        height: 75.1%;
    }

    /* ^ Panel height for each Create and Maintain Book screen ^ */


    /*OPEN MATTER*/
    .matterSearchHeightAdjust {
        height: 97% !important;
    }

    .matterSearchMinHeight {
        height: 97% !important;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 95% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 93% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 88% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 84% !important;
    }

    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 57% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 90% !important;
        }

    /*ESTATEMENT SETUP*/
    #estatmentSetup #DivEstatementListView {
        height: 92% !important;
    }

    #estatmentSetup .templateinfoheight {
        height: 94% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 56% !important;
    }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 66% !important;
    }

    /*BACKUP MANAGER*/
    .BackupManager_Content #grid_BackupManager .k-grid-content {
        height: 72% !important;
    }

    .BackupManager_Content #div_MonitorBackupStatus .k-grid-content {
        height: 59% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 37% !important;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 71% !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 85% !important;
    }

        #matterdatesdiv #matterDateGrid .k-grid-content {
            height: 84% !important;
        }

    #additionalinfodiv #Additional > div {
        height: 94%;
    }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 92% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*HISTORY*/
    #historydiv #grid {
        height: 83% !important;
    }

    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 51vh;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 53vh !important;
    }

    /*This changes the height for all pages*/
    .universal_maxHeightAdjust {
        height: 83vh !important;
    }

    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 88%;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 59% !important;
    }

    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 87% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 67% !important;
    }

    #DataDiv #TraceProcessView {
        height: 67% !important;
    }

    #DataDiv #listView {
        height: 67% !important;
    }

    #DataDiv #LegalProcessView {
        height: 67% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 57% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 86% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 81% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 81% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 86% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 70% !important;
    }

    #additionalinfodiv #TargetContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 70% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 95% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 75% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 75% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 50% !important;
    }

    /*AUTOMATED SMS*/
    #automatedsmsdiv #lst_AutomatedSmsTemplate_Data {
        height: 72%;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 62% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 78.7% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 75% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 74% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 87% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 87% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 92% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 81% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 74% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 74% !important;
    }
}

/*Medium - Large Displays*/
@media (max-height:1050px) {


    /*Panel height for each Create and Maintain Book screen*/
    .booksettings-height {
        height: 67%;
    }

    .financialsettings-height {
        height: 67.5%;
    }

    .opertionalsettings-height {
        height: 67.5%;
    }

    .settlements-height {
        height: 68.7%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 70.7%;
    }

    .debtorbook-height {
        height: 71.9%;
    }

    .integration-height {
        height: 75.1%;
    }

    #search #book-search-result .panel-body {
        height: 80.9%;
    }

    /* ^ Panel height for each Create and Maintain Book screen ^ */


    /*Menu*/
    .tab-content-menu {
        height: 87%;
        overflow-y: scroll;
        width: 103%;
    }

    /*Calls*/
    #wizard_CallQuestion #divWizardContainer .panel-body {
        height: 77%;
    }

    /*OPEN MATTER*/
    .matterSearchMinHeight {
        height: 96.3% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 32% !important;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 67% !important;
    }

    /*This changes the height for all pages*/
    .universal_maxHeightAdjust {
        height: 85vh !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 83% !important;
    }

        #matterdatesdiv #matterDateGrid .k-grid-content {
            height: 81% !important;
        }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 91% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*HISTORY*/
    #historydiv #grid {
        height: 81% !important;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 49vh !important;
    }

    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 47vh;
    }

    #additionalinfodiv #Additional > div {
        height: 91%;
    }

    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 86%;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 93% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 92% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 86% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 82% !important;
    }

    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 52% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 86% !important;
        }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 62% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 51% !important;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 54% !important;
    }

    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 85% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 34% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 64% !important;
    }

    #DataDiv #TraceProcessView {
        height: 64% !important;
    }

    #DataDiv #listView {
        height: 64% !important;
    }

    #DataDiv #LegalProcessView {
        height: 64% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 57% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 84% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 84% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 66% !important;
    }

    #additionalinfodiv #TargetContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 66% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 94% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 72% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 72% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 40% !important;
    }

    /*AUTOMATED SMS*/
    #automatedsmsdiv #lst_AutomatedSmsTemplate_Data {
        height: 69%;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 58% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 68.9% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 72% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 71% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 86% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 86% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 91% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 80% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 73% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 73% !important;
    }
}

/*Standard Displays*/
@media (max-height:950px) {

    /*Panel height for each Create and Maintain Book screen*/
    .booksettings-height {
        height: 57.8%;
    }

    .financialsettings-height {
        height: 58.5%;
    }

    .opertionalsettings-height {
        height: 57.2%;
    }

    .settlements-height {
        height: 58.7%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 61.3%;
    }

    .debtorbook-height {
        height: 64%;
    }

    .integration-height {
        height: 68.2%;
    }

    #search #book-search-result .panel-body {
        height: 75.6%;
    }

    /* ^ Panel height for each Create and Maintain Book screen ^ */


    /*Menu*/
    .tab-content-menu {
        height: 87%;
        overflow-y: scroll;
        width: 105%;
    }

    /*Calls*/
    #wizard_CallQuestion #divWizardContainer .panel-body {
        height: 67%;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 32% !important;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 67% !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 77% !important;
    }

    #additionalinfodiv #Additional > div {
        height: 91%;
    }

    #matterdatesdiv #matterDateGrid .k-grid-content {
        height: 73% !important;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 88% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 33vh;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 35vh !important;
    }

    /*Medium-small Displays*/

    .universal_maxHeightAdjust {
        height: 79vh !important;
    }

    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 82%;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 91% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 89% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 82% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 78% !important;
    }

    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 37% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 77% !important;
        }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 51% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 37% !important;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 40% !important;
    }

    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 80% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 21% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 49% !important;
    }

    #DataDiv #TraceProcessView {
        height: 49% !important;
    }

    #DataDiv #listView {
        height: 49% !important;
    }

    #DataDiv #LegalProcessView {
        height: 49% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    #gridMessages .k-grid-content {
        height: 59% !important;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 48% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 80% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    #additionalinfodiv #TargetContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 92% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 62% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 62% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 30% !important;
    }

    /*AUTOMATED SMS*/
    #automatedsmsdiv #lst_AutomatedSmsTemplate_Data {
        height: 60%;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 45% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 68.9% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 62% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 61% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 82% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 82% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 88% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 73% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }
}

/*Medium Displays*/
@media (max-height:850px) {

    /*Panel height for each Create and Maintain Book screen - same as 950*/
    .booksettings-height {
        height: 57.8%;
    }

    .financialsettings-height {
        height: 58.5%;
    }

    .opertionalsettings-height {
        height: 57.2%;
    }

    .settlements-height {
        height: 58.8%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 61.3%;
    }

    .debtorbook-height {
        height: 64%;
    }

    .integration-height {
        height: 68.2%;
    }

    #search #book-search-result .panel-body {
        height: 75.6%;
    }


    /* ^ Panel height for each Create and Maintain Book screen ^ */

    /*Menu*/
    .tab-content-menu {
        height: 84%;
        overflow-y: scroll;
        width: 105%;
    }

    /*Call*/
    #wizard_CallQuestion #divWizardContainer .panel-body {
        height: 67%;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 32% !important;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 67% !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 77% !important;
    }

    #additionalinfodiv #Additional > div {
        height: 91%;
    }

    #matterdatesdiv #matterDateGrid .k-grid-content {
        height: 73% !important;
    }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 87% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*HISTORY*/
    #historydiv #grid {
        height: 76% !important;
    }

    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 33vh;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 35vh !important;
    }

    .universal_maxHeightAdjust {
        height: 82vh !important;
    }

    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 82%;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 91% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 89% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 82% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 78% !important;
    }

    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 37% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 77% !important;
        }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 51% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 37% !important;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 40% !important;
    }


    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 80% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 21% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 49% !important;
    }

    #DataDiv #TraceProcessView {
        height: 49% !important;
    }

    #DataDiv #listView {
        height: 49% !important;
    }

    #DataDiv #LegalProcessView {
        height: 49% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    #gridMessages .k-grid-content {
        height: 59% !important;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 48% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 80% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    #additionalinfodiv #TargetContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 92% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 62% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 62% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 30% !important;
    }

    /*AUTOMATED SMS*/
    #automatedsmsdiv #lst_AutomatedSmsTemplate_Data {
        height: 59%;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 45% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 68.9% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 59% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 58% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 82% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 82% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 88% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 73% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }
}

/*Small Displays*/
@media (max-height:750px) {

    /*Panel height for each Create and Maintain Book screen*/
    .booksettings-height {
        height: 50%;
    }

    .financialsettings-height {
        height: 50.8%;
    }

    .opertionalsettings-height {
        height: 49.4%;
    }

    .settlements-height {
        height: 51.3%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 54.2%;
    }

    .debtorbook-height {
        height: 57.2%;
    }

    .integration-height {
        height: 61.7%;
    }

    #search #book-search-result .panel-body {
        height: 70%;
    }

    /* ^ Panel height for each Create and Maintain Book screen ^ */

    /*Menu*/
    .tab-content-menu {
        height: 82%;
        overflow-y: scroll;
        width: 105%;
    }

    /*Calls*/
    #wizard_CallQuestion #divWizardContainer .panel-body {
        height: 60%;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 67% !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 77% !important;
    }

    #additionalinfodiv #Additional > div {
        height: 91%;
    }

    #matterdatesdiv #matterDateGrid .k-grid-content {
        height: 73% !important;
    }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 87% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*HISTORY*/
    #historydiv #grid {
        height: 76% !important;
    }

    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 33vh;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 32% !important;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 35vh !important;
    }

    .universal_maxHeightAdjust {
        height: 79vh !important;
    }

    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 82%;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 91% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 89% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 82% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 78% !important;
    }

    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 37% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 77% !important;
        }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 51% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 37% !important;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 40% !important;
    }

    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 80% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 21% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 49% !important;
    }

    #DataDiv #TraceProcessView {
        height: 49% !important;
    }

    #DataDiv #listView {
        height: 49% !important;
    }

    #DataDiv #LegalProcessView {
        height: 49% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    #gridMessages .k-grid-content {
        height: 59% !important;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 48% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 77% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    #additionalinfodiv #TargetContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 92% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 62% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 62% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 30% !important;
    }

    /*AUTOMATED SMS*/
    #automatedsmsdiv #lst_AutomatedSmsTemplate_Data {
        height: 59%;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 45% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 68.9% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 59% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 58% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 80% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 82% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 88% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 73% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }
}

/*Tiny Displays*/
@media (max-height:670px) {

    /*Panel height for each Create and Maintain Book screen*/
    .booksettings-height {
        height: 44%;
    }

    .financialsettings-height {
        height: 44%;
    }

    .opertionalsettings-height {
        height: 44%;
    }

    .settlements-height {
        height: 44%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 44%;
    }

    .debtorbook-height {
        height: 44%;
    }

    .integration-height {
        height: 44%;
    }

    #search #book-search-result .panel-body {
        height: 60%;
    }

    /* ^ Panel height for each Create and Maintain Book screen ^ */

    /*Menu*/
    .tab-content-menu {
        height: 80%;
        overflow-y: scroll;
        width: 105%;
    }

    /*Calls*/
    #wizard_CallQuestion #divWizardContainer .panel-body {
        height: 53%;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 67% !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 77% !important;
    }

    #additionalinfodiv #Additional > div {
        height: 91%;
    }

    #matterdatesdiv #matterDateGrid .k-grid-content {
        height: 73% !important;
    }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 86% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 33vh;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 32% !important;
    }

    /*HISTORY*/
    #historydiv #grid {
        height: 76% !important;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 35vh !important;
    }

    .universal_maxHeightAdjust {
        height: 75vh !important;
    }

    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 82%;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 91% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 89% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 82% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 78% !important;
    }

    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 37% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 77% !important;
        }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 51% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 37% !important;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 40% !important;
    }

    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 80% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 21% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 49% !important;
    }

    #DataDiv #TraceProcessView {
        height: 49% !important;
    }

    #DataDiv #listView {
        height: 49% !important;
    }

    #DataDiv #LegalProcessView {
        height: 49% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    #gridMessages .k-grid-content {
        height: 59% !important;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 48% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 77% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    #additionalinfodiv #TargetContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 92% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 62% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 62% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 30% !important;
    }

    /*AUTOMATED SMS*/
    #automatedsmsdiv #lst_AutomatedSmsTemplate_Data {
        height: 59%;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 45% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 68.9% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 59% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 58% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 80% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 82% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 88% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 73% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }
}

/*Tech support. Can I please get a bigger screen!?*/
@media (max-height:590px) {

    /*Panel height for each Create and Maintain Book screen*/
    .booksettings-height {
        height: 33%;
    }

    .financialsettings-height {
        height: 33%;
    }

    .opertionalsettings-height {
        height: 33%;
    }

    .settlements-height {
        height: 33%;
    }

    #operation-book-details #BookOperationSettingsTabStrip-5 {
        height: 33%;
    }

    .debtorbook-height {
        height: 33%;
    }

    .integration-height {
        height: 33%;
    }

    #search #book-search-result .panel-body {
        height: 50%;
    }

    /* ^ Panel height for each Create and Maintain Book screen ^ */

    /*Menu*/
    .tab-content-menu {
        height: 77%;
        overflow-y: scroll;
        width: 105%;
    }

    /*Calls*/
    #wizard_CallQuestion #divWizardContainer .panel-body {
        height: 47%;
    }

    /*MESSAGES*/
    #gridMessages .k-grid-content {
        height: 67% !important;
    }

    /*DATES - ADDITIONAL INFO*/
    #matterdatesdiv #matterDateGrid {
        height: 77% !important;
    }

    #additionalinfodiv #Additional > div {
        height: 91%;
    }

    #matterdatesdiv #matterDateGrid .k-grid-content {
        height: 73% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 32% !important;
    }

    /*CUSTOMER STATUSES */
    #debtordiv #Debtor .tabbable {
        height: auto;
    }

    #debtordiv #DivContentStatus > div:first-of-type {
        height: 86% !important;
        max-height: none !important;
        margin-right: 1px !important;
    }

    /*HISTORY*/
    #historydiv #grid {
        height: 76% !important;
    }
    /*BALANCE SHEET*/
    #balancesheetdiv #GridBalanceSheet {
        height: 33vh;
    }

    /*NON BALANCE AFFECTING*/
    #nonbalaceaffectingdiv #GridBalanceSheet > .k-grid-content {
        height: 35vh !important;
    }

    .universal_maxHeightAdjust {
        height: 72vh !important;
    }
    /*CAUSE OF ACTION*/
    #causeofactiondiv {
        height: 82%;
    }

    /*USER RIGHTS*/
    #AdminRightsTab .k-grid-content {
        height: 91% !important;
    }

    #GroupRightsTab > .k-state-active {
        height: 98% !important;
    }

    #AdminRightsTab > .k-state-active {
        height: 89% !important;
    }

    #GroupRightsTab > .k-tabstrip-items-wrapper {
        height: 98% !important;
    }

    /*SMS TEMPLATE*/
    #smstemplateview #liststyle > .k-listbox {
        height: 82% !important;
    }

    #smstemplateview .k-tabstrip-wrapper .k-widget div[id*="SmsStrip"] {
        height: 78% !important;
    }
    /*AFFORDABILITY PROCESS TEMPLATE*/
    #processtemplate .templatebody {
        height: 37% !important;
    }

        #processtemplate .templatebody .k-grid {
            height: 77% !important;
        }

    /*MATTER INFORMATION CONFIG*/
    #divMatterInfoConfig #matterInfoGrid {
        height: 51% !important;
    }

    /*SMART TABLE TEMPLATES*/
    #smarttabletemplates #selectedSmartVarGrid {
        height: 37% !important;
    }

    /*BACKUP MANAGER*/
    #grid_DBBackupStatus > .k-grid-content {
        height: 40% !important;
    }

    /*IMPORT REPORTS*/
    #ImportReportsGrid .k-grid-content {
        height: 80% !important;
    }

    /*PAYMENT DISTRIBUTION OFFSETS*/
    #clientPayoverSelection #clientpayoverdiv .k-widget .k-grid-content {
        height: 21% !important;
    }

    /*TASK LIST*/
    #DataDiv #TracelistView {
        height: 49% !important;
    }

    #DataDiv #TraceProcessView {
        height: 49% !important;
    }

    #DataDiv #listView {
        height: 49% !important;
    }

    #DataDiv #LegalProcessView {
        height: 49% !important;
    }

    #frmCourtDetails {
        height: 98%;
    }

    #gridMessages .k-grid-content {
        height: 59% !important;
    }

    /*EMAIL*/
    #emaildiv table {
        height: 48% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv .k-widget .k-grid-content {
        height: 79% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divBooksGrid .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewPaymentsGrid1 .k-grid-content {
        height: 71% !important;
    }

    /*PAYOVER MANAGER*/
    #clientPayoverSelection #payovermanagerdiv #divViewSummaryGrid .k-grid-content {
        height: 77% !important;
    }

    /*ADDITIONAL INFO - TARGET GROUPS*/
    #additionalinfodiv #TargetContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 55% !important;
    }

    #additionalinfodiv #TargetContent #assignTargetGroup #unAssignTargetGroup > .k-grid-content {
        height: 55% !important;
    }

    /*TARGET GROUPS*/
    #PartialTargetGrp #Check #tabClient-1, #PartialTargetGrp #Check #tabClient-2 {
        height: 92% !important;
    }

    #PartialTargetGrp #tabClient #targetCat #listViewCategoryGroups {
        height: 62% !important;
    }

    #PartialTargetGrp #BookcategoryGroups #TargetBookCat #listViewTargetBookGroups {
        height: 62% !important;
    }

    /*FIRM CONTACT SETTINGS*/
    #contactsettingslistdiv .k-widget {
        height: 30% !important;
    }

    #automatedsmsdiv #newSMSContainer {
        height: 45% !important;
    }

    #automatedsmsdiv #GlobalContainer #Global_Settings > .k-grid-content {
        height: 68.9% !important;
    }

    #automatedsmsdiv .automatedlist {
        height: 21.8% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBERS*/
    #debtordiv #DebtorContent #GetAllContactNumbers .k-grid-content {
        height: 59% !important;
    }

    /*CUSTOMER INFORMATION - CONTACT NUMBER DETAILS*/
    #debtordiv #DebtorContent #editMatterContactNo .k-grid-content {
        height: 58% !important;
    }

    /*EMPLOYER UNVALIDATED*/
    #ContentEmployerUnvalidated #tabstrip1 #tabEmployer {
        height: 80% !important;
    }

    /*EMPLOYER UNVALIDATED NOTES*/
    #ContentEmployerUnvalidated #employerUnvalidatedForm #tabstrip1-2 {
        height: 82% !important;
    }

    /*VALIDATE EMPLOYER PROCESS*/
    .universal_maxHeightAdjust #ValidateEmployer > .tabbable {
        height: 88% !important;
    }

    /*VALIDATED EMPLOYER*/
    #employerValidated #frmEmployer #tabEmployer {
        height: 73% !important;
    }

    /*PAM*/
    #BulkAactionContent #assignTargetGroup #assignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }

    #BulkAactionContent #unAssignTargetGroup #unAssignTargetGroupGrid > .k-grid-content {
        height: 64% !important;
    }
}

/* ^ GLOBAL SCREEN HEIGHT STYLES ^ */






/*Not affected by global screen changes*/

.universal_maxHeightAdjust {
    box-shadow: inset 0 9px 11px -8px #2d271f !important;
    -webkit-box-shadow: inset 0 9px 11px -8px #2d271f !important;
    -moz-box-shadow: inset 0 9px 11px -8px #2d271f !important;
    /*padding-bottom: 0px !important;*/
    /*box-shadow: inset 0 2px 10px -2px #2d271f !important;
    -webkit-box-shadow: inset 0 2px 10px -2px #2d271f !important;
    -moz-box-shadow: inset 0 2px 10px -2px #2d271f !important;*/
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    /*border-top: 3px !important;*/
}

/* ^ Not affected by global screen changes ^ */






.k-label {
    font-size: 11px !important;
}

input[type="text"] {
    color: black !important;
}

h1 {
    color: black !important;
}

.minimizeMenu {
    /*border-radius: 0px 10px 10px 0px !important; */
    border: 1px solid rgba(151,115,69,0.3) !important;
    background-color: #202a35 !important;
    /* border-left: none !important; */
}

#gritter-notice-wrapper {
    width: auto !important;
}

/*All the rounded edges are handled here */

.panel {
}

.panel-primary {
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(85, 76, 66, 0) !important;
}

#HomePage {
    padding-bottom: 22px !important;
}

    #HomePage .panel-primary {
        border-radius: 0px !important;
        box-shadow: 0px 0px 3px rgba(85, 76, 66, 0.4) !important;
    }

.panel-heading {
    border-bottom: 0px solid #d9bb9a !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.panel-body {
    border-top: 1px solid #c4ad93 !important;
    border-bottom: 1px solid rgb(135, 121, 107) !important;
    border-left: none;
    border-right: none;
    border-left: 1px solid rgb(135, 121, 107) !important;
    border-right: 1px solid rgb(135, 121, 107) !important;
    animation: slideuppanelbody;
    animation-duration: 0.5s;
}

@keyframes slideuppanelbody {

    0% {
        /*padding-top:10px;*/
        /*padding-right:100%;*/
        /*filter: blur(10px);*/
    }

    100% {
        /*padding: 0px;*/
    }
}

/* All the rounded edges are handled here */

#HomePage .panel-primary {
    border-radius: 5px !important;
}

.panel-heading {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.panel-body {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.tab-overflow.quickmenubg {
    border-radius: 5px !important;
}

#Quickmenu {
    border-radius: 5px !important;
}

#Department-widget {
    border-radius: 5px !important;
}

.widget.widget-stats {
    border-radius: 5px;
}

.Dialer-widgets {
    border-radius: 5px;
}

.dialer-form > .Dialer-widgets {
    border-radius: 0px !important;
}

.form-group.matterOpen {
    border-radius: 5px;
}

.immovableassetborder {
    border-radius: 5px !important;
}

table.k-editor {
    border-radius: 5px !important;
}

#DivBranchSettingListView {
    border-radius: 5px;
}

#DashBoardPanel {
    border-radius: 5px;
}

div.k-window {
    border-radius: 5px !important;
}

.k-block > .k-header, .k-window-titlebar {
    border-radius: 5px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

div.k-window-content {
    border-radius: 5px !important;
}

.Hunter-pop-up .title {
    border-radius: 5px 5px 0 0 !important;
}

.Hunter-pop-up .Hunter-wrap {
    border-radius: 0px 0px 5px 5px;
}

.k-tabstrip {
    border-radius: 5px !important;
}

.k-scheduler-toolbar {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

#scheduler {
    border-radius: 5px !important;
}

.ReportContainer .k-button {
    border-radius: 5px !important;
}

.createandmaintainbooks_title {
    border-radius: 5px !important;
}

#UserLisView .form-group {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB;
    margin-left: -5px;
    margin-right: -8px;
}

#TeamsListView .form-group {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB;
    margin-left: -5px;
    margin-right: -8px;
}

#CurrentUserLisview .form-group {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB;
    margin-left: -5px;
    margin-right: -8px;
}

    #CurrentUserLisview .form-group input {
        margin-top: 1px !important;
    }

.TeamlistView div {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB !important;
}

#TeamsListView .form-group input {
    margin-top: 1px !important;
}

#UserLisView .form-group input {
    margin-top: 1px !important;
}

.PAM_overlay {
    border-radius: 5px !important;
}

#user_list .k-listbox .k-list-scroller li {
    color: black !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB !important;
}

#FirmContactTabStrip .k-listbox .k-list-scroller li {
    color: black !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB !important;
}

#EditCallCampaign .k-listbox .k-list-scroller li {
    color: black !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid #C3AE96 !important;
    background-color: #D8C3AB;
    margin-left: 4px;
    margin-right: 4px;
}

#EditCallCampaign .k-listbox .k-list-scroller .k-state-selected {
    background-color: #cdb7a0 !important;
}

/*#EditCallCampaign .k-listbox .k-list-scroller li .k-state-selected {
    color: black !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    border: 1px solid grey !important;
    background-color: #D8C3AB;
}*/

#FirmContactTabStrip .k-listbox .k-list-scroller {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.loading-container #collapseOne form {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#MenuSearch {
    border-radius: 5px !important;
}

.fileDropZone {
    border-radius: 5px !important;
    margin-bottom: 10px;
}

.lobibox {
    border-radius: 5px !important;
}

.lobibox-header {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.lobibox-footer {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#Divscheduler {
    border-radius: 5px !important;
}

    #Divscheduler .k-scheduler-toolbar .k-nav-prev {
        border-radius: 5px !important;
    }

    #Divscheduler .k-scheduler-toolbar .k-nav-next {
        border-radius: 5px !important;
    }

.k-event {
    border-radius: 5px !important;
}

#InvolvedParties .tabbable {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#InvolvedParties .nav-tabs.nav-tabs-inverse {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#InvolvedParties #tabEmployerSearch a {
    border-top-left-radius: 5px !important;
}

#InvolvedParties #tabEmployeeInformation a {
    border-top-right-radius: 5px !important;
}

#tabAdditional a {
    border-top-left-radius: 5px !important;
}

#tabTraceProcess a {
    border-top-right-radius: 5px !important;
}

#additionalInfoTabs {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#involvedInfoTabs {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#Additional .tabbable {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#DivDisplayEmailsListView {
    border-radius: 5px !important;
}

#DivDisplaySMSListView {
    border-radius: 5px !important;
}

#DivDisplayImportNotificationsInternalMsg #selectedUsers {
    border-radius: 5px !important;
}

#campaign-details .tabbable {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* ^ All the rounded edges are handled here ^ */

.header-quickmenu_backdrop {
    background-color: rgba(217, 187, 154, 1) !important;
    border: none !important;
    /*background: linear-gradient(to top, rgba(217, 187, 154, 1) 0%, rgba(217, 187, 154, 1) 50%);*/
}

.cammpaignbuilder_panelprimary {
    margin-bottom: 0px !important;
    height: 330px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.cammpaignbuilder_body {
    height: 100% !important;
}

.menuTopbar_default {
    border-bottom: none;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition-duration: 0.1s;
}

.menuTopbar_shadow {
    /*border-bottom: 1px solid rgb(139, 121, 102);*/
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.57);
    transition-duration: 0.1s;
}

#content {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 89vh !important;
}

.form-group.matterOpen {
    border: 1px solid rgb(132, 114, 96);
    padding: 5px;
    background-color: #d8c3ab;
    height: 50px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.sub-menu-list {
    width: 100% !important;
    height: 40px !important;
    border-bottom: 1px solid rgb(85, 76, 66) !important;
    background-color: rgb(32, 39, 47) !important;
    text-align: center !important;
    margin-top: 0px !important;
    /*border-radius: 5px!important;*/
    color: black !important;
    margin-bottom: 0px !important;
}

.accordion-menu-header {
    border-bottom: 1px solid #202a35 !important;
    padding: 10px !important;
    padding-top: 7px !important;
    width: 100% !important;
    margin: 8px 0px !important;
    background-color: #554c42;
    position: fixed !important;
    top: 44px !important;
    font-size: 12px !important;
    right: 0px !important;
}

/* from another css*/
.accordion-menu-header {
    height: 51px !important;
    border-bottom: 1px solid #977345;
    padding: 5px !important;
    width: 100%;
    background-color: #554c42;
    padding-top: 17px !important;
    /* font-family: cursive; */
}

#popupReturn {
    float: right;
    margin-right: -2px;
    margin-top: -2px;
    border-bottom: 0px solid #202a35;
    transition-duration: 0.3s;
}

    #popupReturn:hover {
        box-shadow: 0px -1px 7px rgba(0,0,0,1);
        transition-duration: 0.3s;
    }

#btnSaveCustomerINfo {
    transition-duration: 0.3s;
}

    #btnSaveCustomerINfo:hover {
        box-shadow: 0px -1px 7px rgba(0,0,0,1);
        transition-duration: 0.3s;
    }

#categoryGroups a {
    color: #242b35 !important;
}

#TargetGroups a {
    color: #242b35 !important;
}


#DashBoardPanel {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.sidebar .sub-menu {
    margin-bottom: 42px !important;
    margin-top: 30px;
    margin-left: -1px !important;
    background: #becedf;
    position: fixed;
    display: none;
    text-align: center;
    width: 250px;
    left: 0px !important;
    right: 100%;
}

.btnM_search {
    position: absolute;
    margin-top: 8px;
    right: 6px;
    color: #e5cdb2 !important;
    background-color: RGBA(148,48,46,0);
    width: 25px;
    height: 25px;
    padding: 5px 8px;
    transition-duration: 1s;
    transition: all .2s;
    top: 45px !important;
}

    .btnM_search:hover {
        background-color: rgba(148, 48, 46, 1);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding-right: 5px;
        right: 2px;
        width: 40px;
        box-shadow: 0px 0px 10px black;
        /*margin-right: 4px;*/
    }


    .btnM_search:active {
        position: fixed;
        margin-top: 8px;
        padding-left: 10px !important;
        color: #e5cdb2 !important;
        background-color: rgba(148, 48, 46, 1);
        width: 50px;
        height: 25px;
        /*padding: 3px 5px;*/
        transition-duration: 0.1s;
        transition: all 0.1s;
        box-shadow: 0px 0px 0px black;
        right: 5px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        top: 45px !important;
        /*margin-right: 0px;*/
    }

#MenuSearchResultsHeader {
    width: 100% !important;
    height: 30px !important;
    background-color: #2b3341 !important;
    padding-left: 9% !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.k-editor .k-content {
    background: #e4dcd3 !important;
}

.refermatterheading {
    font-size: 30px !important;
}

.refermatter_matter {
    color: #202A35;
    font-size: 20px;
    text-align: center;
}

.refermatter_department {
    font-size: 15px;
    text-align: center;
}

#sidebar .Close-Menu {
    padding-top: 12px !important;
    font-size: 25px !important;
    margin-top: -13px;
    padding-right: 6px;
    margin-left: -90%;
    padding-left: 90%;
    padding-bottom: 39px !important;
}

.paymentPlan_inactive_row {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.paymentPlan_inactive_col {
    margin: 0px !important;
    padding: 0px !important;
}

.paymentPlan_inactive_border {
    border: 2px solid red !important;
}

.teamUserSelect {
    color: black !important;
}

#listUserView div {
    padding: 4px;
    cursor: pointer;
}

/* styling for the break login page*/

.logout_overlay .loading-container {
    background-color: rgba(30, 30, 30, 0.51) !important;
    border-top: 2px solid #6c6c6c !important;
    border-bottom: 2px solid #1f2123 !important;
    border-radius: 0px !important;
}

    .logout_overlay .loading-container img {
        position: absolute !important;
        top: 4% !important;
        left: 38.4% !important;
        width: 22% !important;
    }

.loading-container form {
    border: none !important;
    background-color: #E1C7AC !important;
}

.loading-container checkbox {
    margin-left: 25px !important;
    margin-top: 5px !important;
}

.loading-container #collapseOne form {
    padding-bottom: 16px !important;
    padding-top: 19px !important;
    padding-right: 18px !important;
}

.loading-container #collapseOne {
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.75) -5px -13px 175px -35px !important;
}

.loading-container .btn.btn-success {
    background: #272d36 !important;
}

.login-buttons .btn.btn-success {
    border: none !important;
}

#collapseOne .checkbox {
    margin-left: 26px;
    margin-bottom: 14px;
}

    #collapseOne .checkbox label::before {
        background-color: #343a43 !important;
    }

#collapseOne .btn_login {
    background-color: #353a41 !important;
    color: white !important;
}

/*set the height of the panels*/

#action-buttons .operationButtons {
    padding-right: 20px !important;
}

.listslide {
    margin-left: 0px;
    /*animation: slide;
    animation-duration: 0.1s;*/
    opacity: 1;
    margin-top: 7px !important;
}


#searchOverlay .sidebar .sub-menu {
    margin-bottom: 41px !important;
    margin-top: 0px;
    margin-left: 3px !important;
    /* padding-top: 1px; */
    background: #becedf;
    position: fixed;
    display: none;
    /*padding:5px !important;*/
    text-align: center;
    border-top: none;
    width: 241px;
    left: 0px !important;
    right: 100%;
    border-radius: 7px !important;
}

#searchOverlay .sub-menu-list {
    width: 100% !important;
    height: 30px !important;
    border-bottom: 1px solid rgba(119, 102, 83, 0.5);
    background-color: #202a35;
    margin-bottom: 2px !important;
    text-align: center;
    /* margin-top: 2px!important; */
    /* padding: 28px; */
    width: 100% !important;
    /*height: 40px!important;*/
    border-bottom: 1px solid #554c42;
    background-color: #20272f;
    text-align: center !important;
    margin-top: 1px !important;
    border-radius: 4px !important;
    color: #000 !important;
    margin-bottom: 0px !important;
}

form .k-numerictextbox .k-input {
    /*margin-top: -21px !important;*/
    height: 25px !important;
}

#DivGridInterestRates .k-numerictextbox .k-input {
    /*margin-top: -21px !important;*/
    height: 25px !important;
}

.k-upload-empty {
    border: none !important;
    background-color: #d8c3ab !important;
}

#Divscheduler .k-scheduler-toolbar .k-nav-prev {
    background-color: #434c5b !important;
}

#Divscheduler .k-scheduler-toolbar .k-nav-next {
    background-color: #434c5b !important;
}

#Divscheduler .k-scheduler-refresh {
    margin-top: 7px !important;
}

#Divholidays .termsList h3 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    cursor: default;
}

#logTable .form-group .row {
    background-color: #ead2b8;
    border-radius: 5px !important;
    padding: 6px !important;
    border: 1px solid #b6a695 !important;
    margin-right: 3px !important;
    margin-left: 0px !important;
    margin-top: 3px !important;
}

#callReasonWindow {
    margin-bottom: 20px;
}



.call_reason {
    background: -o-linear-gradient(to bottom right, #24973c, #4dde6e);
    background: -moz-linear-gradient(to bottom right, #24973c, #4dde6e);
    background: linear-gradient(to bottom right, #24973c, #4dde6e);
    height: 168px;
    border-radius: 5px;
    padding: 30px;
    font-size: 35px;
    text-align: center;
    color: #303e4e;
    border: 4px solid #303e4e;
    margin-bottom: -19px;
}

.preview_call_reason {
    background: -o-linear-gradient(to bottom right, #825ced, #9171eb);
    background: -moz-linear-gradient(to bottom right, #825ced, #9171eb);
    background: linear-gradient(to bottom right, #825ced, #9171eb);
    height: 168px;
    border-radius: 5px;
    padding: 30px;
    font-size: 35px;
    text-align: center;
    color: #303e4e;
    border: 4px solid #303e4e;
    margin-bottom: -19px;
}

.callprimary {
    box-shadow: none !important;
}

.callreason_header {
    font-size: 20px;
    text-align: center;
}

.callreason_row {
    width: 100%;
    text-align: center;
}

.callreason_btn {
    width: 100%;
}


.incoming_call {
    height: 168px;
    background: #202a35;
    background: -o-linear-gradient(to bottom right, #c8cb1a, #e5e6bb);
    background: -moz-linear-gradient(to bottom right, #c8cb1a, #e5e6bb);
    background: linear-gradient(to bottom right, #c8cb1a, #e5e6bb);
    border-radius: 5px;
    padding: 30px;
    padding-left: 35%;
    font-size: 35px;
    text-align: center;
    color: #303e4e;
    border: 4px solid #303e4e;
    margin-bottom: -19px;
}

.incoming_call_Iconsize {
    font-size: 42px !important;
}

.outgoing_call_Iconsize {
    font-size: 42px !important;
}

.private_CallBanner {
    height: 168px;
    background: #202a35;
    background: -o-linear-gradient(bottom right, #27332a, #14772d);
    background: -moz-linear-gradient(bottom right, #27332a, #14772d);
    background: linear-gradient(to bottom right, #ff4d4d, #ff1a1a);
    border-radius: 5px;
    padding: 30px;
    padding-left: 35%;
    font-size: 35px;
    text-align: center;
    color: #303e4e;
    border: 4px solid #303e4e;
    margin-bottom: -19px;
}

.private_CallBanner_Iconsize {
    font-size: 42px !important;
}

.tabbable.custom-tabs > .nav-tabs, .tabbable.custom-tabs > .nav-tabs > li, .tabbable.custom-tabs > .nav-tabs > li > a {
    border-top: none !important;
}

#InvolvedParties #Menu {
    border-radius: 5px !important;
    background-color: #2f3a47 !important;
}

/*use this class to override the text colour of input fields*/
.DarkTextOverride {
    color: black !important;
}

/* stlying for all LISTS*/
.k-listview {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-radius: 5px !important;
}

    .k-listview tr {
        cursor: pointer
    }


    .k-listview div:not(.col-lg-10):not(.col-lg-2):not(.filterItems), .k-listview .col-lg-10 > div:not(:first-child) {
        margin-right: 0px !important;
        /*margin-bottom: 3px !important;*/
        border-radius: 5px !important;
        border: 1px solid #92806e !important;
        background-color: #e1cab1 !important;
        padding: 5px !important;
    }

    .k-listview div h3 {
        color: black !important;
    }


#templates_list {
    background: none !important;
    box-shadow: none !important;
}

    #templates_list .k-link {
        background: none !important;
        border: none !important;
        color: black !important;
        box-shadow: none !important;
    }

#Department-widget {
    box-shadow: none !important;
}

/*#Quickmenu .sub-list {
    border-radius: 7px !important;
    width: 158px !important;
}

#Quickmenu .btnQuickmenu {
    border-radius: 7px !important;
}

#Quickmenu {
    box-shadow: none!important;
    border: none !important;
}

    #Quickmenu .nav-tabs.nav-tabs-inverse {
        border: none!important;
    }*/

.SettlementLock {
    width: 21px;
    float: right;
    color: #977345;
}

.myDisclaimer {
    top: 15% !important;
    left: 32% !important;
    width: 680px !important;
}

#btnApplyAllocation[disabled] {
    cursor: not-allowed;
}

.SettleCalcDisplay {
    background-color: #d8c3ab;
    margin: 10px 0px !important;
    border: 1px solid rgba(48, 61, 76, 0.28);
    padding: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

#tableContent .bar {
    border-radius: 5px;
}

::-webkit-scrollbar {
    /*was 3*/
    width: 10px;
    height: 8px;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    /*background-color: #e7ccae;
    border-radius: 5px;*/
}

::-webkit-scrollbar-track {
    opacity: 1;
}

::-webkit-scrollbar-corner {
    width: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: #314151;
    border-radius: 5px !important;
}

.campaignbuilder_window {
    height: 76%;
}

#predetermined_window {
    height: 41.2vh;
}

.campaign-build-container .col-md-6 {
    margin-top: 10px;
    margin-left: -18px;
    margin-bottom: -3px;
    padding-top: 3px;
}

.campaign-build-container .col-md-5 {
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: -3px;
    padding-top: 3px;
}

#CampaignDetails {
    overflow: hidden;
}

div.k-window-content {
    overflow: hidden;
}

.k-alt {
    background-color: #c5b29e !important;
}

.k-pager-sizes .k-dropdown-wrap {
    margin-left: -5px !important;
}

.k-state-selected:not(.k-item) {
    background-color: #2d3846;
    color: #fff !important;
    height: 26px !important;
    width: auto;
    padding-top: 1px !important;
    margin-top: 2px !important;
}

.k-grid .k-pager-numbers {
    margin-top: 10px !important;
}

.k-pager-wrap > .k-link {
    margin-top: 16px !important;
}

.k-pager-info {
    margin-top: 19px !important;
}

.k-grid-pager {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.k-pager-sizes {
    margin-bottom: 4px !important;
}

    .k-pager-sizes .k-widget.k-dropdown {
        margin-bottom: 5px !important;
    }

.k-pager-numbers .k-link {
    margin-top: 0px !important;
}

.k-pager-wrap > .k-link {
    border: none !important;
}

.k-pager-nav span.k-icon {
    margin-top: 1px !important;
}

.k-button {
    color: #ab8f71;
    border-color: #282f3b;
    background-color: #262d38;
    width: 100%;
    font-size: 12px !important;
    padding: 4px !important;
    margin: 2px !important;
    border-radius: 4px !important;
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

.k-grid-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.k-grid-header-wrap {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.k-pager-wrap {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.k-grid, .k-listview {
    border-radius: 6px !important;
}

/* Styles for the dashboard */

#DashBoardContainer div[id*="Textbox"] > div {
    border-radius: 5px !important;
    padding: 5px;
}

#DashBoardContainer path {
    -webkit-clip-path: polygon(M0,0 L0,27 A3,3 0 0,0 3,30 L7,30 A3,3 0 0,0 10,27 L10,0 Z) !important;
}

/* ^ Styles for the dashboard ^ */

#tabUnAssignTargetGroup a {
    border-top-right-radius: 5px !important;
}

#tabAssignTargetGroup a {
    border-top-left-radius: 5px !important;
}

.nav-tabs.nav-justified {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#ddlStartDay, #ddlEndDay {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background-color: #d8c3ab;
    border-color: #977345;
    color: #2d353c;
}

#quickMenuContainer {
    padding-right: 8px;
}

#Quickmenu {
    box-shadow: none !important;
}

    #Quickmenu .nav-tabs.nav-tabs-inverse {
        border: none !important;
    }

    #Quickmenu .nav-tabs {
        border: none !important;
    }

    #Quickmenu > .quickmenubg > .nav > li:first-child, #Quickmenu > .quickmenubg > .nav > li:first-child > a {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

.campaignbuilderHeaderText {
    font-size: 30px !important;
}

.campaignbuilderSubHeaderText {
    color: black !important;
    font-size: 22px !important;
}

.pluginheaderText {
    color: #2c3644 !important;
    font-size: 22px !important;
}

.predeterminedheader {
    color: black !important;
    font-size: 22px !important;
}

.campaign-build-container #div-number-order > span {
    width: 47.6% !important;
}

.campaign-build-container #div-number-order > div {
    width: 149% !important;
}

@media (max-width:1500px) {
    /*small display*/
    .campaign-build-container #div-number-order {
        margin-left: 32.7%;
    }

    .campaignbuilder_window #MatterNumber {
        height: 88% !important;
    }
}

@media (min-width:1500px) {
    /*large display*/
    .campaign-build-container #div-number-order {
        margin-left: 33%;
    }

    .campaignbuilder_window #MatterNumber {
        height: 86% !important;
    }
}

.campaignbuilder_window #MatterNumber {
    margin-left: 0px !important;
    margin-top: 23px !important;
    width: 100% !important;
    border-radius: 5px;
}

#campaign-details .nav-tabs > li:first-child > a {
    border-top-left-radius: 5px !important;
}

#campaign-details .nav-tabs > li:last-child > a {
    border-top-right-radius: 5px !important;
}

#gridMessages table {
    border-bottom: 1px solid #222a36 !important;
}

#MatterOrderList select {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background-color: #d8c3ab;
    border-color: #977345;
    color: #2d353c;
}

.k-calendar td.k-state-focused.k-state-selected,
.k-calendar td.k-state-selected.k-state-active,
.k-calendar td.k-state-selected:active,
.k-calendar td.k-state-selected.k-state-hover:active {
    box-shadow: none !important;
}

.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
    box-shadow: none !important;
}

/*#QuerySetDiv .k-widget*/

.k-grid tr.k-state-selected:hover,
.k-grid td.k-state-selected:hover {
    /*background-color: #524c45;
    background-image: none;*/
}

#QuerySetDiv .k-widget .k-alt {
    background-color: #dcc2a6 !important;
}

.k-pager-numbers .k-state-selected {
    border-radius: 5px !important;
    padding-top: 0px !important;
}

/*#DivTrustAccountListView .k-state-selected:not(.k-item) {
    height: inherit !important;
}*/

/*#DivTrustAccountListView {
    max-height: 65vh;
    overflow-y: scroll;
    overflow-x: hidden;
}*/

.bwizard-steps li {
    width: 33.33% !important;
}

.QuerySetParameterSelectionDiv .fromFilter:not(input) {
    width: 30% !important;
}

.QuerySetParameterSelectionDiv .toFilter:not(input) {
    width: 30% !important;
}

.QuerySetParameterSelectionDiv .k-dropdown {
    width: 30% !important;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before, div.k-window-content {
    /* -webkit-box-sizing: border-box!important; */
    /* box-sizing: border-box!important; */
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background-color: #d8c3ab;
    border-color: #977345;
    color: #2d353c;
    padding-bottom: 2px !important;
}

.PAM_head img {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.44);
    float: left;
    margin-top: 6px;
    margin-right: 15px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 2px;
    border: 2px solid #554c42;
}

#unAssignTargetGroupGrid .k-grid-content {
    height: 404px;
}

#divWizardContainer .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border: none !important;
    padding: 0px !important;
}

#divWizardContainer .k-numerictextbox .k-select > span {
    padding: 0px !important;
    height: 12px !important;
    margin: 0px;
}

    #divWizardContainer .k-numerictextbox .k-select > span > span {
        bottom: 0px !important;
    }

#divWizardContainer .k-numerictextbox > .k-numeric-wrap > input {
    height: 26px !important;
}

#FirmBrandingTabStrip > #FirmBrandingTabStrip-1,
#FirmBrandingTabStrip > #FirmBrandingTabStrip-2,
#FirmBrandingTabStrip > #FirmBrandingTabStrip-3,
#FirmBrandingTabStrip > #FirmBrandingTabStrip-4,
#FirmBrandingTabStrip > #FirmBrandingTabStrip-5,
#FirmBrandingTabStrip > #FirmBrandingTabStrip-6,
#FirmBrandingTabStrip > #FirmBrandingTabStrip-7 {
    overflow: hidden !important;
}

.CaptureSetViewPluginWindow > .k-header {
    height: 21px !important;
    min-height: 21px !important;
}

.CaptureSetViewPluginWindow .k-window-action {
    margin-top: -2px !important;
    margin-right: -2px !important;
}

.k-widget.k-window.CaptureSetViewPluginWindow {
    border: 1px solid #181e26 !important;
    /*height: auto !important;*/
    width: 60vw !important;
    height: 632px !important;
    top: 11% !important;
}

    .k-widget.k-window.CaptureSetViewPluginWindow #CaptureSetViewPlugin {
        overflow-y: scroll !important;
    }

        .k-widget.k-window.CaptureSetViewPluginWindow #CaptureSetViewPlugin .bodycontent {
            height: 507px !important;
        }

#frmCourtDetails .k-listview div:not(.col-lg-10):not(.col-lg-2):not(.filterItems), .k-listview .col-lg-10 > div:not(:first-child) {
    margin-right: 0px !important;
    margin-bottom: 3px !important;
    border-radius: 5px !important;
    border: 1px solid #92806e !important;
    background-color: #e1cab1 !important;
    padding-left: 8px !important;
    /*height: 27px;*/
    padding-top: 3px !important;
}

#frmCourtDetails p {
    font-size: 13px !important;
}

.termsList.k-state-selected {
    background-color: #CAB59F !important;
}

.mainbody {
    overflow-y: hidden !important;
}

#bookStripWizardProgress > div {
    top: -2px !important;
    height: 100% !important;
}

.createandmaintainbooks_title #DivBookType {
    animation: slidetextleft;
    margin-left: -4px;
    opacity: 1;
    animation-duration: 1.4s;
    font-size: 14px !important;
    margin-top: 1px;
}

.createandmaintainusers_title #DivUserType {
    animation: slidetextleft;
    margin-left: -4px;
    opacity: 1;
    animation-duration: 1.4s;
    font-size: 14px !important;
    margin-top: 1px;
}


@keyframes slidetextleft {
    0% {
        margin-left: 6%;
        opacity: 0;
    }

    50% {
        margin-left: 6%;
        opacity: 0;
    }

    70% {
        margin-left: -10px;
    }
}

#BookOperationSettingsTabStrip .panel-inverse {
    border-radius: 5px !important;
}

#bookStripWizardProgress > div {
    border-radius: 3px !important;
    border: none !important;
    background: linear-gradient(#314252, #1c1e25) !important;
}

#bookStripWizardProgress {
    margin-bottom: 10px;
    margin-top: 2px;
}

#scheduler .k-nonwork-hour {
    background-color: #d8b690 !important;
}

#scheduler .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #e4c5a3 !important;
}

#scheduler .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active {
    color: #977345;
    background-color: #262d38;
    border-color: #736759;
}

#scheduler .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    padding-bottom: 28px !important;
}

#divMatterText #scheduler th {
    font-size: 13px !important;
}

#scheduler .k-current-time {
    width: 2px !important;
}

.k-calendar-container {
    border-radius: 5px !important;
}

#scheduler .k-nav-current .k-lg-date-format {
    margin-top: -8px !important;
}

#scheduler .k-nav-current {
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
}

#scheduler .k-scheduler-footer > ul > li, .k-scheduler-toolbar > ul > li {
    border-width: 1px 1px 1px 1px !important;
}

.k-calendar td {
    border-radius: 5px !important;
}

#divMatterText .k-event, .k-task-complete {
    border-color: #c19768 !important;
    color: #977345 !important;
    background: #efdac4 0 -257px url(http://localhost:56931/Content/ExcaliburIV_Custom/textures/highlight.png) repeat-x !important;
}

.k-animation-container .k-calendar-container .k-scheduler-calendar {
    border-radius: 2px !important;
    width: 100% !important;
}

.k-animation-container .k-calendar-container {
    width: 14.7vw !important;
}

    .k-animation-container .k-calendar-container .k-calendar {
        width: 100% !important;
    }

#divMatterText .k-event, .k-task-complete {
    height: auto !important;
}

#divMatterText .k-i-close {
    color: black !important;
}

.k-tabstrip-items .k-state-active .k-link {
    font-weight: 400 !important;
}

.MenuItem:focus {
    background-image: linear-gradient(to bottom, #202A35, #2f3c4b) !important;
}

.k-window #clientWindow #search-client-result #client-search-result {
    max-height: 54vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.fa {
    text-rendering: unset !important;
    -webkit-font-smoothing: never !important;
}

.removeNotifications {
    border-radius: 5px !important;
    user-select: none !important;
}


.gritter-close {
    padding: 20px;
}


.CallQuestion-ValidationMessage {
    color: #202a35;
    border: 1px solid red;
    width: 100%;
    border-radius: 3px;
    background-color: rgba(139, 0, 0, 0.2196078431372549);
    padding: 10px;
}

.k-dropdown > .k-state-disabled {
    background-color: #a7a4a0 !important;
    color: darkgray;
}

@keyframes icongrowinanim {
    0% {
        opacity: 0;
        margin-left: 10px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

.icongrowanim {
    animation: icongrowinanim;
    animation-duration: 0.5s;
    font-size: 30px;
    padding-top: 10px;
    opacity: 1;
    margin-left: 0px;
}

.linegrowtooltip {
    animation: linegrowanim;
    animation-duration: 0.4s;
    width: 100%;
}

.secondlinegrowtooltip {
    animation: secondlinegrowanim;
    animation-duration: 0.6s;
    width: 100%;
}

/* animation for tooltips */

/*@keyframes linegrowanim {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes secondlinegrowanim {
    0% {
        width: 0%;
    }

    40% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}*/


/*CUSTOM TOOLTIP CLASSES*/


.linkedmatterarrowleft {
    position: absolute;
    margin-left: -10px;
    margin-top: 7px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #414b54;
}

.linkedmattertooltiptext {
    display: none;
    width: 200px;
    height: auto;
    background-color: #2f3d4ce3;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: fixed;
    margin-left: 288px;
    z-index: 10;
}

/* Styles for custom tooltip (do not remove this!)*/

.excCustomTooltip {
    display: none;
    width: auto;
    height: auto;
    background-color: #2f3d4ce3;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: fixed;
    z-index: 10;
}

.excCustomTooltipArrow_left {
    position: absolute;
    margin-top: 7px;
    width: 0;
    height: 0;
    float: right;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #414b54;
}

.excCustomTooltipArrow_right {
    position: absolute;
    margin-top: 7px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #414b54;
}

.excCustomTooltipArrow_top {
    position: absolute;
    margin-top: 7px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #414b54;
}

.excCustomTooltipArrow_bottom {
    position: absolute;
    margin-top: 7px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #414b54;
}

/* ^ Styles for custom tooltip (do not remove this) ^ */

.noAccess {
    /*border-bottom: 4px solid rgb(186, 24, 22);*/
    display: inline-block;
    width: 81px;
    height: 71px;
    position: absolute;
    padding-left: 22px;
    margin-top: -2px;
    padding-top: 3px;
    color: rgb(227, 203, 178);
    background: linear-gradient(rgb(0, 0, 0), rgba(32, 42, 53, 0)) !important;
    pointer-events: all;
    transition-duration: 0.1s;
    border-bottom: 3px solid #616161;
}

.option-Disabled {
    width: 79px;
    position: absolute;
    background: linear-gradient(rgb(0 0 0), rgb(78 78 78 / 18%)) !important;
    transition-duration: 0.1s;
    border-bottom: 3px solid #747373;
    height: 68px !important;
    color: rgb(255 255 255 / 36%) !important;
    cursor: not-allowed !important;
    bottom: 0px;
}

.phoneNoAccess {
    display: inline-block;
    width: 100%;
    height: 50px;
    padding-left: 22px;
    margin-top: -12px;
    padding-top: 3px;
    color: rgb(227, 203, 178);
    background: linear-gradient(rgb(0, 0, 0), rgba(32, 42, 53, 0)) !important;
    pointer-events: none !important;
    transition-duration: 0.1s;
    margin-left: -29px;
    z-index: 10;
    position: absolute;
    border-bottom: 3px solid #616161;
}

.outgoingNoAccess {
    display: inline-block;
    width: 100%;
    height: 50px;
    padding-left: 22px;
    margin-top: -11px;
    padding-top: 3px;
    color: rgb(227, 203, 178);
    background: linear-gradient(rgb(0, 0, 0), rgba(32, 42, 53, 0)) !important;
    pointer-events: none !important;
    transition-duration: 0.1s;
    margin-left: -29px;
    z-index: 10;
    position: absolute;
    border-bottom: 3px solid #616161;
}

.adminNoAccess {
    display: inline-block;
    width: 100%;
    height: 47px;
    padding-left: 22px;
    margin-top: 2px;
    padding-top: 3px;
    color: rgb(227, 203, 178);
    background: linear-gradient(rgb(0, 0, 0), rgba(32, 42, 53, 0)) !important;
    pointer-events: none !important;
    transition-duration: 0.1s;
    margin-left: 0px;
    z-index: 10;
    position: absolute;
    border-bottom: 3px solid #616161;
}

.noAccessSearch {
    width: 97%;
    height: 35px !important;
    vertical-align: top;
    position: absolute;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 0px;
    color: rgb(139, 0, 0);
    z-index: 1;
    border-radius: 5px;
    background: linear-gradient(#0B0E12, rgba(32, 42, 53, 0)) !important;
}

.pointercancel {
    pointer-events: none !important;
}

/*Handles the distance between each item on the main menu*/

.pinterest_grid .white-panel {
    padding: 0px 4px !important;
}

    .pinterest_grid .white-panel .panel {
        margin-bottom: -2px;
    }


.departmentDisplay {
    padding-left: 0.3% !important;
    padding-right: 0.3% !important;
}

.matterInfoDisplay {
    padding-left: 0.3% !important;
    padding-right: 0.3% !important;
}

.menuShortcutDisplay {
    padding-left: 0.3% !important;
    padding-right: 0.3% !important;
}

#searchOverlay #MenuSearchResults .MenuItemResult span {
    position: absolute;
    margin-top: 1px !important;
}


#mainloadingcontent .error-content {
    margin-left: -5px !important;
    margin-right: -6px !important;
    border-radius: 5px !important;
}

#PaymentPlan .panel-primary {
    margin-left: 5px;
    margin-right: 4px;
}



/*Styles to rectify the width of some panels*/

#content #mainloadingcontent > .panel:not(#HomePage) {
    margin-left: -5px;
    margin-right: -6px;
}

#content #mainloadingcontent > .slider-item {
    margin-left: -5px;
    margin-right: -6px;
}

#content #mainloadingcontent > .row > .col-lg-12 .panel {
    margin-left: -5px;
    margin-right: -6px;
}

#content #mainloadingcontent > #buttons > .panel {
    margin-left: -5px;
    margin-right: -6px;
}

#content #mainloadingcontent .slider-item > .panel {
    margin-left: -5px;
    margin-right: -6px;
}

#content #mainloadingcontent #ImagingComponentHolder .content-holder > .panel {
    margin-left: -5px;
    margin-right: -6px;
}

#content #mainloadingcontent #clientPayoverSelection > .panel {
    margin-left: -5px;
    margin-right: -6px;
}

#mainloadingcontent #callDetails {
    margin-left: -15px;
    margin-right: -16px;
}

#mainloadingcontent > .row > .callInfo-left:not(.col-lg-9) {
    padding-left: 5px !important;
    padding-right: 3px !important;
}

#entireExtendedSettings #frmExtendedSettings {
    padding-left: 7px;
}

#customStatusPanel .universal_maxHeightAdjust {
    padding-left: 14px;
}

#tracerSetupPanel .universal_maxHeightAdjust {
    padding-left: 14px;
}

#multipleEntitySettings .universal_maxHeightAdjust {
    padding-left: 14px;
}

#bookBranchPanel {
    margin-left: -5px;
    margin-right: -6px;
}

#targetGroupPanel {
    margin-left: -5px;
    margin-right: -6px;
}

#causeOfActionPanel {
    margin-left: -5px;
    margin-right: -6px;
}

#campaignsBuilderPanel {
    margin-left: -5px;
    margin-right: -6px;
}

#backupManagerPanel {
    margin-left: -5px;
    margin-right: -6px;
}
/* ^ Styles to rectify the width of some panels ^ */



.leftAreaCallsScrollable {
    max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.sub-menu-main {
    padding-top: 0px !important;
    padding-left: 2px !important;
    padding-bottom: 10px !important;
}

/*Styling for Calls*/

#LoadCallQuestions > .callInfo-left {
    max-height: 96%;
    overflow-y: auto;
}

#callDetails #callButtons {
    margin-left: 7px;
    margin-right: 11px;
}

#LoadCallQuestions #loadedContent .callInfo-left > .callRow .panel-body {
    padding-bottom: 0px;
}

.callInfo-left .callRow {
    margin-bottom: 4px;
}

#loadedContent #callDetails .callButtonsOptions {
    display: block;
    margin-left: 13px;
    margin-right: 13px;
    margin-top: -10px;
}

.callmanager_callbuttons #genericSearchUsers {
    margin-top: 10px;
}

#div_CallManagerUserSearch #CallManagerUserSearch {
    margin-bottom: 8px !important;
    margin-left: 0px !important;
    width: 100% !important;
}

#wizard_CallQuestion #divWizardContainer .panel-body {
    overflow-y: hidden;
}

#divWizardContainer #CallQuestionDisplayGroupViewModels > .col-lg-4 .panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
}

#wizard_CallQuestion #divWizardContainer {
    margin-top: 5px;
    margin-left: 2px;
    margin-right: -4px;
}


.callreason_btn a {
    width: 25% !important;
    height: 50px;
    padding: 0px !important;
    /* margin: 4px !important; */
    padding-top: 0px !important;
    height: 28px !important;
}

#callDetails #callButtons .k-button {
    height: 34px !important;
}

#callDetails .callButtonsOptions #firstSet .k-button {
    height: 34px !important;
}

#CallQuestionDisplayGroupViewModels > .col-lg-4 {
    padding-left: 0px !important;
    padding-right: 4px !important;
    margin-top: 5px !important;
}

.gritter-with-image p {
    max-height: 600px;
    overflow-y: auto;
}

.menuOverLay {
    background-color: rgba(50, 56, 63, 0.48);
    border: 1px solid rgb(171, 152, 132);
    width: 250px;
    height: 890px;
    position: fixed;
    z-index: 2;
    display: none;
}


.tabbable.custom-tabs.tabs-left.tabs-animated.flat.flat-all.hide-label-980.shadow.track-url.auto-scroll {
    min-height: 50%;
    max-height: 94%;
    /* overflow-x: scroll; */
    overflow-y: scroll;
}


/*--------------------------------------------------------------------FIREFOX STYLING--------------------------------------------------------------------*/

@-moz-document url-prefix() {

    div, ul {
        scrollbar-width: none;
        /*overflow: hidden !important*/
    }

    .element {
        overflow: -moz-scrollbars-none;
    }
}



/* ^ -----------------------------------------------------------------FIREFOX STYLING------------------------------------------------------------------ ^ */

@font-face {
	font-family: 'fontawesome';
	src:url('/fonts/fontawesome.eot?ikyf49');
	src:url('/fonts/fontawesome.eot?#iefixikyf49') format('embedded-opentype'),
		url('/fonts/fontawesome.ttf?ikyf49') format('truetype'),
		url('/fonts/fontawesome.woff?ikyf49') format('woff'),
		url('/fonts/fontawesome.svg?ikyf49#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fac-square-ban:before {
	content: "\f602";
}
.fac-PAM:before {
	content: "\f600";
}
.fac-sword:before {
	content: "\f601";
}
/*http://localhost:55012/Excalibur 3.0/App_Themes/Ex2Corp/fonts/Custom Font/fonts/fontawesome.ttf
http://localhost:55012/Excalibur%203.0/App_Themes/Ex2Corp/fonts/fonts/Custom%20Font/fonts/fontawesome.ttf?ikyf49*/ 
/*Tags*/

textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #977345;
    font-family: Tahoma, sans-serif;
    /* background-position: bottom right; */
    /* background-repeat: no-repeat!important; */
    background-color: #d8c3ab;
    color: #2d353c!important;
    /* margin: auto 0px; */
}

form {
    /* margin: 10px 0 10px; */
    /* width: 97%; */
}


/*ID's*/


/*Classes*/
.clear {
    clear: both;
    height: 0px;
}

.alert-danger, .alert-error {
    border-color: #3f475c;
    background-color: #a03535 !important;
    /* color: #b94a48; */
}

.alert-danger, .alert-success {
    border-color: green;
    background-color: green !important;
    /*color: #b94a48;*/
}

.alert-success {
    border-color: green;
    background-color: green !important;
    /*color: #b94a48;*/
}

.alert-success {
    border-color: green;
    background-color: #188858 !important;
    /*color: #b94a48;*/
}

.alert-information, .alert-attention {
    border-color: orange;
    background-color: #ff6600 !important;
    /*color: #b94a48;*/
}

.alert {
    font-weight: 600 !important;
    padding: 8px 15px 8px 14px;
    color: #fff;
    /* margin-bottom: 20px; */
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    /*background-color: #fcf8e3;*/
    /* border: 1px solid #202a35; */
    background-color: #a94442;
    text-align: center !important;
    /* height: 36px; */
    /* width: 436px; */
    /* top: 50px; */
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.btn2 {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    /*font-size: 20px;*/
    background: #26354e !important;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color: #fff !important;
    margin: 1%;
}

    .btn2:hover {
        background: #26354e !important;
        background-image: -webkit-linear-gradient(top, #26354e, #3498db) !important;
        background-image: -moz-linear-gradient(top, #26354e, #3498db) !important;
        background-image: -ms-linear-gradient(top, #26354e, #3498db) !important;
        background-image: -o-linear-gradient(top, #26354e, #3498db) !important;
        background-image: linear-gradient(to bottom, #26354e, #3498db) !important;
        text-decoration: none !important;
    }

 .matterNo {
    font-size: 30px;
    font-weight: bold;
    color: #272d39;
}

.matterText {
    color: #2d353c;
    font-weight: bold;
    font-size: 20px;
}

.content-holder {
    /*background-color: #e2c69d;
    color: #000;
    border-color: #337ab7 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 98%;
    margin-left: 10px;
    margin-bottom: 10px;*/
}

    .content-holder::-webkit-scrollbar {
        width: 1em;
    }

    .content-holder::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .content-holder::-webkit-scrollbar-thumb {
        background-color: #26354e;
        outline: 1px solid slategrey;
    }

.panel-heading {
    background-color: #202a35 !important;
    color: #ead2b8 !important;
    border-bottom: 1px solid #554c42;
}

.panel-heading-notdragable {
    background-color: #262d38 !important;
    color: #ead2b8 !important;
    border-bottom: 1px solid #554c42;
    padding: 6px 15px;
    border: none;
    font-size: 11px;
}

.div-table {
    padding: 10px;
    /*display: table;*/
    width: auto;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/
}

.div-table-row {
    border-Top: 5px solid #c5aa83;
    padding: 5px;
    /*display: table-row;*/
    /*border: 3px solid #26354e !important;*/
    width: 100%;
    clear: both;
    min-height: 58px;
}

    .div-table-row:hover, .div-table-col :hover {
        background-color: grey;
    }



.div-table-col {
    float: left; /*fix for  buggy browsers*/
    /*display: table-column;*/
    min-height: 50px;
    width: 300px;
}

.table-link {
    /*min-height: 50px !important; 
    width: auto;
    text-decoration:none !important;*/
}

    .table-link:hover {
        text-decoration: none !important;
    }


.ENQUIRY {
    background-color: #FF9933;
    border-color: #C0C0C0;
    color: White;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('Bubble.png');
    padding-left: 50px;
}

.BOOKED {
    background-color: #33CCFF;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('ok.png');
    padding-left: 50px;
}

.CONFIRMED {
    background-color: #33CC33;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('Money.png');
    padding-left: 50px;
}


.modal {
    /*position: fixed;*/
    top: 10% !important;
    left: 50% !important;
    z-index: 1050 !important;
    width: 560px !important;
    margin-left: -280px !important;
    height:380px;
    background-color: #ffffff !important;
    border: 1px solid #999 !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    outline: none !important;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) !important;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    background-clip: padding-box !important;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}


.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.highlight {
    background-color:red !important;
    color:blue !important;
}

.selectedTab {
    background-color: #252c38 !important;
}

.message {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    box-shadow: 2px 2px rgba(0,0,0,.3);
    /* border-radius: 5px; */
}
.inner-message {
    margin: 0 auto;
}
/* Kendo skin */
.k-theme-test-class,
.ktb-theme-id-default {
    opacity: 0;
}

.ktb-var-accent {
    color: #977345;
}

.ktb-var-base {
    color: #262d38;
}

.ktb-var-background {
    color: #ead2b8;
}

.ktb-var-border-radius {
    border-radius: 2px;
}

.ktb-var-normal-background {
    color: #d61d1d;
}

.ktb-var-normal-gradient {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
}

.ktb-var-normal-text-color {
    color: #977345;
}

.ktb-var-hover-background {
    color: #262d38;
}

.ktb-var-hover-gradient {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
}

.ktb-var-hover-text-color {
    color: #977345;
}

.ktb-var-selected-background {
    color: #262d38;
}

.ktb-var-selected-gradient {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
}

.ktb-var-selected-text-color {
    color: #454545;
}

.ktb-var-error {
    color: #d61d1d;
}

.ktb-var-warning {
    color: #ffe9a8;
}

.ktb-var-success {
    color: #52c664;
}

.ktb-var-info {
    color: #3e6b99;
}

.ktb-var-series-a {
    color: #527aa3;
}

.ktb-var-series-b {
    color: #6f91b3;
}

.ktb-var-series-c {
    color: #8ca7c2;
}

.ktb-var-series-d {
    color: #a8bdd1;
}

.ktb-var-series-e {
    color: #c5d3e0;
}

.ktb-var-series-f {
    color: #e2e9f0;
}

.k-grid-norecords-template {
    background-color: #ead2b8;
    border: 1px solid #282f3b;
}

.k-in,
.k-item,
.k-window-action {
    border-color: transparent;
    font-size: 12px;
    color: #ddd;
}
/* main colors */
.k-block,
.k-widget {
    background-color: #f4dcc2;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child,
.k-editor-dialog .k-tabstrip-items {
    border-color: #554c42;
}

    .k-group,
    .k-toolbar,
    .k-grouping-header,
    .k-pager-wrap,
    .k-group-footer td,
    .k-grid-footer,
    .k-footer-template td,
    .k-widget .k-status,
    .k-calendar th,
    .k-dropzone-hovered,
    .k-widget.k-popup {
        background-color: #efdcc8;
    }

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
    background-color: #242d3a;
}

.k-list-container {
    border-color: #282f3b;
    background-color: #262d38;
    color: #2d353c !important;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: #ead2b8;
}

.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: rgba(82, 76, 69, 0.29);
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
    background-color: #e4c6a4;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border-color: #282f3b;
    background-color: #262d38;
}

    .k-textbox > input,
    .k-autocomplete .k-input,
    .k-dropdown-wrap .k-input,
    .k-autocomplete.k-state-focused .k-input,
    .k-dropdown-wrap.k-state-focused .k-input,
    .k-picker-wrap.k-state-focused .k-input,
    .k-numeric-wrap.k-state-focused .k-input {
        border-color: #282f3b;
    }

    input.k-textbox,
    textarea.k-textbox,
    input.k-textbox:hover,
    textarea.k-textbox:hover,
    .k-textbox > input {
        background: none;
    }

        .k-input,
        input.k-textbox,
        textarea.k-textbox,
        input.k-textbox:hover,
        textarea.k-textbox:hover,
        .k-textbox > input,
        .k-multiselect-wrap {
            background-color: #d8c3ab;
            border-radius: 0px !important;
            /*margin: 5px 0px;*/
            /*width: 100%!important;*/
        }

.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox,
.k-toolbar .k-split-button {
    width: 100%;
}

.k-input[readonly] {
    background-color: #b39d84;
    color: #2d353c;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #202a35;
}

.k-inverse {
    color: #ffffff;
}

.k-block {
    color: #9b7647;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #987344;
    font-size: 11px;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
    color: #977345;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
    color: #c8b59e;
    font-size: 12px;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    /* background-color: #242d3a; */
}

.k-block, .k-tabstrip,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #242d3a;
}
    .k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
        position: static;
        border-style: solid;
        border-width: 1px;
        margin: 0 .286em .3em;
        padding: .92em;
        zoom: 1
    }
.k-mediaplayer-toolbar {
    background-color: rgba(36, 45, 58, 0.85);
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.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 {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    opacity: 0.9;
    /* border-color: red; */
}

.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: 0.9;
}

.k-tool {
    border-color: transparent;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
    /*background-image: url('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/sprite.png');*/
    background-image: url('images/sprite.png');
    border-color: #7ea700;
}
/* IE will ignore the above selectors if these are added too */
.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('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/sprite.png');*/
    background-image: url('images/sprite.png');
    border-color: transparent;
}





.k-loading-color {
    background-color: #f0decc;
}

.k-button i {
    margin: 5px;
}

.k-draghandle {
    border-color: #282f3b;
    background-color: #455266;
    box-shadow: none;
}

    .k-draghandle:hover {
        border-color: #282f3b;
        background-color: #272d37;
        box-shadow: none;
    }
/* Scheduler */
.k-scheduler {
    color: #977345;
    background-color: #ead2b8;
}

.k-scheduler-layout {
    color: #977345;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
    background-color: #ead2b8;
    color: #977345;
}

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
    border-color: #3f4a5c;
}

.k-nonwork-hour {
    background-color: #2c3441;
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(38, 45, 56, 0.2);
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(38, 45, 56, 0.15);
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
    background-color: #323c4a;
}

.k-scheduler-now-arrow {
    border-left-color: #540b0b;
}

.k-scheduler-now-line {
    background-color: #540b0b;
}

.k-event,
.k-task-complete {
    border-color: #6b7e9b;
    background: #4b596f 0 -257px url('textures/highlight.png') repeat-x;
    color: #977345;
}

.k-event-inverse {
    color: #ead2b8;
}

.k-event.k-state-selected {
    background-position: 0 0;
    box-shadow: 0 0 0 2px #977345;
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
    background-color: #d2bb9d;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
    border-color: #977345;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    background-color: #ead2b8;
    color: #977345;
    border-color: #282f3b;
}

.k-panelbar > li > .k-link {
    color: #977345;
}

.k-panelbar > .k-item > .k-link {
    border-color: #282f3b;
}

.k-panel > li.k-item {
    background-color: #ead2b8;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: #ead2b8;
    border-color: #2a323e;
    color: #9b7647;
}

.k-fieldselector .k-list-container {
    background-color: #ead2b8;
}

.k-button:focus,
.k-button.k-state-focused {
    border-color: #282f3b;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #ead2b8;
    border-color: #282f3b;
    background-color: #262d38;
}

.k-button:active,
.k-button.k-state-active {
    color: #d9bb9a;
    background-color: #524c45;
    border-color: #2c343b;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #646464;
        border-color: #282f3b;
        background-color: #a27b4a;
    }

.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
    color: #8190a9;
    border-color: #282f3b;
    background-color: #262d38;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: inset 0 0 3px 1px #282f3b;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: inset 0 0 3px 1px #775b37;
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent;
}

.k-button-bare.k-state-focused .k-font-icon,
.k-button-bare:focus .k-font-icon {
    text-shadow: 0 0 3px currentColor;
}

html .k-mediaplayer-toolbar .k-button-bare:active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active,
html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover {
    color: #977345;
}

.k-menu .k-state-selected > .k-link {
    color: #454545;
    background-color: #977345;
    border-color: #9b7647;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
}

.k-menu .k-link.k-state-active {
    background-color: #ead2b8;
    border-color: #2a323e;
    color: #9b7647;
}

.k-menu .k-state-hover > .k-link {
    color: #977345;
    background-color: #262d38;
    border-color: #282f3b;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
}

.k-state-highlight {
    background: #ead2b8;
    color: #9b7647;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
    border-color: #282f3b;
}

.k-calendar {
    margin-bottom: 20px !important;
}

    .k-calendar .k-link {
        color: #987344 !important;
    }

    .k-calendar .k-footer {
        padding: 0;
        max-height: 25px !important;
    }

        .k-calendar .k-footer .k-nav-today {
            color: #987344;
            text-decoration: none;
            background-color: #ead2b8;
        }

            .k-calendar .k-footer .k-nav-today:hover,
            .k-calendar .k-footer .k-nav-today.k-state-hover {
                background-color: #ead2b8;
                text-decoration: underline;
            }

            .k-calendar .k-footer .k-nav-today:active {
                background-color: #ead2b8;
            }

    .k-calendar .k-link.k-nav-fast {
        color: #987344;
    }

    .k-calendar .k-nav-fast.k-state-hover {
        text-decoration: none;
        background-color: #262d38;
        color: #977345;
    }

    .k-calendar .k-link.k-state-hover {
        border-radius: 4px;
    }

    .k-calendar .k-today {
        box-shadow: inset 0 0 0 1px #977345;
        background-color: #202a35;
    }

        .k-calendar .k-today .k-link {
            color: white;
            font-weight: bold;
        }

    .k-calendar td.k-today.k-state-focused,
    .k-calendar td.k-today.k-state-focused.k-state-hover {
        box-shadow: inset 0 0 3px 1px #f4eee7;
    }

    .k-calendar td.k-today.k-state-hover,
    .k-calendar td.k-today.k-state-selected {
        box-shadow: none;
    }

        .k-calendar td.k-today.k-state-hover .k-link {
            color: #987344;
        }

    .k-calendar .k-footer .k-link {
        border-radius: 0;
    }

    .k-calendar th {
        background-color: #efdcc8;
    }

    .k-calendar td.k-state-selected.k-state-hover {
        background-color: #9f743d;
        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: #454545;
    }

    .k-calendar td.k-state-focused.k-state-selected,
    .k-calendar td.k-state-selected.k-state-active,
    .k-calendar td.k-state-selected:active,
    .k-calendar td.k-state-selected.k-state-hover:active {
        box-shadow: inset 0 0 3px 1px #f4eee7;
    }

.k-window-titlebar .k-link {
    border-radius: 4px;
}

.k-calendar-container.k-group {
    border-color: #282f3b;
}
/*.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,*/
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
    color: white;
    background-color: #b39d84;
    border-color: #9b7647;
}

.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
    border-top-color: #282f3b;
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #000000;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    background: #282f3b;
    color: #454545;
}

.k-popup .k-list .k-item > .k-group {
    background: #000000;
    color: #fff;
    border-bottom-left-radius: 1px;
}

.k-popup .k-treeview .k-item > .k-group {
    background: transparent;
    color: #977345;
}

.k-marquee-text {
    color: #454545;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
    background-color: #524c45;
}

    .k-state-focused.k-state-selected,
    .k-list > .k-state-focused.k-state-selected,
    .k-listview > .k-state-focused.k-state-selected,
    td.k-state-focused.k-state-selected {
        box-shadow: inset 0 0 3px 1px #775b37;
    }

.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused {
    background-color: #524c45;
}

.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
    box-shadow: none;
    font-size: 10px;
}

.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: #f4dcc2;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
    color: #977345;
    background-color: #262d38;
    border-color: #282f3b;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #977345;
    background-color: #262d38;
    border-color: #282f3b;
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #282f3b;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
    border-color: #282f3b;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
}

.k-pager-wrap {
    background-color: #242d3a;
    color: #9b7647;
}

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
    background-image: none;
}

.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
}

.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}

.k-tool-icon {
    /*background-image: url('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/sprite.png');*/
    background-image: url('images/sprite.png');
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
    color: #977345;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: #262d38;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
    background-position: 50% 50%;
    border-color: #282f3b;
}

.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
    color: #977345;
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background: #282f3b;
    border-color: #282f3b;
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        background: #ead2b8;
        border-color: #282f3b;
    }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
        }

.k-dropdown .k-state-hover .k-input {
    color: #977345;
}

.k-state-error {
    border-color: #540b0b;
    background-color: #576881;
    color: #d2bb9d;
}

.k-state-disabled {
    opacity: .7;
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #8190a9;
}

.k-dropzone .k-upload-status {
    color: #8190a9;
}
/* Progressbar */
.k-progressbar-indeterminate {
    /*background: url('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/indeterminate.gif');*/
    background-image: url('images/indeterminate.gif');
}

    .k-progressbar-indeterminate .k-progress-status-wrap,
    .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }
/* Slider */
.k-slider-track {
    background-color: #282f3b;
}

.k-slider-selection {
    background-color: #977345;
}

.k-slider-horizontal .k-tick {
    /*background-image: url('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/slider-h.gif');*/
    background-image: url('images/slider-h.gif');
}

.k-slider-vertical .k-tick {
    /*background-image: url('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/slider-v.gif');*/
    background-image: url('images/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background-color: #242d3a;
    color: #9b7647;
    border-color: transparent;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.k-widget.k-tooltip-validation {
    border-color: #232c39;
    background-color: #d64141;
    color: #f8f8ff;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n {
    border-bottom-color: #242d3a;
}

.k-callout-w {
    border-right-color: #242d3a;
}

.k-callout-s {
    border-top-color: #242d3a;
}

.k-callout-e {
    border-left-color: #242d3a;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #ffe9a8;
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #ffe9a8;
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #ffe9a8;
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #ffe9a8;
}
/* Splitter */
.k-splitbar {
    background-color: #262d38;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #d2bb9d;
}
/* Upload */
.k-file {
    background-color: #ead2b8;
    border-color: #282f3b;
}

.k-file-progress {
    color: #9b7647;
}

    .k-file-progress .k-progress {
        background-color: #3e6b99;
    }

.k-file-success {
    color: #52c664;
}

    .k-file-success .k-progress {
        background-color: #52c664;
    }

.k-file-error {
    color: #d61d1d;
}

    .k-file-error .k-progressbar .k-progress,
    .k-file-invalid .k-progressbar .k-progress {
        background-color: #d61d1d;
    }

.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
    color: #8190a9;
    border-color: #8190a9;
}

.k-file-invalid .k-file-name-invalid {
    color: #d61d1d;
}

.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
    color: #d61d1d;
    border-color: #f19696;
}

.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
    background-color: #ead2b8;
    border-color: transparent transparent #8190a9 #8190a9;
}

.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
    background-color: #ead2b8;
    border-color: transparent transparent #f19696 #f19696;
}

.k-multiple-files-extension-wrapper:after {
    border-top-color: #8190a9;
    border-left-color: #8190a9;
}

.k-multiple-files-invalid-extension-wrapper:after {
    border-top-color: #f19696;
    border-left-color: #f19696;
}

.k-file-size,
.k-file-information,
.k-file-validation-message {
    color: #8190a9;
}

.k-upload .k-upload-selected {
    color: #977345;
    border-color: #282f3b;
}
/* ImageBrowser */
.k-tile {
    border-color: #ead2b8;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border-color: #282f3b;
}

.k-tiles li.k-state-selected {
    border-color: #9b7647;
}

.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file,
.k-filebrowser .k-tile .k-i-folder,
.k-filebrowser .k-tile .k-i-file {
    /*background-image: url('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/imagebrowser.png');*/
    background-image: url('images/imagebrowser.png');
    background-size: auto auto;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
    color: #fff;
}

    .k-leaf.k-inverse,
    .k-leaf.k-inverse.k-state-hover:hover {
        color: #000;
    }
/* Shadows */
.k-widget,
.k-button {
    box-shadow: none;
}

.k-slider,
.k-treeview,
.k-upload {
    box-shadow: none;
}

.k-state-hover {
    box-shadow: none;
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8);
    outline-color: #524c45;
}

.k-state-selected {
    box-shadow: none;
}

.k-state-active {
    box-shadow: none;
}

.k-grid tr:hover {
    background-color: #262d38;
    background-image: none;
    background-image: none, linear-gradient(to bottom, #d9bb9b 0px, #d9bb9b 100%);
    background-position: 50% 50%;
}

.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}

.k-grid tr.k-state-selected:hover,
.k-grid td.k-state-selected:hover {
    background-color: #524c45;
    background-image: none;
}

.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-treemap-tile.k-state-hover {
    box-shadow: inset 0 0 0 3px #282f3b;
}
/* Window */
.k-window {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    background-color: #ead2b8;
}

    .k-window.k-state-focused {
        border-color: rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
    }

    .k-window.k-window-maximized,
    .k-window-maximized .k-window-titlebar,
    .k-window-maximized .k-window-content {
        border-radius: 0;
    }

.k-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-inset {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* Selection */
.k-editor-inline ::selection {
    background-color: #9b7647;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #9b7647;
    text-shadow: none;
    color: #fff;
}
/* Notification */
.k-widget.k-notification.k-notification-info {
    background-color: #3e6b99;
    color: #fff;
    border-color: #3e6b99;
}

.k-widget.k-notification.k-notification-success {
    background-color: #52c664;
    color: #fff;
    border-color: #52c664;
}

.k-widget.k-notification.k-notification-warning {
    background-color: #ffe9a8;
    color: #000;
    border-color: #ffe9a8;
}

.k-widget.k-notification.k-notification-error {
    background-color: #d61d1d;
    color: #fff;
    border-color: #d61d1d;
}

.k-widget.k-notification {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
}
/* Gantt */
.k-gantt .k-treelist {
    background: #edd9c4;
}

    .k-gantt .k-treelist .k-alt {
        background-color: #e8cdb0;
    }

    .k-gantt .k-treelist tr:hover {
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
        background-color: #000000;
    }

    .k-gantt .k-treelist .k-state-selected,
    .k-gantt .k-treelist .k-state-selected td,
    .k-gantt .k-treelist .k-alt.k-state-selected,
    .k-gantt .k-treelist .k-alt.k-state-selected > td {
        background-color: #977345;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    }

        .k-gantt .k-treelist .k-state-selected:hover,
        .k-gantt .k-treelist .k-state-selected:hover td {
            background-color: #9f743d;
            background-image: none;
        }

.k-task-dot:after {
    background-color: #977345;
    border-color: #977345;
}

.k-task-dot:hover:after {
    background-color: #ead2b8;
}

.k-task-summary {
    border-color: #ccb18f;
    background: #ccb18f;
}

.k-task-milestone,
.k-task-summary-complete {
    border-color: #977345;
    background: #977345;
}

.k-state-selected.k-task-summary {
    border-color: #ccb18f;
    background: #ccb18f;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    border-color: #977345;
    background: #977345;
}

.k-task-single {
    background-color: #8190a9;
    border-color: #6b7e9b;
    color: #977345;
}

.k-state-selected.k-task-single {
    border-color: #9b7647;
}

.k-line {
    background-color: #977345;
    color: #977345;
}

.k-state-selected.k-line {
    background-color: #977345;
    color: #977345;
}

.k-resource {
    background-color: #ead2b8;
}
/* PivotGrid */
.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('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/sprite_kpi.png');*/
    background-image: url('images/sprite_kpi.png');
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload,
.k-split-button .k-gantt-views,
.k-gantt-views > .k-current-view {
    border-radius: 0px;
}

.k-numerictextbox {
    margin-top: 5px;
}

.k-tool {
    text-align: center;
    vertical-align: middle;
}

    .k-tool.k-group-start,
    .k-toolbar .k-split-button .k-button,
    .k-toolbar .k-button-group .k-group-start {
        border-radius: 2px 0 0 2px;
    }

.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
    border-radius: 0 2px 2px 0;
}

.k-toolbar .k-button-group > .k-group-end {
    border-radius: 2px;
}

.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 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-group-start.k-group-end.k-tool {
    border-radius: 2px;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    border-radius: 0 0 2px 2px;
}

    .k-autocomplete.k-state-border-up .k-input,
    .k-dropdown-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,
    .k-numeric-wrap.k-state-border-up .k-input {
        border-radius: 0 0 0 2px;
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 2px 2px;
    }

.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down,
.k-gantt-views.k-state-expanded,
.k-gantt-views.k-state-expanded > .k-current-view {
    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-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    border-radius: 1px 0 0 1px;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-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-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
    border-radius: 2px 0 0 0;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #977345;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 1px 1px 0 0;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
    border-radius: 0 2px 2px 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
    border-radius: 2px 0 0 2px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 2px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 1px;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone {
    border-radius: 1px;
}

.k-slider .k-button,
.k-grid .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: 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-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
    border-radius: 2px;
}

.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.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 ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 2px 0 0 2px;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
    border-radius: 2px;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
    border-radius: 1px;
}

.k-scheduler-mobile .k-event {
    border-radius: 0px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #977345;
}

html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
    color: #977345;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    div.km-pane-wrapper a {
        color: #977345;
    }
}

.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #ead2b8;
    border-top: 1px solid #3f4a5c;
}

    .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: #977345;
        border-top-color: #9b7647;
    }

    .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 {
        box-shadow: inset 0 -1px 0 #3f4a5c;
    }

.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
    color: #010101;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #3f4a5c;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    box-shadow: 0 1px 1px #3f4a5c;
}

.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
    color: #fff;
    border-color: #540b0b;
    background-color: red;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}

    .km-actionsheet .k-grid-delete:active,
    .km-actionsheet .k-scheduler-delete:active,
    .km-pane-wrapper .k-scheduler-delete:active,
    .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
        background-color: #990000;
    }
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap> k-state-default,
.k-numeric-wrap>k-state-default,
.k-dropdown-wrap>k-state-default {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background-color: #d8c3ab;
    border-color: #977345;
    /* width: 100%; */
    color: #2d353c;
    /* margin: 5px; */
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #b39d84;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
    background-position: 50% 50%;
    border-color: #282f3b;
}

input.k-textbox,
textarea.k-textbox,
.k-multiselect.k-header {
    border-color: #977345;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #282f3b;
    }

    .k-autocomplete.k-state-focused,
    .k-picker-wrap.k-state-focused,
    .k-numeric-wrap.k-state-focused,
    .k-dropdown-wrap.k-state-focused,
    .k-multiselect.k-header.k-state-focused {
        background-color: #b39d84;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
        background-position: 50% 50%;
        border-color: #202a35;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    }

.k-list-container {
    color: #977345;
}

.k-nodata {
    color: #8190a9;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
    color: #2d353c;
    width: 100%;
}

.k-state-default > .k-select {
    border-color: #282f3b;
}

.k-state-hover > .k-select {
    border-color: #282f3b;
}

.k-state-focused > .k-select {
    border-color: #ebd4bc;
}

.k-tabstrip:focus {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
    background: #242a30;
    border-radius: 0px !important;
    /* text-align: center; */
    font-size: 12px;
    color: whitesmoke;
    border-right: 1px solid #524c45;
}

    .k-tabstrip-items .k-state-hover .k-link,
    .k-panelbar > li.k-state-hover > .k-link,
    .k-panelbar > li.k-state-default > .k-link.k-state-hover {
        color: #977345;
    }

.k-panelbar > .k-state-focused.k-state-hover {
    background: #262d38;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default {
    border-color: rgba(40, 45, 57, 0.2);
}

.k-tabstrip-items .k-state-hover {
    border-color: #282f3b;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #ead2b8;
    background-image: none;
    border-color: #282f3b !important;
    /* color: red; */
}

    .k-tabstrip-items .k-state-active .k-link {
        color: #d4d4d4 !important;
        font-weight: 600;
        background-color: #524c45;
        background-image: linear-gradient(to bottom, #232222, #2f3c4b) !important;
    }

.k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-color: #ead2b8;
}

.k-tabstrip .k-content.k-state-active {
    background-color: #ead2b8;
    color: #977345;
}

.k-menu.k-header,
.k-menu .k-item {
    border-color: #282f3b;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
    border-color: #282f3b;
}

.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #667996, 0 1px 0 #667996;
}

    .k-toolbar-first-visible.k-overflow-group,
    .k-overflow-container .k-overflow-group + .k-overflow-group {
        box-shadow: 0 1px 0 #667996;
    }

.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #667996;
}

.k-column-menu .k-separator {
    border-color: #282f3b;
    background-color: transparent;
}

.k-menu .k-group {
    border-color: #282f3b;
}

.k-grid-filter.k-state-active {
    background-color: #ead2b8;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    color: #977345;
    border-color: #282f3b;
    font-weight: bold;
}

.k-grouping-header {
    color: #977345;
}

.k-grid td.k-state-focused {
    box-shadow: inset 0 0 3px 1px #f4eee7;
}

.k-dropdown {
    margin-top: 5px !important;
}

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
    border-color: #282f3b !important;
}

.k-primary,
.k-overflow-container .k-primary {
    color: #646464;
    border-color: #282f3b;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-position: 50% 50%;
    background-color: #c5b29e;
    box-shadow: none;
}

    .k-primary:focus,
    .k-primary.k-state-focused {
        color: #646464;
        border-color: #8c6b40;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
        box-shadow: 0 0 3px 0 #977345;
    }

    .k-primary:hover {
        color: #646464;
        border-color: #282f3b;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
        background-color: #a27b4a;
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        box-shadow: 0 0 3px 0 #977345;
    }

    .k-primary:active {
        color: #454545;
        border-color: #242a30;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
        background-color: #c5b29e;
        box-shadow: none;
    }

    .k-primary.k-state-disabled,
    .k-state-disabled .k-primary,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:hover,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:active,
    .k-primary.k-state-disabled:active {
        color: #2b2b2b;
        border-color: #2b2b2b;
        background-color: #b18854;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
        box-shadow: none;
    }

.k-pager-numbers .k-link,
.k-treeview .k-in {
    border-color: transparent;
}

.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .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: none;
}

.k-split-button:focus {
    box-shadow: inset 0 0 4px 2px #282f3b;
}

    .k-split-button:focus > .k-button {
        background: transparent;
        border-color: #282f3b;
    }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #282f3b;
    box-shadow: inset 0 0 3px 1px #282f3b;
}

.k-checkbox-label:before {
    border-color: #282f3b;
    background: #fff;
    border-radius: 3px;
}

.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #2a323e;
    box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #ffffff;
    border-color: #0d1014;
    color: #9b7647;
}

.k-checkbox-label:active:before {
    box-shadow: 0 0 3px 0 #977345;
    border-color: #9b7647;
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    box-shadow: 0 0 3px 0 #977345;
    border-color: #9b7647;
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #8190a9;
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        box-shadow: none;
    }

    .k-checkbox:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
        color: #8190a9;
        background: #516078;
        border-color: #0d1014;
        border-radius: 3px;
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #9b7647;
    box-shadow: 0 0 3px 0 #977345;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #9b7647;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    border-color: #9b7647;
    border-radius: 2px;
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #9b7647;
    background-color: #9b7647;
}
.k-editor-toolbar li {
    display: inline-block;
    vertical-align: middle
}
.k-radio-label:before {
    border-color: #282f3b;
    border-radius: 50%;
    background-color: #fff;
    border-width: 1px;
}
.k-radio-label::before {
    border-color: #282f3b;
    border-radius: 50%;
    background-color: #fff;
    border-width: 1px;
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #2a323e;
    box-shadow: none;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #a27b4a;
    border-radius: 50%;
}

.k-radio-label:active:before {
    border-color: #9b7647;
    box-shadow: 0 0 3px 0 #977345;
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 3px 0 #977345;
    border-color: #9b7647;
}

.k-radio:disabled + .k-radio-label {
    color: #8190a9;
}

    .k-radio:disabled + .k-radio-label:before,
    .k-radio:disabled + .k-radio-label:active:before,
    .k-radio:disabled + .k-radio-label:hover:after,
    .k-radio:disabled + .k-radio-label:hover:before {
        background: #516078;
        border-color: #bfbfbf;
        box-shadow: none;
    }

.k-radio:disabled:checked + .k-radio-label:after {
    background-color: #a27b4a;
    opacity: .5;
}

.k-radio:focus + .k-radio-label:before {
    border-color: #9b7647;
    box-shadow: 0 0 3px 0 #977345;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    .k-icon:not(.k-loading),
    .k-icon:not(.k-i-loading),
    .k-grouping-dropclue,
    .k-drop-hint,
    .k-callout,
    .k-tool-icon,
    .k-state-hover .k-tool-icon,
    .k-state-active .k-tool-icon,
    .k-state-active.k-state-hover .k-tool-icon,
    .k-state-selected .k-tool-icon,
    .k-state-selected.k-state-hover .k-tool-icon,
    .k-column-menu .k-sprite,
    .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('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/sprite_2x.png');*/
        /*background-image: url('sprite_2x.png');*/
        background-size: 340px 336px;
    }

    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-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('http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/sprite_kpi_2x.png');*/
        background-image: url('images/sprite_kpi_2x.png');
        background-size: 96px 16px;
    }
}

@media screen and (-ms-high-contrast: active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-numbers,
    .k-ff .k-pager-numbers,
    .k-ie11 .k-pager-numbers,
    .k-edge .k-pager-numbers,
    .k-safari .k-pager-numbers,
    .k-webkit .k-grid .k-pager-numbers,
    .k-ff .k-grid .k-pager-numbers,
    .k-ie11 .k-grid .k-pager-numbers,
    .k-edge .k-grid .k-pager-numbers,
    .k-safari .k-grid .k-pager-numbers {
        transform: translatey(-100%);
        -webkit-transform: translatey(-100%);
    }

        .k-webkit .k-pager-numbers .k-current-page,
        .k-ff .k-pager-numbers .k-current-page,
        .k-ie11 .k-pager-numbers .k-current-page,
        .k-edge .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-ff .k-grid .k-pager-numbers .k-current-page,
        .k-ie11 .k-grid .k-pager-numbers .k-current-page,
        .k-edge .k-grid .k-pager-numbers .k-current-page,
        .k-safari .k-grid .k-pager-numbers .k-current-page {
            transform: translatey(100%);
            -webkit-transform: translatey(100%);
        }

            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .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-edge .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-pager-numbers .k-current-page .k-link,
            .k-ff .k-pager-numbers .k-current-page .k-link,
            .k-ie11 .k-pager-numbers .k-current-page .k-link,
            .k-edge .k-pager-numbers .k-current-page .k-link,
            .k-safari .k-pager-numbers .k-current-page .k-link {
                background-image: none;
                background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
                background-position: 50% 50%;
                background-color: #282f3b;
                border-color: #282f3b;
            }

            .k-webkit .k-pager-numbers .k-current-page .k-link,
            .k-ff .k-pager-numbers .k-current-page .k-link,
            .k-ie11 .k-pager-numbers .k-current-page .k-link,
            .k-edge .k-pager-numbers .k-current-page .k-link,
            .k-safari .k-pager-numbers .k-current-page .k-link {
                border-color: #282f3b;
            }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .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-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        border-radius: 2px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .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-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .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-edge .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 {
            border-radius: 1px 1px 0 0;
        }

    .k-webkit .k-scheduler-toolbar > ul li:first-child,
    .k-ff .k-scheduler-toolbar > ul li:first-child,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child,
    .k-edge .k-scheduler-toolbar > ul li:first-child,
    .k-safari .k-scheduler-toolbar > ul li:first-child,
    .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .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-link,
        .k-edge .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-link {
            border-radius: 0 0 1px 1px;
        }

    .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
    .k-ff .k-pager-numbers .k-current-page .k-link:hover,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
    .k-edge .k-pager-numbers .k-current-page .k-link:hover,
    .k-safari .k-pager-numbers .k-current-page .k-link:hover,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .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-edge .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 {
        border-color: #282f3b;
        background-image: none;
        background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0588235) 100%);
        background-color: #262d38;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .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 > .k-link,
    .k-edge .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 {
        color: #977345;
        min-width: 75px;
    }

    .k-webkit .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:hover > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-edge .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 {
        color: #977345;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link:after,
    .k-ff .k-pager-numbers .k-current-page .k-link:after,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
    .k-edge .k-pager-numbers .k-current-page .k-link:after,
    .k-safari .k-pager-numbers .k-current-page .k-link:after,
    .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
    .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-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        right: 0.333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .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-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #282f3b;
        background-color: #242d3a;
        border-radius: 2px 2px 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .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-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        background-image: none;
        border-radius: 2px;
    }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-edge .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-edge .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        border-radius: 1px;
    }

    .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .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-edge .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
    }
}

.k-chart .k-mask {
    background-color: #ead2b8;
    filter: alpha(opacity=68);
    opacity: 0.68;
}

.k-chart .k-selection {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s linear, border-color 0.2s linear;
}

    .k-chart .k-selection:hover {
        border-color: rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
    }

.k-chart .k-handle {
    background-color: #fcfcfc;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

    .k-chart .k-handle:hover {
        background-color: #ffffff;
        border-color: #b8b8b8;
        box-shadow: 0 0 0 2px rgba(111, 101, 96, 0.5);
    }

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    color: #242424;
}

.k-chart .k-navigator-hint .k-scroll {
    background: rgba(151, 115, 69, 0.7);
    height: 4px;
}
/* Map */
.k-map .k-marker {
    /*background-image: url("http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/markers.png");*/
    background-image: url('images/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("http://kendo.cdn.telerik.com/2016.3.914/styles/Uniform/markers_2x.png");*/
        background-image: url('images/markers_2x.png');
    }
}

.k-map .k-attribution {
    color: #666666;
}

.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #ead2b8;
}

.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #262d38;
    background-image: none;
    color: #ffffff;
    border-color: #000000;
}

.k-spreadsheet-top-corner {
    border-color: #000000;
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #000000 #000000 transparent;
    }

.k-spreadsheet-pane {
    border-color: #000000;
}

    .k-spreadsheet-pane .k-spreadsheet-vaxis,
    .k-spreadsheet-pane .k-spreadsheet-haxis {
        border-color: #11151a;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header,
    .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #000000;
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #ead2b8;
    }

    .k-spreadsheet-pane .k-selection-partial,
    .k-spreadsheet-pane .k-selection-full {
        border-color: rgba(38, 45, 56, 0.2);
        background-color: rgba(38, 45, 56, 0.2);
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #262d38;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
        border-bottom-color: #262d38;
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
        border-right-color: #262d38;
    }

.k-auto-fill,
.k-spreadsheet-selection {
    border-color: #262d38;
    box-shadow: inset 0 0 0 1px #ead2b8, 0 0 0 1px #262d38;
}

.k-spreadsheet-selection {
    background-color: rgba(38, 45, 56, 0.2);
}

.k-spreadsheet-active-cell {
    border-color: #262d38 !important;
    background-color: #ead2b8;
}

    .k-spreadsheet-active-cell.k-single {
        color: #977345;
        background-color: #ead2b8;
    }

.k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #ead2b8;
    border-color: #282f3b;
}

    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
        border-color: #000000;
    }

    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
        border-color: #000000;
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #ead2b8;
    color: #977345;
}

.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
    background-color: #262d38;
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #262d38;
}

.k-spreadsheet .k-single-selection::after {
    background-color: #262d38;
    border-color: #ead2b8;
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(234, 210, 184, 0.5);
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(38, 45, 56, 0.5);
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #282f3b;
}

.k-spreadsheet-filter {
    border-radius: 2px;
    background-color: #ead2b8;
    box-shadow: inset 0 0 0 1px #11151a;
}

    .k-spreadsheet-filter.k-state-active {
        color: #454545;
        background-color: #262d38;
    }

    .k-spreadsheet-filter:hover {
        color: #977345;
        background: #262d38;
        border-color: #161920;
    }

.k-action-window .k-action-buttons {
    border-color: #282f3b;
}

.k-spreadsheet-sample {
    color: #d4bea1;
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit;
}

.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
    border-color: #282f3b;
    border-radius: 2px;
}

.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #282f3b;
}

.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.129412) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    background-color: #977345;
    color: #646464;
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #282f3b;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #d61d1d;
        border-color: transparent;
        border-bottom-color: #282f3b;
        border-left-color: #282f3b;
    }

.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
    background: transparent;
    border-color: #282f3b;
}

.k-spreadsheet-window .hint-wrapper:before {
    background: #282f3b;
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 2px;
}

.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
    border-radius: 2px;
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #282f3b;
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0;
}

.k-spreadsheet-popup {
    border-radius: 2px;
}

    .k-spreadsheet-popup .k-separator {
        background-color: #282f3b;
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent;
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #262d38;
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #262d38;
        color: #ffffff;
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #11151a;
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #282f3b;
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #ead2b8;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #ead2b8;
    border-color: #282f3b;
    border-radius: 2px 0 0 2px;
}

.k-syntax-ref {
    color: #ff8822;
}

.k-syntax-num {
    color: #0099ff;
}

.k-syntax-func {
    font-weight: bold;
}

.k-syntax-str {
    color: #38b714;
}

.k-syntax-error {
    color: red;
}

.k-syntax-bool {
    color: #a9169c;
}

.k-syntax-startexp {
    font-weight: bold;
}

.k-syntax-paren-match {
    background-color: #caf200;
}

.k-series-a {
    border-color: #527aa3;
    background-color: rgba(82, 122, 163, 0.15);
}

.k-series-b {
    border-color: #6f91b3;
    background-color: rgba(111, 145, 179, 0.15);
}

.k-series-c {
    border-color: #8ca7c2;
    background-color: rgba(140, 167, 194, 0.15);
}

.k-series-d {
    border-color: #a8bdd1;
    background-color: rgba(168, 189, 209, 0.15);
}

.k-series-e {
    border-color: #c5d3e0;
    background-color: rgba(197, 211, 224, 0.15);
}

.k-series-f {
    border-color: #e2e9f0;
    background-color: rgba(226, 233, 240, 0.15);
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #cc2222;
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #262d38;
    color: #454545;
}

@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: #977345;
}

.k-spreadsheet-toolbar .k-combobox .k-state-hover .k-input,
.k-spreadsheet-toolbar .k-combobox .k-state-active .k-input,
.k-spreadsheet-toolbar .k-combobox .k-state-focused .k-input {
    color: #977345;
}
/* Dialog */
.k-dialog .k-content {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.k-dialog.k-dialog-titleless .k-content {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
    width: 100%;
}

    .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
        display: inline-block;
        padding: 0.75em 0 0.75em 0;
        border-radius: 0;
        border-width: 1px 0 1px 1px;
    }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
            border-bottom-left-radius: 2px;
            border-left-width: 0;
        }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
            border-bottom-right-radius: 2px;
            border-right-width: 0;
        }

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    width: auto;
    margin: 0;
    padding: 1em;
    text-align: right;
}

    .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
        margin-left: 0.5em;
    }

        .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
            margin-left: 0;
        }

.k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
    left: .5em;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
    border-bottom-right-radius: 2px;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
    border-bottom-left-radius: 2px;
}

.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
    text-align: left;
}

    .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
        margin-left: 0;
        margin-right: 0.5em;
    }

        .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
            margin-right: 0;
        }

.k-progress-status {
    padding: 0px !important;
}

.k-content .k-textbox {
    border: 1px solid #977345;
    background-color: #d8c3ab;
    display: block;
    width: 100%;
    color: #202a35;
    background-image: none;
    -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;
    font-size: 13px;
}

.k-grouping-header .k-group-indicator {
    display: inline-block !important;
    /* border-style: solid; */
    /* border-width: 1px; */
    margin: 0px 32px !important;
    padding: .15em .15em .15em .4em !important;
    line-height: 1.5em !important;
    /* width: 100%; */
    background-color: #d9bb9a !important;
    border: 3px solid #554c42 !important;
    border-radius: 4px !important;
}

.k-group-indicator.k-button {
    border: 1px solid red;
}

.k-grouping-header .k-button {
    width: 20% !important;
}

.k-alt:hover {
    border: 1px solid red !important;
}

.k-i-close {
    margin-left: 20px;
}

k-calendar-table .k-calendar .k-content /*.k-link*/ {
    color: #524c45 !important;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    background-color: rgba(32, 42, 53, 0.82);
    color: white;
}

    .k-state-selected,
    .k-state-selected:link,
    .k-state-selected:visited .k-link {
        color: white;
    }

.k-treeview .k-in {
    margin: 1px 0 1px 0.16666em;
    padding: 1px 0.3333em 1px 0.25em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    color: #232b38;
    /* background-color: #887765; */
}

span.k-state-selected.k-in, span.k-state-hover.k-in {
    color: #ddd !important;
}

.col-lg-4 > label:after, .col-lg-5 > label:after {
    /*content: " : ";*/
}

.k-link {
    font-size: 13px !important;
}

.k-button {
    font-size: 13px !important;
}

.k-list-optionlabel {
    color: #e2c8ad;
}

.k-button-override {
    max-width: 33% !important;
    min-width: 13% !important;
}

.k-button-override-left {
    float: left !important;
}

.k-button-override-right {
    float: right !important;
}

.item.click.k-item.k-state-default {
    /*background-color: #202a35;
    /*background-image: none, linear-gradient(to bottom, rgb(87, 103, 123) 0px, rgb(53, 68, 88) 100%);
    color: #c8b59e;*/
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited .k-link {
    color: #c8b59e !important;
}

.k-i-arrow-s {
    background-position: 0px -28px !important;
}

.k-filter-menu .k-button {
    /* width: 48%; */
    margin: 5px 0px !important;
}

    /*.k-filter-menu .k-button + .k-button {
        margin-right: 0 !important;*/
        /* float: left; */
        /*width: 100% !important;
    }*/

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 0px 10px;
    background-color: rgb(222, 196, 169) !important;
}

li.k-file div.file-wrapper {
    position: relative;
    height: 4% !important;
}

.k-file .k-icon {
    position: relative;
    float: right;
}

.k-button.k-state-hover, .k-button:hover {
    color: #d9bb9a !important;
}

.nav.nav-tabs.nav-tabs-inverse > li > a, .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .tab-overflow .nav-tabs-inverse .next-button > a, .tab-overflow .nav-tabs-inverse .prev-button > a {
    /*background-image: linear-gradient(to bottom, #354352, #202a35)!important;
    border-radius: 3px!important;*/
}

a.waves-effect.waves-button.btnQuickmenu {
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
    border-radius: 2px !important;
}

    a.waves-effect.waves-button.btnQuickmenu:hover {
        background-image: linear-gradient(to bottom, #524c45, #4a4238) !important;
    }



.nav.nav-tabs.nav-tabs-inverse > li > a, .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .tab-overflow .nav-tabs-inverse .next-button > a, .tab-overflow .nav-tabs-inverse .prev-button > a {
    border-radius: 2px !important;
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

    .nav.nav-tabs.nav-tabs-inverse > li > a:hover {
        background-image: linear-gradient(to bottom, #655c52, #4a4238) !important;
        border-radius: 2px !important;
    }

.nav.nav-tabs.nav-tabs-inverse > li.active > a, .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus {
    background-image: linear-gradient(to bottom, #655c52, #4a4238) !important;
    border-radius: 2px !important;
}

    .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover {
        /*background-image: linear-gradient(to bottom, #354352, #202a35)!important;
        border-radius: 2px!important;*/
    }

a.k-button.k-button-icontext.k-grid-X {
    background: none;
    border: none;
    height: 20px;
    padding: 0px !important;
    margin: 0px !important;
    color: #282f3b !important;
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    min-height: 30px !important;
    padding-top: 5px;
}

.k-treeview .k-item {
    padding-left: 0px !important;
}

    .k-treeview .k-item:hover {
        padding-left: 0px !important;
    }

span.k-in:hover {
    background: none !important;
}

span.k-in.k-state-selected {
    background: none;
    border: none;
}

.k-group .k-item li:hover {
    padding-left: 40px;
}

ul.k-group {
    border-bottom: 1px solid #8a7d70;
}

span.k-in {
    font-weight: bold;
}

.treeview ul ul li:hover {
    background-color: #eee;
    border: 1px solid #94a0b4;
    color: #000;
}

.k-checkbox-label {
    margin-left: 0px !important;
}

.k-header, .k-treemap-title, .k-grid-header .k-header > .k-link {
    color: #c8b59e;
    font-size: 13px !important;
}

span.k-icon.k-i-close {
    /*display: block;*/
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-listbox, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100% !important;
}

.k-tabstrip-items, .k-tabstrip-items-wrapper {
    padding: 0px !important;
    /* overflow-x: scroll; */
    /* overflow-y: scroll; */
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

.k-tabstrip-items, k-tabstrip-items-wrapper, .k-state-default >.k-link, .k-panelbar > li.k-state-default > .k-link {
    background: #242a30;
    border-radius: 0px !important;
    /* text-align: center; */
    font-size: 12px;
    color: whitesmoke;
    border-right: 1px solid #524c45;
    /* padding: .3em .3em 0; */
    /* overflow-x: scroll; */
    /* overflow-y: scroll; */
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
}

    /*.k-tabstrip-items, k-tabstrip-items-wrapper, .k-state-active .k-link {
        color: #d4d4d4 !important;
        font-weight: 600;
        background-color: #524c45;
        background-image: linear-gradient(to bottom, #232222, #2f3c4b) !important;*/
        /* border-radius: 2px!important; */
    /*}*/

        .k-panelbar .k-tabstrip-top .k-tabstrip-items, k-tabstrip-items-wrapper, .k-state-active, .k-tabstrip-top .k-tabstrip-items .k-state-active {
            border-bottom-width: 0px !important;
        }

a.k-button.k-bare.k-button-icon.k-window-action {
    padding: 0px 5px !important;
}

.k-grid td {
    font-size: 13px !important;
}

.termsList:nth-child(2n+2) {
    background-color: #c5b29e;
    border: none;
}

.termsList:hover {
    border: 1px solid #554c42;
    /*background-color: rgb(44, 52, 59);*/
    color: white !important;
}

.termsList.k-state-selected {
    background-color: rgb(44, 52, 59);
}

.form-control:focus {
    color: #222a36 !important;
}

.text-box.single-line {
    background-color: #d8c3ab;
    border-radius: 0px !important;
    box-shadow: none;
    border: none;
    border: 1px solid #977345;
    padding: 3px 10px;
}

    .text-box.single-line:focus {
        outline-color: #554c42;
    }

.k-grid-header th.k-header > .k-link {
    text-align: center !important;
}

.k-header, .k-treemap-title, .k-grid-header .k-header > .k-link {
    color: #eee;
    font-size: 13px !important;
}

.k-grid td {
    font-size: 13px !important;
}

.HTMLdropdown_Select {
    background-color: #d4bfa8;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    padding-bottom: 1px;
    padding-top: 1px;
    border: 1px solid #977345;
    font-size: 13px;
    margin-bottom: 0px;
    width: 31.9% !important;
    margin-left: 14px;
}

.HTMLdropdown_Option {
    background-color: #202A35 !important;
    color: lightgrey !important;
}

.item.click {
    /*padding: 5px;*/
}

    .item.click:nth-child(2n+2) {
        /*border: 1px solid red;*/
        background-color: rgb(183, 164, 144);
    }

ul.k-group.k-treeview-lines li {
    padding: 5px;
}

a.k-button.k-button-icontext.k-grid-X {
    color: white;
}

div#TotalSummary label {
    color: white !important;
}

.list.k-widget.k-listview .item {
    /* border: 1px solid red; */
    padding: 5px;
}

.k-treeview .k-item {
    padding-left: 20px !important;
}

span.k-icon.k-i-expand {
    color: #202a35;
}

.k-treeview .k-item:hover {
    padding-left: 20px !important;
}

span.k-in:hover {
    color: #2e3948 !important;
}

span.k-icon.k-i-expand {
    float: left;
    margin-top: 0px !important;
}

a.k-button.k-button-icontext.k-grid-X {
    color: #afafaf !important;
}

li.k-item {
    color: #cbb7a0 !important;
}

a.k-button-override.k-button-override-left.k-button.k-button-icontext.k-grid-save-changes, a.k-button-override.k-button-override-left.k-button.k-button-icontext.k-grid-cancel-changes, a.k-button-override.k-button-override-left.k-button.k-button-icontext.k-grid-add {
    width: 10% !important;
}

.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;
    background-color: #292e3a;
    /* border: 1px solid #977345; */
    background: -webkit-linear-gradient(#1f2a35, #292e3a);
    background: -o-linear-gradient(#1f2a35, #292e3a);
    background: -moz-linear-gradient(#1f2a35, #292e3a);
    background: linear-gradient(#1f2a35, #292e3a);
    color: #e8d0b6;
}

/*.k-header.k-grid-toolbar.k-grid-top {
    background-color: #c5b29e!important;
}*/

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    border-color: rgba(119, 107, 94, 0.76) !important;
}

    .k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before, div.k-window-content {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .k-block > .k-header, .k-window-titlebar {
        min-height: 30px !important;
    }

span.k-icon {
    margin-top: 5px;
}

.k-grid-header th.k-header {
    vertical-align: middle;
    text-align: center;
}

.lobibox {
    z-index: 10013 !important;
}

.lobibox-backdrop {
    z-index: 10012 !important;
}

span.k-icon {
    margin-top: 0px;
}

th {
    font-size: 13px;
}

tr {
    height: 30px;
}
.k-calendar-tbody {
    height: 100% !important;
}
/*k-calendar-table .k-calendar .k-content .k-link {
     min-height: 1.8333em; 
     line-height: 1.8333em; 
}*/

.loginCustomError {
    /* border: 1px solid #977345; */
    font-size: 15px;
    /* margin: 10px; */
    /* background-color: rgba(119, 25, 26, 0.74); */
    text-align: center;
    width: 100%;
    padding: 0px;
    border-radius: 0px 0px 5px 5px;
    /* color: white; */
    position: fixed;
    top: 0px;
    left: 0px;
    min-height: 50px;
    /* padding: 20px; */
    /* text-align: justify; */
    color: #ddd;
    font-size: 13px;
}

.page-sidebar-minified .bwizard-steps li {
    /* border: 1px solid red; */
    width: 323px;
}

.k-header.k-grid-toolbar.col-lg-4 {
    background: none;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: white !important;
}

.k-group .k-item li {
    padding-left: 0px !important;
}

.k-grid table {
    width: 99.8% !important;
}

a.k-button-override.k-button-override-left.k-button.k-button-icontext.k-grid-save-changes, a.k-button-override.k-button-override-left.k-button.k-button-icontext.k-grid-cancel-changes, a.k-button-override.k-button-override-left.k-button.k-button-icontext.k-grid-add {
    width: 20% !important;
}

label.k-radio-label {
    padding: 0px 20px;
}

.k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px !important;
    left: 2px !important;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #a27b4a;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #a27b4a, #94652a) !important;
}

label.k-checkbox-label {
    padding-top: 0px !important;
}

.panel > .panel-heading {
    padding-left: 8px !important;
}

.panel-collapse {
    border: 1px solid rgba(85, 76, 66, 0.51);
    /* box-shadow: none; */
}

.k-checkbox-label:before {
    border-color: #282f3b;
    background: #dedede;
    border-radius: 3px;
}

.k-checkbox-label:before {
    width: 16px !important;
    height: 16px !important;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #dedede !important;
    border-color: #977345 !important;
    color: #121212 !important;
    font-size: 11px !important;
    font-weight: bold;
}

span.k-widget.k-dropdown.k-header {
    margin-bottom: 10px;
}
span.k-widget.k-dropdown {
    margin-bottom: 10px;
}

div.globalActions {
    padding: 8px;
    background-color: #292e3a !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(#334556, #292e3a) !important;
    margin: 0px 0px 10px 0px;
    border-radius: 10px 10px 0px 0px;
}

span.k-select {
    height: auto !important;
}

span.k-numeric-wrap.k-state-default {
    height: 28px !important;
}

input.k-formatted-value.k-input {
    height: 26px;
}

div.k-window-content {
    position: relative;
    height: 100%;
    padding: 10px !important;
    overflow: auto;
    outline: 0;
}

.k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active {
    color: rgba(197, 178, 158, 0.47) !important;
    border-color: #282f3b;
    background-color: #262d38;
    background-image: none;
    background-image: none, linear-gradient(to bottom, rgba(0, 0, 0, 0.00784314) 0px, rgba(0, 0, 0, 0.0784314) 100%);
    cursor: not-allowed !important;
}

.k-button.k-state-hover, .k-button:hover {
    color: rgba(197, 178, 158, 0.47) !important;
}

.k-list > .k-state-selected.k-state-focused, .k-list-optionlabel.k-state-selected.k-state-focused {
    box-shadow: none;
    font-size: 13px !important;
}

.gritter-with-image {
    width: 80% !important;
    float: left;
}

    .gritter-with-image ul {
        /* border: 1px solid #f0f0f0; */
        padding-left: 13px;
    }

#gritter-notice-wrapper {
    z-index: 11000 !important;
}

.k-state-selected:not(.k-item) {
    padding-top: 0px !important;
}

.k-header.k-grid-toolbar.k-grid-top {
    background-color: #f4dcc2 !important;
    border: none !important;
}

.errorIndicator {
    color: red;
    /* background-color: rgba(255, 0, 0, 0.42)!important; */
    background-color: rgba(255, 0, 0, 0.42) !important;
    background: -webkit-linear-gradient(#1f2a35, #292e3a) !important;
    background: -o-linear-gradient(#1f2a35, #292e3a) !important;
    background: -moz-linear-gradient(#1f2a35, #292e3a) !important;
    background: linear-gradient(rgba(255, 0, 0, 0.42), #5f1f28) !important;
    border-radius: 2px;
    padding-left: 9px;
    border: 1px solid rgba(255, 0, 0, 0.45);
}

.successIndicator {
    color: #118a2c;
    background-color: rgba(56, 181, 77, 0.36) !important;
    background: -webkit-linear-gradient(rgba(56, 181, 77, 0.36), #118a2c) !important;
    background: -o-linear-gradient(rgba(56, 181, 77, 0.36), #118a2c) !important;
    background: -moz-linear-gradient(rgba(56, 181, 77, 0.36), #118a2c) !important;
    background: linear-gradient(rgba(56, 181, 77, 0.36), #118a2c) !important;
    border-radius: 2px;
    padding-left: 9px;
    border: 1px solid #118a2c;
}

.NotificationDropDown {
    /*height: 10px!important;*/
    padding: 2px 15px !important;
}

.result-panel-body {
    margin: 10px;
    font-size: 11px;
}

.ResultMessageBody {
}

.gritter-item-wrapper {
    width: 390px;
}

    .gritter-item-wrapper.DebitFeesClass {
        border: 1px solid #6d1c24 !important;
        background-color: #ac9d8d !important;
        width: 500px !important;
    }



#gritter-notice-wrapper > .DebitFeesClass {
    border: 1px solid red;
}

.ResultMessageBody li {
    font-size: 11px !important;
}

.PluginOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none;
}


.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: 23px !important;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 25px !important;
    padding: 4px;
}

.k-list-scroller.k-selectable {
    border-radius: 3px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #a7a4a0 !important;
    opacity: .6;
    filter: alpha(opacity=60);
}

.k-grid-footer-wrap {
    border-style: none !important;
}

.k-editor .k-content {
    background: #d8c3ab !important;
}
.k-calendar .k-flat {
     color: #987344 !important;
}
input.k-textbox {
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em
}
.k-multiselect-wrap {
    border: 1px solid #977345;
    background-color:#d8c3ab;
}
.k-panelbar > .k-item > .k-panelbar-content {
    list-style-type: none;
    display: block !important;
    border-width: 0;
    margin: 0;
    zoom: 1;
    border-radius: 0
}
    .k-panelbar > .k-item > .k-panelbar-content {
        display: block;
        color: #000;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0 1em;
        line-height: 2.34em;
        text-decoration: none;
        zoom: 1
    }
.k-toolbar {
    /*background-color: transparent;*/
    border: none !important;
    /*padding: -10px !important;*/
    flex-wrap: nowrap !important;
}

.k-grid-toolbar {
   background-color: transparent;
    border: none !important;
    padding: 0px !important;
    flex-wrap: nowrap !important;
}

/*newly added code for the dropdown box No Response Action selected item displaying the background colour and text incorrectly when an integration was selected*/
.k-list .k-state-selected,
.k-list > .k-state-selected {
    background-color: rgba(32, 42, 53, 0.82) !important;
    color: #cbb7a0 !important;
}

/** 
 * 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.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
/*# sourceMappingURL=kendo.dataviz.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.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
/*# sourceMappingURL=kendo.dataviz.default.min.css.map */


.errorAsterisk 
{
    color: rgb(148, 48, 46) !important;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
    display:none!important;
}

.errorAsterisk::after 
{ 
    content: " *"; 
}

.validationError 
{
    border-color: red!important;
}

.input-validation-error 
{
    border: 1px solid #f00!important;
}


/*.sidebar.sidebar-right{
      right:0px;
      left:20px;
}*/

@media (min-width: 400px)
{
}

@media (min-width: 528px)
{
    .sidebar
    {
        width: 300px;
    }

        .sidebar.sidebar-left
        {
            left: 0px;
            right: auto;
        }

    /*.sidebar.sidebar-right{
            right:0px;
            left:auto;
      }*/
}

@media (min-width: 768px)
{
    .sidebar
    {
        width: 230px;
    }

        .sidebar.sidebar-left
        {
            left: 0px;
            right: auto;
        }

    /*.sidebar.sidebar-right{
            right:0px;
            left:auto;
      }*/
}

@media (min-width: 992px)
{
    .sidebar
    {
        width: 230px;
    }

        .sidebar.sidebar-left
        {
            left: 0px;
            right: auto;
        }

    /*.sidebar.sidebar-right{
            right:0px;
            left:auto;
      }*/
}

@media (min-width: 1200px)
{
    .sidebar
    {
        width: 230px;
    }

        .sidebar.sidebar-left
        {
            left: -300px;
            right: auto;
        }

    /*.sidebar.sidebar-right{
            right:0px;
            left:auto;
      }*/
}

.toggler
{
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 1px solid #ccc; */
    border-top: 1px solid #977345;
    border-right: 1px solid #977345;
    border-bottom: 1px solid #977345;
    width: 32px;
    height: 55px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    background-color: #202a35;
    z-index: 100;
}

.sidebar-left > .toggler
{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    /* border-left: 1px solid #fff; */
    -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
    box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
    right: -32px;
}

    .sidebar-left > .toggler > span
    {
        /* margin: 20px 5px; */
    }

    .sidebar-left > .toggler > .glyphicon-chevron-right
    {
        display: none;
    }

.sidebar-right > .toggler
{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #fff;
    -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
    box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
    left: -20px;
}

    .sidebar-right > .toggler > span
    {
        margin: 15px 2px;
    }

    .sidebar-right > .toggler > .glyphicon-chevron-left
    {
        display: none;
    }

.sidebar .submenu
{
    display: none;
    position: fixed;
}

/*Native BootStrap Hack*/
.sidebar .list-group-item:last-child, .sidebar .list-group-item:first-child
{
    border-radius: 0px;
}

.sidebar .list-group
{
    margin-bottom: 0px;
}

.sidebar .list-group-item
{
    padding: 5px;
    border: 1px solid #DDD;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 0px;
    margin-top: -1px;
}

.dropdown-notification
{
    border: none;
    -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px -1px rgba(0,0,0,.2);
    font-size: 12px;
}

    .dropdown-notification > li > a
    {
        padding: 5px 15px;
    }

        .dropdown-notification > li > a:focus, .dropdown-notification > li > a:hover
        {
            background: #edf0f5;
        }

    .dropdown-notification > .active > a, .dropdown-notification > .active > a:focus, .dropdown-notification > .active > a:hover
    {
        background: #348fe2;
    }

    .dropdown-notification .divider
    {
        border-color: #eee;
    }

    .dropdown-notification.media-list
    {
        max-width: 280px;
        padding: 0;
    }

        .dropdown-notification.media-list p
        {
            text-overflow: ellipsis;
            overflow: hidden;
            margin-bottom: 4px;
            max-width: 200px;
        }

        .dropdown-notification.media-list .dropdown-notification-header
        {
            padding: 10px 20px!important;
            background: #fafafa;
        }

        .dropdown-notification.media-list > .media
        {
            margin-top: 0;
            /* border-top: 1px solid #eee; */
            border-bottom: 1px solid #977345;
            margin-bottom: -1px;
        }

            .dropdown-notification.media-list > .media > a
            {
                display: block;
                padding: 10px 20px!important;
            }

            .dropdown-notification.media-list > .media .media-left
            {
                padding-right: 10px;
                padding-bottom: 10px;
            }

            .dropdown-notification.media-list > .media .media-right
            {
                padding-left: 10px;
            }

            .dropdown-notification.media-list > .media .media-object
            {
                height: 36px;
                width: 36px;
                line-height: 36px;
                font-size: 14px;
                color: #fff;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

.dropdown-notification > li.dropdown-notification-footer > a
{
    padding: 0!important;
    display: inline!important;
}

    .dropdown-notification > li.dropdown-notification-footer > a:focus, .dropdown-notification-menu > li.dropdown-notification-footer > a:hover
    {
        background: 0 0!important;
        text-decoration: underline!important;
    }

    .dropdown-notification.dropdown-notification-menu-lg
{
    left: 20px;
    right: 20px;
    padding: 20px;
}

    .dropdown-notification.dropdown-notification-lg .nav > li > a
{
    padding: 0;
    background: 0 0;
    line-height: 24px;
}

    .tabs-left {
  /* margin-top: 3rem; */
}

.nav-tabs-notify {
  float: left;
  border-bottom: 0;
  border-top: 1px solid #977345;
  border-left: 1px solid #977345;
  border-bottom: 1px solid #977345;
  margin-right:-1px;
  z-index:999999;
}
.nav-tabs-notify li {
  float: none;
  margin: 0;
}
.nav-tabs-notify li a {
  margin-right: 0;
  border: 0;
  /* background-color: #a94442; */
}
.nav-tabs-notify li a:hover {
  background-color: #202a35;
}
.nav-tabs-notify .glyphicon {
  color: #fff;
}
.nav-tabs-notify .active .glyphicon {
  color: #ebebeb;
}

.nav-tabs-notify > li.active > a, .nav-tabs-notify > li.active > a:hover, .nav-tabs-notify > li.active > a:focus {
  border: 0;
}

.nav-notify
{
    padding-left: 0;
    /* margin-bottom: 10px; */
    list-style: none;
    /* padding-top: 10px; */
    /* width: 300px; */
}

    .nav-notify > li
    {
        position: relative;
        display: block;
    }

        .nav-notify > li > a
        {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav-notify > li > a:focus, .nav-notify > li > a:hover
            {
                text-decoration: none;
                background-color: #eee;
            }

        .nav-notify > li.disabled > a
        {
            color: #777;
        }

            .nav-notify > li.disabled > a:focus, .nav-notify > li.disabled > a:hover
            {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav-notify .open > a, .nav-notify .open > a:focus, .nav-notify .open > a:hover
    {
        background-color: #eee;
        border-color: #202a35;
    }

    .nav-notify .nav-divider
    {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav-notify > li > a > img
    {
        max-width: none;
    }

.tab-content {
  /* margin-left: 45px; */
}
.tab-content .tab-pane {
  display: none;
  /* padding: 1.6rem; */
  overflow-y: auto;
  overflow-x:hidden;
  /* width: 270px; */
  /* height: 500px !important; */
  /* z-index: 100; */
}
.tab-content .active {
  display: block;
}

.nav-tabs-notify > li > a#notification-tab
{
  background: #005858;
}

.nav-tabs-notify > li > a#user-tab
{
  background: #333;
}

.nav-tabs-notify > li > a#matter-tab
{
  background: #94302e;
}
 
.nav-tabs-notify > li > a:hover
{
  background: #242a30 !important;
}

/* CSS Document */
/*
Slide Menu
 CSS Structure as follows:
 	.slide-menu
		.menu-items
			.menu-item
		.menu-panels
			.menu-panel

*/
/*Slide Menu styles*/
.menu-items {/* border-right:1px solid black; */}
.slide-menu {
  position: fixed;
  width: 300px;
  height: 100%;
  z-index: 10;
  left: 100%;
}
.slide-menu.left-side {
  left: 0%;
  right: auto;
  margin-top: 58px;
}
.slide-menu.left-side .menu-items .menu-item {
  right: 0px;
  left: auto;
}
.slide-menu.left-side .menu-items .menu-item .menu-icon {
  float: right;
}
.menu-icon i{
  color:whitesmoke ;
}

.slide-menu.left-side .menu-items .menu-item .menu-close {
  top: 0px;
  left: 0px;
  right: auto;
}
.slide-menu.left-side .menu-items .menu-item .menu-content {
  margin-left: 55px;
}
.slide-menu.left-side .menu-panels {
  border-left: none;
  /* border-right: 1px solid #cccccc; */
  left: -100%;
}
.slide-menu.open .menu-items {
  padding-top: 45px;
}
.slide-menu .menu-items {
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: #1a2229;
  padding: 0px;
  margin: 0px;
  /* top: 15px; */
}
.slide-menu .menu-items .menu-item {
  /* font-size: 26px; */
  /* border-top: 1px solid #977345; */
  /* border-bottom: 1px solid #977345; */
  display: block;
  cursor: pointer;
  position: absolute;
  left: 0px;
  width: 100%;
  background-color: #242a30;
  /* text-align: center; */
  /* border-radius: 2px; */
}
.slide-menu .menu-items .menu-item .menu-close {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.25);
  /* padding-bottom: 10px; */
}
.slide-menu .menu-items .menu-item .menu-close i {
  padding-top: 8px;
}
.slide-menu .menu-items .menu-item .menu-content {
  padding: 7px 0px;
  display: none;
}
.slide-menu .menu-items .menu-item .menu-icon {
  padding: 7px 13px;
  display: inline-block;
  text-align: center;
}
.slide-menu .menu-items .menu-item.active {
  color: #ffffff;
  background-color: #005858;
  top: 0px;
  position: absolute;
  text-decoration: none;
}
.slide-menu .menu-items .menu-item.active .menu-content,
.slide-menu .menu-items .menu-item.active .menu-close {
  display: inline-block;
}
.slide-menu .menu-panels {
  left: 0px;
  position: absolute;
  height: 100%;
  width: 250px;
  /* background-color: #ffffff; */
  /* border-left: 1px solid #cccccc; */
  /* border-bottom: 1px solid #cccccc; */
  /* border-right: 1px solid red; */
}
.slide-menu .menu-panels .menu-panel {
  display: none;
}
.slide-menu .menu-panels .menu-panel.active {
  display: block;
}
.slide-menu .menu-panels .menu-panel h2 {
  font-weight: lighter;
  vertical-align: middle;
  display: inline-block;
}
.slide-menu .menu-panels .menu-panel h3 {
  font-size: 14px;
  font-weight: bold;
}

#Notifications
{
    background-color: #005858;
}

#UserScoring
{
	background-color:#202a35;
}

#MatterScoring
{
	background-color:#94302e;
}
.pagination > li > a {
    background-color: #121212;
    color: #868686;
    border: 1px solid #2A2A2A;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #22BAA0;
    border-color: #22BAA0;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 1;
    color: #868686;
    background-color: #121212;
    border-color: #2A2A2A;
}

.nav-tabs, .nav-tabs > li > a {
    /* border-bottom: 1px solid #2A2A2A; */
}



    .nav-tabs > li > a {
        border-radius: 0 !important;
        color: #777;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #555;
        cursor: default;
        background-color: #121212;
        border: 1px solid #2A2A2A;
    }

    .nav-tabs > li > a:hover {
        background: #121212;
        border-color: #2A2A2A;
    }

.nav-pills > li > a {
    color: #777;
    border-radius: 0 !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #7a6fbe;
}

.nav-pills > li > a:focus, .nav-pills > li > a:hover {
    text-decoration: none;
    background-color: #121212;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #2A2A2A;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #2A2A2A;
    }

    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #2A2A2A;
        border-radius: 4px 4px 0 0;
    }
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    border-bottom: 0;
}

.pill-content > .pill-pane, .tab-content > .tab-pane {
    display: none;
}

.pill-content > .active, .tab-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #2A2A2A;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border-bottom: 1px solid transparent;
        }

            .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
                border: 1px solid #2A2A2A;
            }

    .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:focus, .tabs-below > .nav-tabs > .active > a:hover {
        border-color: #2A2A2A;
    }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
        border-bottom: 0;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #2A2A2A;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px solid transparent;
    }

        .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
            border: 1px solid #2A2A2A;
        }

    .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > a:hover {
        border-color: #2A2A2A;
        border-bottom: 1px solid #2A2A2A;
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #2A2A2A;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px solid transparent;
    }

        .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-bottom: 1px solid #2A2A2A;
        }

    .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:focus, .tabs-right > .nav-tabs .active > a:hover {
        border-color: #2A2A2A;
        border-bottom: 1px solid #2A2A2A;
    }

.panel-group .panel-heading .panel-title > a {
    font-size: 14px;
    text-decoration: none;
}

.panel-group .panel-heading {
    font-size: 14px;
    height: auto !important;
    border-bottom: 0 !important;
}

.panel > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel-group .panel-heading .panel-title {
    position: relative;
    width: 100%;
}

.jstree-default .jstree-clicked, .jstree-default li a:hover {
    background: #121212;
    border-radius: 0;
    box-shadow: inset 0 0 1px #2A2A2A;
}

.label.label-default {
    background: #fff;
    border: 1px solid #e5e5e5;
}

.label.label-success {
    background: #22BAA0;
}

.label.label-primary {
    background: #7a6fbe;
}

.label.label-info {
    background: #12AFCB;
}

.label.label-danger {
    background: #f25656;
}

.label.label-warning {
    background: #f6d433;
}

.plupload_filelist_footer, .plupload_filelist_header {
    background: #121212;
    color: #868686;
}

.plupload_filelist_header {
    border-bottom: 1px solid #2A2A2A;
}

.plupload_scroll .plupload_filelist {
    background: #121212;
    border-bottom: 1px solid #2A2A2A;
}

.plupload_filelist_footer {
    border-top: 1px solid #2A2A2A;
}

.plupload_button {
    background-color: #121212;
    color: #868686;
    border: 1px solid #121212;
}

.plupload_disabled, a.plupload_disabled {
    background-color: #121212;
    border-color: #121212;
}

.plupload_filelist li {
    background: 0 0;
    border-bottom: 1px solid #2A2A2A;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #121212;
    color: #868686;
    border: 1px solid #121212;
    border-radius: 15px;
}

.center, .controls label, .display-block {
    display: block;
}

.pager li > a:hover {
    color: #868686;
    background-color: #101010;
    border-color: #121212;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #121212;
    border-color: #121212;
}


.help-block {
    margin-bottom: 5px;
}

.form-group.has-error .form-control, .form-group.has-success .form-control, .form-group.has-warning .form-control {
    box-shadow: none;
}

    .form-group.has-success .form-control:focus {
        border: 1px solid #22BAA0;
        background: #fff;
    }

    .form-group.has-warning .form-control:focus {
        border: 1px solid #f6d433;
        background: #fff;
    }

    .form-group.has-error .form-control:focus {
        border: 1px solid #f25656;
        background: #fff;
    }

.form-group.has-success label {
    color: #22BAA0;
}

.form-group.has-warning label {
    color: #f6d433;
}

.form-group.has-error label {
    color: #f25656;
}

label.error {
    color: #a94442;
    font-weight: 700;
    margin-top: 5px;
    float: left;
    font-size: 12px;
}

input.form-control.input-rounded {
    border-radius: 30px;
}

.input-group .btn {
    padding: 7px 12px;
    border: 1px solid #2A2A2A;
}

.select2-dropdown, .select2-selection {
    box-shadow: none !important;
    padding: 6px 10px !important;
}

ol.linenums {
    margin: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #2A2A2A;
    background: #121212;
}

.select2-selection {
    background: #121212 !important;
    border-radius: 0 !important;
    border: 1px solid #2A2A2A !important;
    font-size: 13px !important;
    height: 34px !important;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.select2-dropdown {
    background: #121212;
    border-radius: 0;
    border: 1px solid #2A2A2A;
    border-top: 0;
    font-size: 13px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 9999;
}

    .select2-dropdown.select2-dropdown--above {
        border: 1px solid #2A2A2A;
        border-bottom: 0;
    }

.select2-selection--multiple .select2-selection__choice {
    background: #212121 !important;
    border-radius: 0 !important;
    border: 1px solid #2A2A2A !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
    padding: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
}

.select2-container-multi .select2-choices {
    border: 1px solid #2A2A2A;
    background-color: #121212;
    background-image: none;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        color: #868686;
        border: 1px solid #2A2A2A;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #212121;
        background-image: none;
    }

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #2A2A2A;
}

.select2-drop-active {
    border: 1px solid #2A2A2A;
}

.select2-drop {
    background: #121212;
    color: #868686;
    border: 1px solid #2A2A2a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-search input {
    margin-top: 5px;
    border: 1px solid #2A2A2A;
    background: #121212;
}

.select2-container .select2-choice {
    border: 1px solid #2A2A2A;
    color: #868686;
    background-color: #121212;
    background-image: none;
}

    .select2-container .select2-choice .select2-arrow {
        border-left: 1px solid #2A2A2A;
        background: #121212;
    }

.select2-dropdown-open .select2-choice {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popover {
    border: 1px solid #2A2A2A;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background: #121212;
}

.bootstrap-tagsinput, .bootstrap-timepicker-widget input {
    padding: 6px 10px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: none !important;
    font-size: 13px;
}

.popover-title {
    border-radius: 0;
    background-color: #121212;
    border-bottom: 1px solid #2A2A2A;
}

.popover.top > .arrow {
    border-top-color: #2A2A2A;
}

.popover.left > .arrow {
    border-left-color: #2A2A2A;
}

.popover.right > .arrow {
    border-right-color: #2A2A2A;
}

.popover.bottom > .arrow {
    border-bottom-color: #2A2A2A;
}

.popover.top > .arrow:after {
    border-top-color: #121212;
}

.popover.left > .arrow:after {
    border-left-color: #121212;
}

.popover.right > .arrow:after {
    border-right-color: #121212;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #121212;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 0 !important;
}

.bootstrap-tagsinput {
    background: #121212;
    border-radius: 0;
    border: 1px solid #2A2A2A;
    transition: all .2s ease-in-out;
    width: 100%;
    margin: 0;
}

    .bootstrap-tagsinput .tag {
        line-height: inherit;
    }

.input-group-addon {
    border-radius: 0 !important;
    background: #121212;
    border-color: #2A2A2A;
}

.bootstrap-timepicker-widget input {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    transition: all .2s ease-in-out;
    width: 45px !important;
}

    .bootstrap-timepicker-widget input:focus {
        border: 1px solid #bdc5c9;
        background: #fff;
    }

.table-bordered, .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 #2A2A2A; */
}

.bootstrap-timepicker-widget .icon-chevron-up:before {
    font-family: FontAwesome;
    content: "\f106";
    font-style: normal;
}

.bootstrap-timepicker-widget .icon-chevron-down:before {
    font-family: FontAwesome;
    content: "\f107";
    font-style: normal;
}

.bootstrap-timepicker-widget a {
    text-decoration: none;
}

.table td, .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: 15px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #121212;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    background: #121212;
    border-radius: 0;
    border: 1px solid #2A2A2A;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px 10px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .dataTables_wrapper .dataTables_length select:focus {
        outline: 0;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #868686 !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #868686 !important;
        border: 1px solid transparent;
        background: #121212 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #868686 !important;
        border: 1px solid transparent;
        background: #121212 !important;
        box-shadow: none;
    }

.dropzone, .note-editor {
    border: 1px solid #2A2A2A;
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #868686;
}

tr.group, tr.group:hover {
    background-color: #121212 !important;
}

table.dataTable tbody tr, table.dataTable.display tbody tr.even:hover, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.hover tbody tr.even:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr:hover, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.stripe tbody tr.odd, table.dataTable.stripe tbody tr.odd:hover {
    background-color: transparent;
}

table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
    border-top: 1px solid #2A2A2A;
}

.note-editor {
    border-radius: 0;
}

.note-dialog .note-modal-form {
    margin: 0 15px;
}

.note-editor .note-toolbar {
    border-bottom: 0;
    background: #1B1B1B;
    padding: 10px;
}

.note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group {
    margin-top: 0;
}

.note-editor .note-editable {
    padding: 10px 15px 15px;
    overflow: auto;
    outline: 0;
}

.colorpicker, .datepicker {
    padding: 10px !important;
}

.note-editor .note-statusbar {
    background: 0 0;
}

    .note-editor .note-statusbar .note-resizebar {
        border: 0;
    }

.center {
    margin: 0 auto;
    float: none !important;
}

.display-inline {
    display: inline-block;
}

.box-middle {
    position: absolute;
    height: 400px;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px !important;
    margin-top: -200px !important;
}

.datepicker {
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) !important;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) !important;
}

    .datepicker table tr td, .datepicker table tr td span, .datepicker table tr th {
        border-radius: 0 !important;
    }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
            color: #fff;
            background-color: #7a6fbe;
            border: 0;
        }

#flot3 .pie-chart-legend, #flotTip {
    padding: 5px;
}

.dropzone {
    border-radius: 0;
    background: #121212;
}

pre {
    background-color: #121212;
    border: 1px solid #2A2A2A;
}

.img-preview {
    height: 150px;
    width: 220px;
    overflow: hidden;
    text-align: center;
}

#flot1, #flot2, #flot4 {
    width: 100%;
    height: 250px;
}

.jqstooltip {
    box-sizing: content-box;
}

#flot3 {
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

#flotTip {
    border-radius: 0;
    background: rgba(51,51,51,.8);
    color: #fff;
    font-size: 13px !important;
}

.flot-text {
    color: rgba(255,255,255,.3) !important;
}

.jqvmap-zoomin, .jqvmap-zoomout {
    background-color: #7a6fbe;
    color: #fff;
    border: 1px solid transparent;
    font-size: 13px;
    border-radius: 0;
    outline: 0 !important;
    padding: 3px 5px;
    height: auto;
    width: auto;
    margin-left: 7px;
}

    .jqvmap-zoomin:active, .jqvmap-zoomin:focus, .jqvmap-zoomin:hover, .jqvmap-zoomout:active, .jqvmap-zoomout:focus, .jqvmap-zoomout:hover {
        background-color: #6a5fac;
        border: 1px solid transparent;
    }

.gritter-item {
    font-size: 13px;
    background: rgba(0,0,0,.7);
    background-image: none !important;
    padding: 15px;
}

.gritter-bottom, .gritter-top {
    background: 0 0 !important;
}

.gritter-close {
    top: 15px;
    left: auto;
    right: 5px;
}

.gritter-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.gritter-with-image {
    padding-left: 10px;
}

.fc button {
    height: auto;
    padding: 6px 12px;
    font-size: 13px;
}

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default {
    border: 1px solid #121212;
    background-color: #121212;
    background-image: none;
    color: #868686;
    text-shadow: none;
    box-shadow: none;
    outline: 0 !important;
}

    .fc-state-default.fc-corner-left {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .fc-state-default.fc-corner-right {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header {
    background: #121212;
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6;
}

.fc-state-disabled, .fc-state-hover, .fc-unthemed .fc-today {
    background: #121212;
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.fc-state-active, .fc-state-down {
    background-color: #121212;
    border: 1px solid #121212;
}

.fc-state-disabled {
    cursor: default;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.fc-day-grid-event {
    padding: 5px;
    background: #22BAA0;
    border: 0;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #2A2A2A;
}

.list-group-item.active {
    background: #f1f1f1;
    border-color: #DDD;
    color: #333;
}

    .list-group-item.active:hover {
        background: #e7e7e7;
        border-color: #DDD;
        color: #333;
    }

.list-group-item {
    background-color: #ead2b8;
    border: 1px solid #2A2A2A;
}

    .list-group-item a {
        border: 1px solid red;
    }

.navbar {
    background: #FFF;
    padding: 0;
    /* height: 60px!important; */
    z-index: 999;
    border-radius: 0;
    border: none;
    margin: auto;
    position: relative;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    /* border-bottom: 1px solid red; */
}

.page-header-fixed .navbar {
    position: fixed;
    right: 0;
    left: 0;
}

@media (min-width:768px) {
    .page-content.container .navbar {
        width: 750px;
    }
}

@media (min-width:992px) {
    .page-content.container .navbar {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .page-content.container .navbar {
        width: 1170px;
    }
}

.topmenu-outer {
    height: 60px;
    background: #1B1B1B;
    margin-left: 160px;
    border-bottom: 1px solid #2A2A2A;
}

.small-sidebar .topmenu-outer {
    margin-left: 65px;
}

.navbar .logo-box {
    position: relative;
    width: 160px;
    height: 59px;
    float: left;
    display: table;
    border-bottom: 1px solid #2A2A2A;
}

    .navbar .logo-box .logo-text {
        font-size: 20px;
        font-weight: 700;
        line-height: 59px;
        padding: 0 15px;
        display: table-cell;
    }

    .navbar .logo-box a:focus, .navbar .logo-box a:hover {
        text-decoration: none;
    }

    .navbar .logo-box a {
        margin: 0 auto;
    }

.small-sidebar .navbar .logo-box {
    width: 65px;
}

.navbar-nav.navbar-right {
    margin-right: 0;
}

.top-menu .navbar-nav > li {
    height: 49px;
}

    .top-menu .navbar-nav > li > a {
        display: block;
        padding: 20px 18px;
        color: #989898;
        border: none;
        position: relative;
        line-height: 20px;
    }

.top-menu .nav .open > a, .top-menu .nav .open > a:focus, .top-menu .nav .open > a:hover, .top-menu .nav > li > a:active, .top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover {
    background: 0 0;
}

    .top-menu .nav .open > a, .top-menu .nav .open > a:focus, .top-menu .nav .open > a:hover {
        background: 0 0;
        /*border-color: ;*/
    }

.top-menu .navbar-nav > li > a > i {
    font-size: 14px;
}

.top-menu .navbar-nav > li > a > .badge {
    font-family: "Open Sans",sans-serif;
    position: absolute;
    top: 12px;
    right: 7px;
    padding: 3px 6px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

.top-menu .navbar-nav > li > a > .user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
}

@media (max-width:991px) {
    .top-menu .navbar-nav > li > a > .user-name {
        display: none;
    }
}

.top-menu .navbar-nav > li > a > .user-name > i {
    margin-left: 5px;
}

.avatar {
    padding: 0;
    margin: -19px 0 -15px;
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    margin: 10px 0 0;
    background-color: #1B1B1B;
    border: 1px solid #2A2A2A;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
}

    .dropdown-menu:after, .dropdown-menu:before {
        position: absolute;
        display: inline-block !important;
        content: '';
        right: auto;
    }

    .dropdown-menu li {
        font-size: 13px;
    }

        .dropdown-menu li a:hover {
            background: #121212;
            color: #FFF;
        }

.navbar-nav > li > .dropdown-menu {
    margin-top: 25px !important;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #2A2A2A;
}

.page-sidebar, .small-sidebar .page-sidebar-inner {
    overflow: visible !important;
}

.dropdown-menu:before {
    top: -8px;
    left: 9px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2A2A2A;
    border-left: 8px solid transparent;
}

.dropdown-menu:after {
    top: -7px;
    left: 10px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #1B1B1B;
    border-left: 7px solid transparent;
}

.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-menu.dropdown-menu-left:before, .navbar-left .dropdown-menu:before {
    left: 16px;
    right: auto;
}

.dropdown-menu.dropdown-menu-left:after, .navbar-left .dropdown-menu:after {
    left: 17px;
    right: auto;
}

.dropdown-menu.dropdown-menu-right:before, .navbar-right .dropdown-menu:before {
    right: 16px;
    left: auto;
}

.dropdown-menu.dropdown-menu-right:after, .navbar-right .dropdown-menu:after {
    right: 17px;
    left: auto;
}

.dropdown-menu.title-caret:after {
    border-bottom: 7px solid #121212;
}

.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:active, .dropdown-menu > li.active > a:focus, .dropdown-menu > li.active > a:hover {
    background: #F7F7F7;
    color: #333;
}

.drop-title, .dropdown-menu li.drop-all a:hover {
    background: #121212;
}

.drop-title {
    display: block;
    border-bottom: 1px solid #2A2A2A;
    font-size: 14px;
    padding: 12px;
    color: #6a6a6a;
    margin: 0;
}

.dropdown-menu li.drop-all a {
    padding: 10px;
    color: #707070;
    background: #121212;
    font-size: 14px;
}

.dropdown-sm {
    width: 190px;
}

.dropdown-md {
    width: 230px;
}

.dropdown-lg {
    width: 280px;
}

.dropdown-menu li a {
    padding: 7px 10px;
    color: #5f5f5f;
    font-size: 13px;
}

    .dropdown-menu li a i {
        margin-right: 10px;
    }

.dropdown-menu li.no-link {
    padding: 7px 10px;
}

.dropdown-menu li.li-group {
    border-bottom: 1px solid rgba(120,130,140,.13);
    padding: 5px 0;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: transparent;
}

.navbar .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all .1s ease;
    -moz-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
    margin-top: 40px !important;
}

.navbar .open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 25px !important;
}

.navbar .dropdown {
    display: inline-block;
}

.messages {
    max-height: 300px;
}

    .messages li a {
        color: #bababa;
        font-size: 13px;
        padding-left: 15px;
        text-decoration: none;
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        position: relative;
    }

        .messages li a:hover {
            background: #121212;
            color: #fff !important;
        }

    .messages li {
        border-bottom: 1px solid #2A2A2A;
    }

        .messages li a .msg-img {
            height: 100%;
            display: block;
            float: left;
            position: relative;
        }

.online {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #ccc;
}

.task-icon.badge, .tasks li a {
    position: relative;
    display: block;
}

.cbp-spmenu h3, .search-form, .tasks li {
    border-bottom: 1px solid #2A2A2A;
}

.online.on {
    background: #44AEA1;
}

.online.off {
    background: #f3565d;
}

.cbp-spmenu, .tasks li a:hover {
    background: #121212;
}

.messages li a img {
    width: 40px;
    height: 40px;
}

.messages li a .msg-name {
    display: block;
    font-size: 14px;
    padding: 0 0 0 10px;
    margin: 0;
    float: left;
}

.messages li a .msg-text {
    display: block;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    float: left;
    padding: 0 0 0 10px;
}

.messages li a .msg-time {
    font-size: 11px;
    display: block;
    width: 210px;
    padding: 0 4px 0 8px;
    margin: 0;
    float: right;
}

.tasks {
    max-height: 300px;
}

    .tasks li a {
        color: #bababa;
        font-size: 13px;
        padding-left: 15px;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.task-icon.badge {
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 10px;
    padding-top: 6px;
}

.task-icon i {
    text-align: center;
    font-size: 12px;
}

.tasks li a .task-details {
    display: block;
    font-size: 13px;
    color: #868686;
    padding: 3px 0 0;
    margin: 0;
    float: left;
    width: 148px;
}

.tasks li a .badge {
    margin: 0 5px 0 0;
    max-width: 85px;
}

.page-content {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    min-height: 100%;
}

    .page-content.container {
        padding-left: 0;
        padding-right: 0;
    }



.profile {
    line-height: 60px;
    margin-left: 5px;
    font-size: 14px;
}

.page-horizontal-bar .sidebar-header, .small-sidebar .sidebar-header {
    display: none;
}

.horizontal-bar {
    width: 100%;
    display: block;
    z-index: 9998;
    float: none;
    height: auto !important;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-horizontal-bar.page-header-fixed .horizontal-bar {
    padding-top: 60px;
}

.page-horizontal-bar.page-sidebar-fixed .navbar {
    z-index: 9999;
}

@media (min-width:768px) {
    .page-sidebar-fixed.page-horizontal-bar .sidebar {
        position: fixed;
        top: 0;
        bottom: auto;
        padding-top: 60px;
    }

    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 750px;
        margin: 0 auto;
    }
}

@media (min-width:992px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 970px;
        margin: 0 auto;
    }
}

@media (min-width:1200px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 1170px;
        margin: 0 auto;
    }
}

@media (max-width:1200px) {
    .horizontal-bar .accordion-menu > li > a > p {
        display: none;
    }

    .compact-menu .horizontal-bar .accordion-menu > li > a > p {
        display: none !important;
    }

    body:not(.small-sidebar) .horizontal-bar .accordion-menu > li > a > .menu-icon {
        float: none !important;
        margin: 0 !important;
    }

    .horizontal-bar .accordion-menu ul {
        top: 50px !important;
    }
}

.horizontal-bar .accordion-menu {
    text-align: center;
    font-size: 0;
    width: 100% !important;
    overflow: visible !important;
}

    .horizontal-bar .accordion-menu li {
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
    }

    .horizontal-bar .accordion-menu > li > a, .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a {
        padding: 16px !important;
    }

.small-sidebar .horizontal-bar .accordion-menu li a span.menu-icon {
    font-size: 15px;
}

.horizontal-bar .accordion-menu > li > a > p {
    font-size: 13px;
}

.compact-menu .horizontal-bar .accordion-menu li a p {
    display: inline;
}

.horizontal-bar .accordion-menu .sub-menu li a {
    font-size: 13px;
    padding: 10px 15px;
}

.page-horizontal-bar.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
    width: auto;
}

.horizontal-bar .accordion-menu > li > a > span.arrow:before {
    display: none;
}

body:not(.small-sidebar) .horizontal-bar .menu.accordion-menu > li > a > .menu-icon {
    font-size: 14px;
}

.small-sidebar.page-horizontal-bar .menu.accordion-menu > li > a > span.menu-icon {
    margin: 0 !important;
}

.horizontal-bar .accordion-menu > li > ul {
    left: 0 !important;
    top: 74px;
    width: 200px;
    position: absolute;
}

.horizontal-bar .accordion-menu ul li {
    display: block;
    text-align: left;
}

.horizontal-bar .accordion-menu li.menu-title {
    display: none;
}

.small-sidebar .horizontal-bar .accordion-menu > li > a > p {
    display: none !important;
}

.small-sidebar .horizontal-bar .accordion-menu > li > ul {
    top: 44px !important;
}

.small-sidebar.page-horizontal-bar.page-sidebar-fixed .page-inner {
    padding-left: 0;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
    padding: 110px 0 50px;
}

.small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
    padding: 0 0 50px;
}

.page-horizontal-bar:not(.page-sidebar-fixed) .checkout {
    top: 0;
}

.page-horizontal-bar.page-sidebar-fixed:not(.compact-menu) .checkout {
    top: 134px;
}

.page-horizontal-bar.page-sidebar-fixed.compact-menu .checkout {
    top: 111px;
}

.cbp-spmenu {
    border-left: 1px solid #2A2A2A;
}

    .cbp-spmenu a:hover, .search-form {
        background: #1B1B1B;
    }

.search-form {
    display: block;
    width: 100%;
    height: 60px;
    z-index: 99999;
    position: fixed;
    margin-top: -60px;
    transition: all .1s ease;
    -moz-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
}

    .search-form .input-group {
        height: 60px;
    }

        .search-form .input-group input {
            color: #5f5f5f;
            border: none;
            box-shadow: none;
            border-radius: 0;
            background: 0 0;
            height: 60px;
            line-height: 60px;
            font-size: 16px;
            padding: 0 20px !important;
        }

        .search-form .input-group button, .search-form .input-group button:focus, .search-form .input-group button:hover {
            background: 0 0;
            box-shadow: none;
            border: none;
            outline: 0;
            color: #5f5f5f;
            font-size: 20px;
            padding-left: 20px;
            padding-right: 20px;
            line-height: 46px;
        }

.menu li a .badge {
    margin-left: 10px;
}

page-sidebar-minified > .menu.accordion-menu {
    border: 1px solid red;
}

.menu.accordion-menu {
    padding: 0px 0px 0px 0px;
    margin: 0;
    width: 100%;
    color: #fff;
    position: relative;
    display: block;
}

    .menu.accordion-menu a {
        display: block;
        padding: 10px 1px 5px 1px;
        background: 0 0;
        text-decoration: none;
        font-size: 13px;
    }

    .menu.accordion-menu > li > a, body:not(.page-horizontal-bar):not(.small-sidebar) .menu.accordion-menu a {
        text-align: center;
        height: 100%;
        /* padding-top: 10px; */
    }

    .menu.accordion-menu > li {
        border: 1px solid rgba(151,115,69,0.1);
    }

.compact-menu:not(.small-sidebar) .menu.accordion-menu li a, .hover-menu .accordion-menu ul li a {
    text-align: left !important;
}

.menu.accordion-menu a p {
    line-height: 1.42857143 !important;
    margin: 0 auto !important;
    font-size: 10px;
    word-wrap: break-word;
    width: 73px;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap;
    white-space: pre-wrap;
}

.menu.accordion-menu a span.menu-icon {
    display: inline-block;
    font-size: 24px;
    margin-bottom: 5px;
}

.menu.accordion-menu li > a > .arrow:before {
    /*width: 10px;
    float: right;
    display: block;
    margin-top: -30px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    border:1px solid red !important;*/
    /*width: 69px;
    height: 60px!important;
    float: right;
    display: block;
    margin-top: -55px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    border-bottom: 1px solid #d9bb9a;*/
}

.menu.accordion-menu li > a > .arrow {
    /*width: 10px;
    float: right;
    display: block;
    margin-top: -30px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    border:1px solid red !important;*/
    width: 69px;
    height: 60px !important;
    float: right;
    display: block;
    margin-top: -55px;
    font-size: 16px;
    /*font-family: FontAwesome;*/
    height: auto;
    /*content: "\f104";*/
    font-weight: 300;
    /*border-bottom: 1px solid rgba(217, 187, 154, 0.18);*/
}

.menu.accordion-menu > li > a > .arrow:before {
    /* margin-top: 22px; */
}

.menu.accordion-menu li.open > a > .arrow:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.droplink {
    float: left;
    width: 73px;
    height: 64px;
    border: 1px solid rgba(64,64,64,0.2);
}

.droplink-sub {
    width: 100%;
    height: 35px !important;
    background-color: #2a323b;
    border: 1px solid #554c42;
    /* margin-bottom: 1px; */
    text-align: left !important;
}

    .droplink-sub a {
        text-align: left !important;
        padding-left: 32px !important;
    }

    .droplink-sub .arrow {
        position: absolute;
    }

.menu.accordion-menu li {
    /* list-style-type: none; */
    display: inline-block;
    width: 81px;
    height: 70px;
    vertical-align: top;
    z-index: 100;
}

    .menu.accordion-menu li a .badge {
        float: right;
        margin-top: 1px;
        margin-right: 0;
        margin-left: 0;
        display: block;
    }

.menu.accordion-menu ul {
    z-index: 9999;
}

    .menu.accordion-menu ul li a {
        display: block;
        /* padding: 10px; */
        background: 0 0;
        text-decoration: none;
        font-size: 13px;
    }

    .menu.accordion-menu ul li ul {
        padding: 2px 0;
    }

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li a, .hover-menu .menu.accordion-menu .sub-menu li .sub-menu li a, .page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li a {
    padding-left: 26px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a, .hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a, .page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a {
    padding-left: 31px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a, .hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a, .page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a {
    padding-left: 36px;
}

.menu ul {
    padding: 0px 0px;
    z-index: 99;
}

.compact-menu:not(.page-horizontal-bar) .menu.accordion-menu > li > a > p {
    display: inline !important;
}

.compact-menu .menu.accordion-menu a span.menu-icon {
    display: inline-block !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}

.compact-menu .menu.accordion-menu li a .arrow:before {
    margin-top: -2px;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu ul {
    top: 50px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul {
    top: 46px !important;
}

.hover-menu:not(.page-horizontal-bar) .menu.accordion-menu > li > a > span.arrow {
    display: none;
}

.hover-menu .menu.accordion-menu > li.open:hover > ul, .hover-menu .menu.accordion-menu > li:hover > ul {
    display: inline-block !important;
}

.hover-menu .accordion-menu li {
    position: relative;
}

.hover-menu .accordion-menu > li > ul {
    position: absolute;
    left: 160px;
    width: 200px;
}

.hover-menu:not(.page-horizontal-bar) .accordion-menu > li > ul {
    position: absolute;
    top: 0;
    left: 160px;
    width: 200px;
}

.compact-menu .accordion-menu li a p {
    display: inline;
}

.hover-menu .sidebar .slimScrollBar, .hover-menu .slimScrollBar, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .arrow, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .badge, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.menu-title {
    display: none !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu {
    width: 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .page-sidebar-inner {
    overflow: hidden !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu {
    width: 160px !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu > li > a {
    padding: 15px;
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a {
    padding: 15px 18px;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a {
    text-align: left;
}

    .compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a > .menu-icon {
        margin-right: 10px !important;
    }

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu ul li a {
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .menu-icon {
    float: none;
    margin: 0 !important;
    font-size: 14px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .menu-icon {
    font-size: 20px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p {
    margin: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.open .sub-menu {
    visibility: hidden;
    height: 0 !important;
    padding: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-header, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-widget {
    display: block !important;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p, .compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: inline !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.open .sub-menu {
    visibility: visible;
    height: auto !important;
    padding: 10px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .arrow {
    display: block !important;
    float: right;
}

.horizontal-bar, .horizontal-bar > *, .small-sidebar:not(.page-sidebar-fixed) .sidebar, .small-sidebar:not(.page-sidebar-fixed) .sidebar > * {
    overflow: visible !important;
}

    .horizontal-bar .slimScrollBar, .small-sidebar:not(.page-sidebar-fixed) .sidebar .slimScrollBar {
        display: none !important;
    }

.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu {
    width: auto;
    overflow: visible !important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    padding: 0;
    margin: 0;
}

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
        list-style: none;
        position: relative;
        width: auto;
    }

        .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a {
            text-decoration: none;
            display: block;
        }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
        padding: 15px 25px;
        text-align: center;
        position: relative;
        width: 265px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a span.menu-icon {
        font-size: 14px;
        margin: 0 50px 0 0 !important;
        float: left;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
        margin: 0;
        float: left;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a .arrow:before {
        width: 10px;
        float: right;
        margin-left: 15px;
        margin-top: -2px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: 18px;
        content: "\f104";
        font-weight: 300;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li:hover > a {
        z-index: 999;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > ul {
        position: absolute;
        left: 65px;
        top: 48px;
        width: 200px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li a {
        display: block;
        padding: 10px 15px !important;
        background: 0 0;
        font-size: 13px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li span.menu-icon {
        margin-right: 15px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a > span.arrow {
        display: none;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
        display: block;
        text-align: left;
    }

.bs-glyphicons-list li, .bs-glyphicons-list li span {
    text-align: center;
    display: block;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.menu-title {
    display: none;
}

.page-horizontal-bar .accordion-menu > li.open:hover > ul, .page-horizontal-bar .accordion-menu > li:hover > ul, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open:hover > ul, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li:hover > ul {
    display: inline-block !important;
}

.page-horizontal-bar .accordion-menu > li.open > ul, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open > ul {
    display: none !important;
}

.page-inner {
    padding: 0 0 50px;
    background: #121212;
    position: relative;
}

.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
    padding: 60px 0 50px;
}

.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 160px;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 134px 0 50px;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed.compact-menu .page-inner {
    padding: 111px 0 50px;
}

.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 160px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed:not(.page-sidebar-fixed) .page-inner {
    padding: 60px 0 50px;
}

.page-title {
    padding: 20px;
    background: #121212;
    border-bottom: 1px solid #2A2A2A;
}

    .page-title h3 {
        font-size: 24px;
        font-weight: 300;
        padding: 0;
        margin: 0 0 4px;
    }

.page-breadcrumb ol.breadcrumb li a, .page-breadcrumb ol.breadcrumb li.active, .page-breadcrumb ul li a {
    font-size: 13px;
    color: #90999c;
}

.page-breadcrumb .breadcrumb {
    float: left;
    background: 0 0;
    padding: 0;
    margin-top: 30px;
}

.calendar-event, .fontawesome-icon-list .fa-item:hover, .line-icons .line-icon-item:hover, .page-footer {
    background: #121212;
}

.page-breadcrumb ol.breadcrumb, .page-breadcrumb ul {
    margin: 0;
}

    .page-breadcrumb ul li {
        float: left;
        display: inline;
    }

#main-wrapper {
    margin: 20px;
    padding: 0;
}

.page-footer {
    border-top: 1px solid #2A2A2A;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 19px 25px;
}

.push-sidebar, .search-button a {
    padding: 20px 18px;
    color: #5F5F5F;
    border: none;
    line-height: 20px;
    font-size: 17px;
    text-decoration: none;
}

.sidebar-pusher {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
}

.push-sidebar {
    display: inline-block !important;
    position: relative;
    float: left;
}

    .push-sidebar:hover {
        color: #5F5F5F;
    }

.search-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
    right: 0;
}

    .search-button a {
        display: inline-block !important;
        position: relative;
        float: right;
    }

.fontawesome-icon-list .fa-item {
    padding: 10px 20px;
}

    .fontawesome-icon-list .fa-item i {
        margin-right: 5px;
    }

.line-icons .line-icon-item {
    padding: 10px 20px;
    display: block;
}

.bs-glyphicons-list li span.glyphicon {
    margin: 5px 0 10px;
    float: none;
    font-size: 24px;
}

.bs-glyphicons-list li {
    float: left;
    width: calc(25% - 1px);
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    background-color: #121212;
    margin-left: 1px;
    margin-top: 1px;
    list-style-type: none;
}

@media (min-width:768px) {
    .bs-glyphicons-list li {
        width: calc(12.5% - 1px);
        font-size: 13px;
    }
}

.calendar-event {
    padding: 7px 10px;
    color: #5B5B5B;
    margin-bottom: 5px;
    overflow: hidden;
}

    .calendar-event p {
        float: left;
        margin: 0;
    }

    .calendar-event .remove-calendar-event {
        float: right;
        color: #5B5B5B;
    }

.faq-link:hover {
    text-decoration: none;
}

.faq-popular {
    padding: 0;
}

    .faq-popular li a {
        padding: 8px 10px;
        font-size: 14px;
        display: inline-block;
    }

@media only screen and (min-width:768px) {
    .cd-pricing-features li:nth-of-type(2n+1) {
        background-color: #101010;
    }

    .cd-pricing-header {
        color: #868686;
    }

    .cd-select, .cd-select:active, .cd-select:focus {
        background-color: #121212;
    }
}

.cd-pricing-wrapper > li {
    background-color: #121212;
}

    .cd-pricing-wrapper > li::after {
        background: -webkit-linear-gradient(right,#000,rgba(255,255,255,0));
        background: linear-gradient(to left,#000,rgba(255,255,255,0));
    }

.grid figcaption, .slideshow figure {
    background: #121212;
}

.slideshow figure {
    border: 50px solid #121212;
}

@media only screen and (min-width:1170px) {
    .cd-timeline-content::before {
        border-left-color: #2A2A2A;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        border-right-color: #2A2A2A;
    }
}

.cd-timeline-content {
    background: #121212;
    border: 1px solid #2A2A2A;
}

#cd-timeline::before {
    background: #2A2A2A;
}

.cd-timeline-img {
    box-shadow: 0 0 0 4px #2A2A2A,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);
    color: #2A2A2A;
}

.todo-nav {
    margin-top: 10px;
}

.todo-list .todo-item {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #2A2A2A;
    background: #121212;
}

.todo-list {
    margin: 10px 0;
}

    .todo-list.only-active .todo-item.complete {
        display: none;
    }

    .todo-list.only-active .todo-item:not(.complete) {
        display: block;
    }

    .todo-list.only-complete .todo-item:not(.complete) {
        display: none;
    }

    .todo-list.only-complete .todo-item.complete {
        display: block;
    }

    .todo-list .todo-item.complete span {
        text-decoration: line-through;
    }

.inbox-widget a, .mailbox-nav li a, .message-attachment a, .post-options a, .search-item a, .timeline-options a {
    text-decoration: none;
}

.remove-todo-item {
    color: #ccc;
    visibility: hidden;
}

    .remove-todo-item:hover {
        color: #5f5f5f;
    }

.todo-item:hover .remove-todo-item {
    visibility: visible;
}

#uniform-all-complete {
    margin-left: 11px;
}

div.radio span {
    background-position: 0 -280px;
}

.info-box .progress {
    margin: 0;
    background: #3e3e3e;
}

.info-box .info-box-icon {
    float: right;
}

    .info-box .info-box-icon i {
        font-size: 31px;
        color: #3e3e3e;
    }

.info-box .info-box-stats {
    float: left;
    margin-top: 5px;
}

    .info-box .info-box-stats p {
        font-size: 28px;
        margin-bottom: 14px;
        font-weight: 300;
    }

    .info-box .info-box-stats span.info-box-title {
        display: block;
        font-size: 13px;
        margin-bottom: 10px;
        color: #B0B0B0;
    }

.info-box .info-box-progress {
    clear: both;
}

@media (min-width:768px) {
    .visitors-chart {
        border-right: 1px solid rgba(120,130,140,.13);
    }
}

.stats-info ul {
    margin: 0;
}

    .stats-info ul li {
        border-bottom: 1px solid rgba(120,130,140,.13);
        padding: 12px 0;
    }

        .stats-info ul li:last-child {
            border-bottom: 0;
        }

.inbox-widget .inbox-item, .weather-top {
    border-bottom: 1px solid rgba(120,130,140,.13);
    overflow: hidden;
}

.stats-info ul li i {
    margin-left: 5px;
}

#flotchart1 {
    height: 340px;
    width: 100%;
}

#flotchart2 {
    height: 278px;
    width: 100%;
}

#flotchart3 {
    height: 200px;
    width: 100%;
}

.server-load > .server-stat {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.server-load .server-stat span {
    font-size: 11px;
    margin-bottom: 3px;
}

.server-load .server-stat p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
}

.weather-current {
    overflow: hidden;
}

    .weather-current p {
        font-size: 12px;
        margin: 5px 0 0;
        float: left;
        color: #8e8e8e;
    }

        .weather-current p span {
            font-size: 42px;
            clear: both;
            margin-top: 15px;
            display: block;
            color: #4E5E6A;
            font-weight: 300;
        }

            .weather-current p span sup {
                font-size: 25px;
            }

    .weather-current .weather-icon {
        font-size: 40px;
        display: block;
        float: left;
        margin: 15px 15px 0 0;
    }

.weather-day {
    margin: 0;
    font-weight: 600;
    text-align: right;
    font-size: 22px;
}

.weather-days li i, .weather-days li span {
    text-align: center;
    display: block;
}

.weather-day small {
    font-size: 11px;
    color: #8e8e8e;
    margin: 0;
}

.weather-info {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .weather-info li {
        padding: 8px 0;
    }

.weather-top {
    padding: 0 0 15px;
    margin: 0 0 15px;
}

.weather-days {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid rgba(120,130,140,.13);
}

    .weather-days li i {
        font-size: 22px;
        margin: 10px 0;
    }

@media (max-width:768px) {
    .weather-days li {
        margin-bottom: 15px;
    }
}

.live-tile {
    width: 100%;
    margin: 0;
    height: 155.5px;
}

.twitter-box {
    background: #5EA9DD;
}

.facebook-box {
    background: #3B5998;
}

    .facebook-box i, .twitter-box i {
        position: absolute;
        right: 10px;
        bottom: 0;
        font-size: 50px;
        color: rgba(255,255,255,.3);
    }

.tile-date {
    display: block;
    margin-top: 15px;
    color: rgba(255,255,255,.7);
}

.inbox-widget {
    height: 341px !important;
}

    .inbox-widget a {
        display: block;
        overflow: hidden;
    }

    .inbox-widget .inbox-item {
        padding: 10px 0;
        position: relative;
    }

    .inbox-widget a:last-child > .inbox-item {
        border-bottom: 0;
    }

.timeline-comment, .timeline-options {
    border-bottom: 1px solid rgba(120,130,140,.13);
    overflow: hidden;
}

.inbox-widget .inbox-item .inbox-item-img {
    float: left;
    width: 40px;
    display: block;
    margin-right: 15px;
}

.inbox-widget .inbox-item img {
    width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 0;
}

.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}

.inbox-widget .inbox-item .inbox-item-date {
    position: absolute;
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
}

#rickshaw-chart {
    margin: 0 -22px -25px -20px;
    height: 100px;
}

.project-stats .progress {
    margin: 3px 0 0;
}

.profile-cover {
    background: url(../images/profile-cover.png);
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}

.profile-image {
    position: absolute;
    margin: 200px 20px 20px;
}

    .profile-image img {
        display: block;
        margin: 0 auto;
        width: 150px;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 5px #2A2A2A;
        -moz-box-shadow: 0 0 0 5px #2A2A2A;
        -o-box-shadow: 0 0 0 5px #2A2A2A;
        box-shadow: 0 0 0 5px #2A2A2A;
    }

.profile-info {
    position: absolute;
    bottom: 10px;
    right: 20px;
    padding: 0;
    margin: 0;
    text-align: right;
}

.profile-info-value {
    color: #fff;
    display: inline-block;
    margin-left: 40px;
}

.user-profile {
    margin-top: 60px;
}

.team .team-member {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    position: relative;
}

    .team .team-member .online {
        top: 5px;
        right: 5px;
    }

    .team .team-member img {
        width: 40px;
        float: left;
        border-radius: 50%;
        margin: 0 5px;
    }

.team .more-members a {
    display: block;
    text-align: center;
}

.profile-timeline ul li .timeline-item-header {
    width: 100%;
    overflow: hidden;
}

    .profile-timeline ul li .timeline-item-header img {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 10px;
        border-radius: 50%;
    }

    .profile-timeline ul li .timeline-item-header p {
        margin: 0;
        color: #fff;
        font-weight: 700;
    }

        .profile-timeline ul li .timeline-item-header p span {
            margin: 0;
            color: #8E8E8E;
            font-weight: 400;
        }

    .profile-timeline ul li .timeline-item-header small {
        margin: 0;
        color: #8E8E8E;
    }

.profile-timeline ul li .timeline-item-post {
    padding: 20px 0 0;
    position: relative;
}

    .profile-timeline ul li .timeline-item-post > img {
        width: 100%;
    }

.timeline-options {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 0;
}

    .timeline-options a {
        display: block;
        margin-right: 20px;
        float: left;
        color: #8E8E8E;
    }

        .timeline-options a i {
            margin-right: 3px;
        }

        .timeline-options a:hover {
            color: #22BAA0;
        }

.timeline-comment {
    margin-bottom: 10px;
    width: 100%;
    padding-bottom: 5px;
}

    .timeline-comment .timeline-comment-header {
        overflow: hidden;
    }

        .timeline-comment .timeline-comment-header img {
            width: 30px;
            border-radius: 50%;
            float: left;
            margin-right: 10px;
        }

        .timeline-comment .timeline-comment-header p {
            color: #fff;
            float: left;
            margin: 0;
            font-weight: 700;
        }

        .timeline-comment .timeline-comment-header small {
            font-weight: 400;
            color: #8E8E8E;
        }

    .timeline-comment p.timeline-comment-text {
        display: block;
        font-size: 12px;
        padding-left: 40px;
    }

.post-options {
    overflow: hidden;
    margin-top: 15px;
    margin-left: 15px;
}

    .post-options a {
        display: block;
        margin-top: 5px;
        margin-right: 20px;
        float: left;
        color: #333;
        font-size: 17px;
    }

        .post-options a:hover {
            color: #22BAA0;
        }

#gallery .mix {
    display: none;
}

.mailbox-nav li a {
    display: block;
    padding: 10px 7px;
    color: #999;
    border-bottom: 1px solid #2A2A2A;
    overflow: hidden;
}

    .mailbox-nav .active a, .mailbox-nav li a:hover {
        color: #333;
    }

    .mailbox-nav li a i {
        margin-right: 5px;
    }

.mailbox-content {
    background: 0 0;
    padding: 15px;
    overflow: hidden;
}

.mailbox-header {
    margin-bottom: 20px;
}

    .mailbox-header h2 {
        margin: 3px 0;
    }

.mailbox-content table tbody tr td {
    cursor: pointer;
}

.mailbox-content table tbody tr:hover {
    background: #1B1B1B;
}

.mailbox-content table tbody tr.read {
    background: #1B1B1B;
    color: #7F7F7F;
}

.mailbox-content table tbody tr.checked {
    background: #FFC;
}

.mail-hidden-options {
    display: none;
}

.message-sender img, .message-sender p {
    display: inline-block;
}

.message-header {
    overflow: hidden;
    border-bottom: 1px solid rgba(120,130,140,.13);
    padding: 5px 0 15px;
    margin-bottom: 10px;
}

.message-content, .message-sender {
    padding: 0 0 5px;
}

.message-header h3 {
    float: left;
    font-size: 18px;
    margin: 0;
    color: #666;
}

.message-header p {
    float: right;
    margin: 0;
}

.message-attachments, .message-content, .message-sender {
    border-bottom: 1px solid rgba(120,130,140,.13);
    margin-bottom: 10px;
    overflow: hidden;
}

    .message-sender img {
        width: 30px;
        border-radius: 50%;
        margin-right: 5px;
    }

    .message-sender span {
        color: #7F7F7F;
    }

.message-attachments {
    padding: 0 0 15px;
}

.message-attachment {
    position: relative;
    width: 200px;
    float: left;
    margin-right: 10px;
    border: 1px solid #1F2122;
}

    .compose-options, .message-attachment img {
        width: 100%;
        display: block;
    }

.attachment-info p, .box-notifications ul li p {
    margin: 0;
}

.attachment-info {
    background: #1B1B1B;
    padding: 10px;
}

    .attachment-info span {
        font-size: 11px;
        color: #aaa;
    }

.compose-message {
    overflow: hidden;
    padding: 0 0 10px;
}

.compose-options {
    overflow: hidden;
}

.box-notifications {
    max-height: 312px;
    overflow-y: scroll;
}

.chat .chat-item, .info, .info-box, .login-box .user-box form, .messages li a, .messages li a .msg-img, .messages li a .msg-text, .messages li a .msg-time, .navbar .logo-box, .navbar .logo-box a, .page-breadcrumb, .page-breadcrumb .breadcrumb, .page-breadcrumb ul, .page-footer, .page-inner, .search-form, .small-sidebar .accordion-menu li a, .small-sidebar .page-sidebar-fixed .page-inner, .tasks li a, .tasks li a .task-icon, .text-box, .top-menu .navbar-nav > li > a > img, body:not(.small-sidebar):not(.page-horizontal-bar) .menu.accordion-menu {
    overflow: hidden;
}

.box-notifications ul li {
    display: block;
    padding: 11px 0;
    border-bottom: 1px solid rgba(120,130,140,.13);
}

    .box-notifications ul li:first-child {
        padding: 0 0 11px;
    }

    .box-notifications ul li:last-child {
        padding: 11px 0 0;
        border-bottom: 0;
    }

.page-error #main-wrapper {
    margin: 5%;
}

.page-error .details {
    margin-bottom: 20px;
    text-align: center;
}

.coming-soon .page-inner {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6))),url(../images/coming-soon.jpg);
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-size: cover;
}

.page-forgot #main-wrapper, .page-lock-screen #main-wrapper, .page-login #main-wrapper, .page-register #main-wrapper {
    margin: 5%;
}

.login-box {
    margin: auto;
    max-width: 400px;
}

    .login-box .logo-name {
        display: block;
        font-size: 22px;
        font-weight: 700;
        text-decoration: none;
        color: #6c6c6c;
    }

    .login-box .user-box {
        display: block;
        clear: both;
        overflow: hidden;
    }

        .login-box .user-box img {
            width: 60px;
            height: 60px;
            display: block;
            margin: 0 auto;
        }

.login-alt .login-box {
    max-width: 100%;
}

.login-info {
    margin-top: 19px;
}

.search-item {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(120,130,140,.13);
}

    .search-item p {
        margin: 0;
    }

    .search-item a.search-link {
        color: #22BAA0;
    }

.chat {
    position: relative;
    padding-bottom: 100px;
}

    .chat .chat-item {
        display: block;
        padding: 10px 15px;
        width: 100%;
    }

        .chat .chat-item .chat-image {
            float: left;
            display: inline-block;
        }

.chat-item-left .chat-message {
    margin-top: 5px;
}

.chat .chat-item .chat-message {
    position: relative;
    border-radius: 12px;
    padding: 4px 12px;
    max-width: 75%;
    background: #1B1B1B;
    display: inline-block;
}

.chat .chat-item img {
    display: block;
    width: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.chat .chat-item-right .chat-message {
    background: #22BAA0;
    float: right;
    color: #fff;
}

.chat-write {
    padding: 5px;
    background: #1B1B1B;
    position: absolute;
    bottom: 0;
    width: 240px;
}

    .chat-write input, .chat-write input:focus {
        width: 100%;
        border: none;
        background: #1B1B1B;
    }

.menu li a .arrow:before, .menu li.open > a > .arrow:before, .top-menu .navbar-nav > li > a > .badge {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

@media (max-width:991px) {
    .profile-image, .profile-info {
        right: 0;
        left: 0;
    }

    .profile-info {
        top: 10px;
        bottom: auto;
        text-align: center;
    }

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px;
        display: inline-block;
    }

    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }
}


.overlay {
    background: rgba(0,0,0,.4);
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.menu, .navbar .logo-box, .page-content, .sidebar, .sidebar-header {
    /* background: #202a35; */
}

.show-menu .overlay {
    display: block;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid rgba(120,130,140,.13);
}

.table > thead > tr > th {
    border-bottom: 2px solid rgba(120,130,140,.13);
}

.navbar .logo-box a {
    color: #fff;
}

.menu.accordion-menu a, .sidebar-profile span small {
    color: #d4d4d4;
}

.horizontal-bar .accordion-menu > li.droplink:hover > a, .hover-menu .accordion-menu > li.droplink:hover > a, .menu.accordion-menu li.open > a, .menu.accordion-menu ul, .menu.accordion-menu ul li a:hover, .menu.accordion-menu ul li.active a, .menu.accordion-menu > li.active.open > a, .menu.accordion-menu > li.active > a, .menu.accordion-menu > li > a:hover, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a {
    background: rgba(45, 53, 60, 0.95);
    /* color: rgba(151, 115, 69, 0.5); */
}

    .menu.accordion-menu ul li a {
        color: #ddd;
    }

.grid ul li {
    list-style-type: none;
    float: left;
    padding: 0px;
    /* width: 100%; */
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    white-space: nowrap;
}

.sub-list {
    /* border:1px solid red; */
    width: 73px;
}

.sub-menu-list {
    width: 100% !important;
    height: 35px !important;
    border-bottom: 1px solid rgba(119, 102, 83, 0.5);
    background-color: rgb(32, 42, 53);
    margin-bottom: 2px !important;
    text-align: center;
    /* margin-top: 2px!important; */
    /*padding-left: 10px;*/
}

    .sub-menu-list a {
        margin: 0px;
        padding-top: 5px !important;
        text-align: justify !important;
        /* padding-left: 13%!important; */
    }

.scores {
    margin-top: 10px !important;
    height: 60px !important;
    /* background-color: #554c42; */
}

    .scores .sub-list {
        border: 0 !important;
    }

        .scores .sub-list a:hover {
            background-color: #554c42 !important;
        }

        .scores .sub-list a {
            color: #242c37 !important;
        }

.Close-Menu {
    position: relative;
    color: #41484f;
    top: -5px;
    float: right;
}

    .Close-Menu:hover {
        color: rgba(151,115,69,0.8) !important;
        background: none !important;
    }

input[type=text], .gridcell.form-control {
    border: 1px solid #977345;
    background-color: #d8c3ab;
    display: block;
    width: 100%;
    font-size: 10px;
    /*color: #90765f;*/
    background-image: none;
    -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;
}

    input[type=text]:focus {
        background: #b19e88;
        border-color: #101010 !important;
        color: #fff;
        box-shadow: none;
    }

.btn_login {
    height: 34px !important;
    border-radius: 2px !important;
    font-size: 11px !important;
    background-color: rgb(37, 37, 37) !important;
    font-size: 12px !important;
    color: #78624a;
}

    .btn_login:hover {
        border: 2px solid #977345 !important;
        background-color: rgb(37, 37, 37) !important;
        color: #b5b5b5 !important;
    }

    .btn_login:focus {
        border: 2px solid #977345;
        color: #977345 !important;
        -webkit-box-shadow: inset 0 0 5px #000;
        -moz-box-shadow: inset 0 0 5px #000;
        box-shadow: inset 0 0 5px #000;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid rgb(167, 24, 30);
    -webkit-box-shadow: 0 0 0px 1000px rgb(37, 37, 37) inset !important;
    -webkit-text-fill-color: #b5b5b5 !important;
}

#sidebar-widgets {
    left: 0px;
    width: 35px;
    margin-top: 50px;
    z-index: 1;
}

.NotificationsTab {
    /* background-color: #005858!important; */
}

.MatterTab {
    /* background-color:#202a35!important; */
}

.UserTab {
    /* background-color: #94302e!important; */
}

.pagination > li > a {
    background-color: #121212;
    color: #868686;
    border: 1px solid #2A2A2A;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #22BAA0;
    border-color: #22BAA0;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 1;
    color: #868686;
    background-color: #121212;
    border-color: #2A2A2A;
}

.nav-tabs, .nav-tabs > li > a {
    border-bottom: 1px solid #2A2A2A;
}



    .nav-tabs > li > a {
        border-radius: 0 !important;
        color: #777;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #555;
        cursor: default;
        background-color: #121212;
        border: 1px solid #2A2A2A;
    }

    .nav-tabs > li > a:hover {
        background: #121212;
        border-color: #2A2A2A;
    }

.nav-pills > li > a {
    color: #777;
    border-radius: 0 !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #7a6fbe;
}

.nav-pills > li > a:focus, .nav-pills > li > a:hover {
    text-decoration: none;
    background-color: #121212;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #2A2A2A;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #2A2A2A;
    }

    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #2A2A2A;
        border-radius: 4px 4px 0 0;
    }
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    border-bottom: 0;
}

.pill-content > .pill-pane, .tab-content > .tab-pane {
    display: none;
}

.pill-content > .active, .tab-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #2A2A2A;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border-bottom: 1px solid transparent;
        }

            .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
                border: 1px solid #2A2A2A;
            }

    .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:focus, .tabs-below > .nav-tabs > .active > a:hover {
        border-color: #2A2A2A;
    }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
        border-bottom: 0;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #2A2A2A;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px solid transparent;
    }

        .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
            border: 1px solid #2A2A2A;
        }

    .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > a:hover {
        border-color: #2A2A2A;
        border-bottom: 1px solid #2A2A2A;
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #2A2A2A;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px solid transparent;
    }

        .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-bottom: 1px solid #2A2A2A;
        }

    .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:focus, .tabs-right > .nav-tabs .active > a:hover {
        border-color: #2A2A2A;
        border-bottom: 1px solid #2A2A2A;
    }

.panel-group .panel-heading .panel-title > a {
    font-size: 14px;
    text-decoration: none;
}

.panel-group .panel-heading {
    font-size: 14px;
    height: auto !important;
    border-bottom: 0 !important;
}

.panel > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel-group .panel-heading .panel-title {
    position: relative;
    width: 100%;
}

.jstree-default .jstree-clicked, .jstree-default li a:hover {
    background: #121212;
    border-radius: 0;
    box-shadow: inset 0 0 1px #2A2A2A;
}

.label.label-default {
    background: #fff;
    border: 1px solid #e5e5e5;
}

.label.label-success {
    background: #22BAA0;
}

.label.label-primary {
    background: #7a6fbe;
}

.label.label-info {
    background: #12AFCB;
}

.label.label-danger {
    background: #f25656;
}

.label.label-warning {
    background: #f6d433;
}

.plupload_filelist_footer, .plupload_filelist_header {
    background: #121212;
    color: #868686;
}

.plupload_filelist_header {
    border-bottom: 1px solid #2A2A2A;
}

.plupload_scroll .plupload_filelist {
    background: #121212;
    border-bottom: 1px solid #2A2A2A;
}

.plupload_filelist_footer {
    border-top: 1px solid #2A2A2A;
}

.plupload_button {
    background-color: #121212;
    color: #868686;
    border: 1px solid #121212;
}

.plupload_disabled, a.plupload_disabled {
    background-color: #121212;
    border-color: #121212;
}

.plupload_filelist li {
    background: 0 0;
    border-bottom: 1px solid #2A2A2A;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #121212;
    color: #868686;
    border: 1px solid #121212;
    border-radius: 15px;
}

.center, .controls label, .display-block {
    display: block;
}

.pager li > a:hover {
    color: #868686;
    background-color: #101010;
    border-color: #121212;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #121212;
    border-color: #121212;
}

label {
    font-size: 10px;
    font-weight: 400;
}



.help-block {
    margin-bottom: 5px;
}

.form-group.has-error .form-control, .form-group.has-success .form-control, .form-group.has-warning .form-control {
    box-shadow: none;
}

    .form-group.has-success .form-control:focus {
        border: 1px solid #22BAA0;
        background: #fff;
    }

    .form-group.has-warning .form-control:focus {
        border: 1px solid #f6d433;
        background: #fff;
    }

    .form-group.has-error .form-control:focus {
        border: 1px solid #f25656;
        background: #fff;
    }

.form-group.has-success label {
    color: #22BAA0;
}

.form-group.has-warning label {
    color: #f6d433;
}

.form-group.has-error label {
    color: #f25656;
}

label.error {
    color: #a94442;
    font-weight: 700;
    margin-top: 5px;
    float: left;
    font-size: 12px;
}

input.form-control.input-rounded {
    border-radius: 30px;
}

.input-group .btn {
    padding: 7px 12px;
    border: 1px solid #2A2A2A;
}

.select2-dropdown, .select2-selection {
    box-shadow: none !important;
    padding: 6px 10px !important;
}

ol.linenums {
    margin: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #2A2A2A;
    background: #121212;
}

.select2-selection {
    background: #121212 !important;
    border-radius: 0 !important;
    border: 1px solid #2A2A2A !important;
    font-size: 13px !important;
    height: 34px !important;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.select2-dropdown {
    background: #121212;
    border-radius: 0;
    border: 1px solid #2A2A2A;
    border-top: 0;
    font-size: 13px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 9999;
}

    .select2-dropdown.select2-dropdown--above {
        border: 1px solid #2A2A2A;
        border-bottom: 0;
    }

.select2-selection--multiple .select2-selection__choice {
    background: #212121 !important;
    border-radius: 0 !important;
    border: 1px solid #2A2A2A !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
    padding: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
}

.select2-container-multi .select2-choices {
    border: 1px solid #2A2A2A;
    background-color: #121212;
    background-image: none;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        color: #868686;
        border: 1px solid #2A2A2A;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #212121;
        background-image: none;
    }

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #2A2A2A;
}

.select2-drop-active {
    border: 1px solid #2A2A2A;
}

.select2-drop {
    background: #121212;
    color: #868686;
    border: 1px solid #2A2A2a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-search input {
    margin-top: 5px;
    border: 1px solid #2A2A2A;
    background: #121212;
}

.select2-container .select2-choice {
    border: 1px solid #2A2A2A;
    color: #868686;
    background-color: #121212;
    background-image: none;
}

    .select2-container .select2-choice .select2-arrow {
        border-left: 1px solid #2A2A2A;
        background: #121212;
    }

.select2-dropdown-open .select2-choice {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popover {
    border: 1px solid #2A2A2A;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background: #121212;
}

.bootstrap-tagsinput, .bootstrap-timepicker-widget input {
    padding: 6px 10px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: none !important;
    font-size: 13px;
}

.popover-title {
    border-radius: 0;
    background-color: #121212;
    border-bottom: 1px solid #2A2A2A;
}

.popover.top > .arrow {
    border-top-color: #2A2A2A;
}

.popover.left > .arrow {
    border-left-color: #2A2A2A;
}

.popover.right > .arrow {
    border-right-color: #2A2A2A;
}

.popover.bottom > .arrow {
    border-bottom-color: #2A2A2A;
}

.popover.top > .arrow:after {
    border-top-color: #121212;
}

.popover.left > .arrow:after {
    border-left-color: #121212;
}

.popover.right > .arrow:after {
    border-right-color: #121212;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #121212;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 0 !important;
}

.bootstrap-tagsinput {
    background: #121212;
    border-radius: 0;
    border: 1px solid #2A2A2A;
    transition: all .2s ease-in-out;
    width: 100%;
    margin: 0;
}

    .bootstrap-tagsinput .tag {
        line-height: inherit;
    }

.input-group-addon {
    border-radius: 0 !important;
    background: #121212;
    border-color: #2A2A2A;
}

.bootstrap-timepicker-widget input {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    transition: all .2s ease-in-out;
    width: 45px !important;
}

    .bootstrap-timepicker-widget input:focus {
        border: 1px solid #bdc5c9;
        background: #fff;
    }

.table-bordered, .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 #2A2A2A; */
}

.bootstrap-timepicker-widget .icon-chevron-up:before {
    font-family: FontAwesome;
    content: "\f106";
    font-style: normal;
}

.bootstrap-timepicker-widget .icon-chevron-down:before {
    font-family: FontAwesome;
    content: "\f107";
    font-style: normal;
}

.bootstrap-timepicker-widget a {
    text-decoration: none;
}

.table td, .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: 15px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #121212;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    background: #121212;
    border-radius: 0;
    border: 1px solid #2A2A2A;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px 10px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .dataTables_wrapper .dataTables_length select:focus {
        outline: 0;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #868686 !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #868686 !important;
        border: 1px solid transparent;
        background: #121212 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #868686 !important;
        border: 1px solid transparent;
        background: #121212 !important;
        box-shadow: none;
    }

.dropzone, .note-editor {
    border: 1px solid #2A2A2A;
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #868686;
}

tr.group, tr.group:hover {
    background-color: #121212 !important;
}

table.dataTable tbody tr, table.dataTable.display tbody tr.even:hover, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.hover tbody tr.even:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr:hover, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.stripe tbody tr.odd, table.dataTable.stripe tbody tr.odd:hover {
    background-color: transparent;
}

table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
    border-top: 1px solid #2A2A2A;
}

.note-editor {
    border-radius: 0;
}

.note-dialog .note-modal-form {
    margin: 0 15px;
}

.note-editor .note-toolbar {
    border-bottom: 0;
    background: #1B1B1B;
    padding: 10px;
}

.note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group {
    margin-top: 0;
}

.note-editor .note-editable {
    padding: 10px 15px 15px;
    overflow: auto;
    outline: 0;
}

.colorpicker, .datepicker {
    padding: 10px !important;
}

.note-editor .note-statusbar {
    background: 0 0;
}

    .note-editor .note-statusbar .note-resizebar {
        border: 0;
    }

.center {
    margin: 0 auto;
    float: none !important;
}

.display-inline {
    display: inline-block;
}

.box-middle {
    position: absolute;
    height: 400px;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px !important;
    margin-top: -200px !important;
}

.datepicker {
    border: 1px solid #977345 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) !important;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) !important;
}

    .datepicker table tr td, .datepicker table tr td span, .datepicker table tr th {
        border-radius: 0 !important;
    }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
            color: #fff;
            background-color: #7a6fbe;
            border: 0;
        }

#flot3 .pie-chart-legend, #flotTip {
    padding: 5px;
}

.dropzone {
    border-radius: 0;
    background: #121212;
}

pre {
    background-color: #121212;
    border: 1px solid #2A2A2A;
}

.img-preview {
    height: 150px;
    width: 220px;
    overflow: hidden;
    text-align: center;
}

#flot1, #flot2, #flot4 {
    width: 100%;
    height: 250px;
}

.jqstooltip {
    box-sizing: content-box;
}

#flot3 {
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

#flotTip {
    border-radius: 0;
    background: rgba(51,51,51,.8);
    color: #fff;
    font-size: 13px !important;
}

.flot-text {
    color: rgba(255,255,255,.3) !important;
}

.jqvmap-zoomin, .jqvmap-zoomout {
    background-color: #7a6fbe;
    color: #fff;
    border: 1px solid transparent;
    font-size: 13px;
    border-radius: 0;
    outline: 0 !important;
    padding: 3px 5px;
    height: auto;
    width: auto;
    margin-left: 7px;
}

    .jqvmap-zoomin:active, .jqvmap-zoomin:focus, .jqvmap-zoomin:hover, .jqvmap-zoomout:active, .jqvmap-zoomout:focus, .jqvmap-zoomout:hover {
        background-color: #6a5fac;
        border: 1px solid transparent;
    }

.gritter-item {
    font-size: 13px;
    background: rgba(0,0,0,.7);
    background-image: none !important;
    padding: 15px;
}

.gritter-bottom, .gritter-top {
    background: 0 0 !important;
}

.sub-menu-widgets li > .Close-Menu {
    text-align: right;
    left: 285px;
    top: -10px;
    position: absolute;
    z-index: 999999;
}

.gritter-close {
    top: 15px;
    left: auto;
    right: 5px;
}

.gritter-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #524c45;
}

.gritter-with-image {
    padding-left: 10px;
}

.fc button {
    height: auto;
    padding: 6px 12px;
    font-size: 13px;
}

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default {
    border: 1px solid #121212;
    background-color: #121212;
    background-image: none;
    color: #868686;
    text-shadow: none;
    box-shadow: none;
    outline: 0 !important;
}

    .fc-state-default.fc-corner-left {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .fc-state-default.fc-corner-right {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header {
    background: #121212;
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6;
}

.fc-state-disabled, .fc-state-hover, .fc-unthemed .fc-today {
    background: #121212;
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.fc-state-active, .fc-state-down {
    background-color: #121212;
    border: 1px solid #121212;
    /*box-shadow: 0 !important;*/
}

.fc-state-disabled {
    cursor: default;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.fc-day-grid-widgets-event {
    padding: 5px;
    background: #22BAA0;
    border: 0;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #2A2A2A;
}

.list-group-item.active {
    background: #f1f1f1;
    border-color: #DDD;
    color: #333;
}

    .list-group-item.active:hover {
        background: #e7e7e7;
        border-color: #DDD;
        color: #333;
    }

.list-group-item {
    /* background-color: #ebd3b9; */
    border: 1px solid #554c42;
    /* color: red; */
}

.navbar {
    background: #FFF;
    padding: 0;
    height: 90px;
    z-index: 999;
    border-radius: 0;
    border: none;
    margin: auto;
    position: relative;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
}

.page-header-fixed .navbar {
    position: fixed;
    right: 0;
    left: 0;
}

@media (min-width:768px) {
    .page-content.container .navbar {
        width: 750px;
    }
}

@media (min-width:992px) {
    .page-content.container .navbar {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .page-content.container .navbar {
        width: 1170px;
    }
}

.topmenu-outer {
    height: 60px;
    background: #1B1B1B;
    margin-left: 160px;
    border-bottom: 1px solid #2A2A2A;
}

.small-sidebar .topmenu-outer {
    margin-left: 65px;
}

.navbar .logo-box {
    position: relative;
    width: 160px;
    height: 59px;
    float: left;
    display: table;
    border-bottom: 1px solid #2A2A2A;
}

    .navbar .logo-box .logo-text {
        font-size: 20px;
        font-weight: 700;
        line-height: 59px;
        padding: 0 15px;
        display: table-cell;
    }

    .navbar .logo-box a:focus, .navbar .logo-box a:hover {
        text-decoration: none;
    }

    .navbar .logo-box a {
        margin: 0 auto;
    }

.small-sidebar .navbar .logo-box {
    width: 65px;
}

.navbar-nav.navbar-right {
    margin-right: 0;
}

.top-menu-widgets .navbar-nav > li {
    height: 49px;
}

    .top-menu-widgets .navbar-nav > li > a {
        display: block;
        padding: 20px 18px;
        color: #989898;
        border: none;
        position: relative;
        line-height: 20px;
    }

.top-menu-widgets .nav .open > a, .top-menu-widgets .nav .open > a:focus, .top-menu-widgets .nav .open > a:hover, .top-menu-widgets .nav > li > a:active, .top-menu-widgets .nav > li > a:focus, .top-menu-widgets .nav > li > a:hover {
    background: 0 0;
}

    .top-menu-widgets .nav .open > a, .top-menu-widgets .nav .open > a:focus, .top-menu-widgets .nav .open > a:hover {
        background: 0 0;
        /*border-color: none;*/
    }

.top-menu-widgets .navbar-nav > li > a > i {
    font-size: 14px;
}

.top-menu-widgets .navbar-nav > li > a > .badge {
    font-family: "Open Sans",sans-serif;
    position: absolute;
    top: 12px;
    right: 7px;
    padding: 3px 6px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

.top-menu-widgets .navbar-nav > li > a > .user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
}

@media (max-width:991px) {
    .top-menu-widgets .navbar-nav > li > a > .user-name {
        display: none;
    }
}

.top-menu-widgets .navbar-nav > li > a > .user-name > i {
    margin-left: 5px;
}

.avatar {
    padding: 0;
    margin: -19px 0 -15px;
    position: relative;
    display: inline-block;
}

.dropdown-menu-widgets {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    margin: 10px 0 0;
    background-color: #1B1B1B;
    border: 1px solid #2A2A2A;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
}

    .dropdown-menu-widgets:after, .dropdown-menu-widgets:before {
        position: absolute;
        display: inline-block !important;
        content: '';
        right: auto;
    }

    .dropdown-menu-widgets li {
        font-size: 13px;
    }

        .dropdown-menu-widgets li a:hover {
            background: #121212;
            color: #FFF;
        }

.navbar-nav > li > .dropdown-menu-widgets {
    margin-top: 25px !important;
}

.dropdown-menu-widgets .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #2A2A2A;
}

.page-sidebar, .small-sidebar .page-sidebar-inner {
    overflow: visible !important;
}

.dropdown-menu-widgets:before {
    top: -8px;
    left: 9px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2A2A2A;
    border-left: 8px solid transparent;
}

.dropdown-menu-widgets:after {
    top: -7px;
    left: 10px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #1B1B1B;
    border-left: 7px solid transparent;
}

.btn-group.dropup > .dropdown-menu-widgets:after, .btn-group.dropup > .dropdown-menu-widgets:before, .dropdown-toggle.dropup > .dropdown-menu-widgets:after, .dropdown-toggle.dropup > .dropdown-menu-widgets:before, .dropdown.dropup > .dropdown-menu-widgets:after, .dropdown.dropup > .dropdown-menu-widgets:before {
    display: none !important;
}

.dropdown-menu-widgets.dropdown-menu-widgets-left:before, .navbar-left .dropdown-menu-widgets:before {
    left: 16px;
    right: auto;
}

.dropdown-menu-widgets.dropdown-menu-widgets-left:after, .navbar-left .dropdown-menu-widgets:after {
    left: 17px;
    right: auto;
}

.dropdown-menu-widgets.dropdown-menu-widgets-right:before, .navbar-right .dropdown-menu-widgets:before {
    right: 16px;
    left: auto;
}

.dropdown-menu-widgets.dropdown-menu-widgets-right:after, .navbar-right .dropdown-menu-widgets:after {
    right: 17px;
    left: auto;
}

.dropdown-menu-widgets.title-caret:after {
    border-bottom: 7px solid #121212;
}

.dropdown-menu-widgets > li.active > a, .dropdown-menu-widgets > li.active > a:active, .dropdown-menu-widgets > li.active > a:focus, .dropdown-menu-widgets > li.active > a:hover {
    background: #F7F7F7;
    color: #333;
}

.drop-title, .dropdown-menu-widgets li.drop-all a:hover {
    background: #121212;
}

.drop-title {
    display: block;
    border-bottom: 1px solid #2A2A2A;
    font-size: 14px;
    padding: 12px;
    color: #6a6a6a;
    margin: 0;
}

.dropdown-menu-widgets li.drop-all a {
    padding: 10px;
    color: #707070;
    background: #121212;
    font-size: 14px;
}

.dropdown-sm {
    width: 190px;
}

.dropdown-md {
    width: 230px;
}

.dropdown-lg {
    width: 280px;
}

.dropdown-menu-widgets li a {
    padding: 7px 10px;
    color: #5f5f5f;
    font-size: 13px;
}

    .dropdown-menu-widgets li a i {
        margin-right: 10px;
    }

.dropdown-menu-widgets li.no-link {
    padding: 7px 10px;
}

.dropdown-menu-widgets li.li-group {
    border-bottom: 1px solid rgba(120,130,140,.13);
    padding: 5px 0;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: transparent;
}

.navbar .dropdown .dropdown-menu-widgets {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all .1s ease;
    -moz-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
    margin-top: 40px !important;
}

.navbar .open .dropdown-menu-widgets {
    visibility: visible;
    opacity: 1;
    margin-top: 25px !important;
}

.navbar .dropdown {
    display: inline-block;
}

.messages {
    max-height: 300px;
}

    .messages li a {
        color: #bababa;
        font-size: 13px;
        padding-left: 15px;
        text-decoration: none;
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        position: relative;
    }

        .messages li a:hover {
            background: #121212;
            color: #fff !important;
        }

    .messages li {
        border-bottom: 1px solid #2A2A2A;
    }

        .messages li a .msg-img {
            height: 100%;
            display: block;
            float: left;
            position: relative;
        }

.online {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #ccc;
}

.task-icon.badge, .tasks li a {
    position: relative;
    display: block;
}

.cbp-spmenu h3, .search-form, .tasks li {
    border-bottom: 1px solid #2A2A2A;
}

.online.on {
    background: #44AEA1;
}

.online.off {
    background: #f3565d;
}

.cbp-spmenu, .tasks li a:hover {
    background: #121212;
}

.messages li a img {
    width: 40px;
    height: 40px;
}

.messages li a .msg-name {
    display: block;
    font-size: 14px;
    padding: 0 0 0 10px;
    margin: 0;
    float: left;
}

.messages li a .msg-text {
    display: block;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    float: left;
    padding: 0 0 0 10px;
}

.messages li a .msg-time {
    font-size: 11px;
    display: block;
    width: 210px;
    padding: 0 4px 0 8px;
    margin: 0;
    float: right;
}

.tasks {
    max-height: 300px;
}

    .tasks li a {
        color: #bababa;
        font-size: 13px;
        padding-left: 15px;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.task-icon.badge {
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 10px;
    padding-top: 6px;
}

.task-icon i {
    text-align: center;
    font-size: 12px;
}

.tasks li a .task-details {
    display: block;
    font-size: 13px;
    color: #868686;
    padding: 3px 0 0;
    margin: 0;
    float: left;
    width: 148px;
}

.tasks li a .badge {
    margin: 0 5px 0 0;
    max-width: 85px;
}

.page-content {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    min-height: 100%;
}

    .page-content.container {
        padding-left: 0;
        padding-right: 0;
    }



.profile {
    line-height: 60px;
    margin-left: 5px;
    font-size: 14px;
}

.page-horizontal-bar .sidebar-header, .small-sidebar .sidebar-header {
    display: none;
}

.horizontal-bar {
    width: 100%;
    display: block;
    z-index: 9998;
    float: none;
    height: auto !important;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-horizontal-bar.page-header-fixed .horizontal-bar {
    padding-top: 60px;
}

.page-horizontal-bar.page-sidebar-fixed .navbar {
    z-index: 9999;
}

@media (min-width:768px) {
    .page-sidebar-fixed.page-horizontal-bar .sidebar {
        position: fixed;
        top: 0;
        bottom: auto;
        padding-top: 60px;
    }

    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 750px;
        margin: 0 auto;
    }
}

@media (min-width:992px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 970px;
        margin: 0 auto;
    }
}

@media (min-width:1200px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 1170px;
        margin: 0 auto;
    }
}

@media (max-width:1200px) {
    .horizontal-bar .accordion-menu-widgets > li > a > p {
        display: none;
    }

    .compact-menu-widgets .horizontal-bar .accordion-menu-widgets > li > a > p {
        display: none !important;
    }

    body:not(.small-sidebar) .horizontal-bar .accordion-menu-widgets > li > a > .menu-widgets-icon {
        float: none !important;
        margin: 0 !important;
    }

    .horizontal-bar .accordion-menu-widgets ul {
        top: 50px !important;
    }
}

.horizontal-bar .accordion-menu-widgets {
    text-align: center;
    font-size: 0;
    width: 100% !important;
    overflow: visible !important;
}

    .horizontal-bar .accordion-menu-widgets li {
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
    }

    .horizontal-bar .accordion-menu-widgets > li > a, .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu-widgets > li > a {
        padding: 16px !important;
    }

.small-sidebar .horizontal-bar .accordion-menu-widgets li a span.menu-widgets-icon {
    font-size: 15px;
}

.horizontal-bar .accordion-menu-widgets > li > a > p {
    font-size: 13px;
}

.compact-menu-widgets .horizontal-bar .accordion-menu-widgets li a p {
    display: inline;
}

.horizontal-bar .accordion-menu-widgets .sub-menu-widgets li a {
    font-size: 13px;
    padding: 10px 15px;
}

.page-horizontal-bar.small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li > a {
    width: auto;
}

.horizontal-bar .accordion-menu-widgets > li > a > span.arrow:before {
    display: none;
}

body:not(.small-sidebar) .horizontal-bar .menu-widgets.accordion-menu-widgets > li > a > .menu-widgets-icon {
    font-size: 14px;
}

.small-sidebar.page-horizontal-bar .menu-widgets.accordion-menu-widgets > li > a > span.menu-widgets-icon {
    margin: 0 !important;
}

.horizontal-bar .accordion-menu-widgets > li > ul {
    left: 0 !important;
    top: 74px;
    width: 200px;
    position: absolute;
}

.horizontal-bar .accordion-menu-widgets ul li {
    display: block;
    text-align: left;
}

.horizontal-bar .accordion-menu-widgets li.menu-widgets-title {
    display: none;
}

.small-sidebar .horizontal-bar .accordion-menu-widgets > li > a > p {
    display: none !important;
}

.small-sidebar .horizontal-bar .accordion-menu-widgets > li > ul {
    top: 44px !important;
}

.small-sidebar.page-horizontal-bar.page-sidebar-fixed .page-inner {
    padding-left: 0;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
    padding: 110px 0 50px;
}

.small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
    padding: 0 0 50px;
}

.page-horizontal-bar:not(.page-sidebar-fixed) .checkout {
    top: 0;
}

.page-horizontal-bar.page-sidebar-fixed:not(.compact-menu-widgets) .checkout {
    top: 134px;
}

.page-horizontal-bar.page-sidebar-fixed.compact-menu-widgets .checkout {
    top: 111px;
}

.cbp-spmenu {
    border-left: 1px solid #2A2A2A;
}

    .cbp-spmenu a:hover, .search-form {
        background: #1B1B1B;
    }

.search-form {
    display: block;
    width: 100%;
    height: 60px;
    z-index: 99999;
    position: fixed;
    margin-top: -60px;
    transition: all .1s ease;
    -moz-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
}

    .search-form .input-group {
        height: 60px;
    }

        .search-form .input-group input {
            color: #5f5f5f;
            border: none;
            box-shadow: none;
            border-radius: 0;
            background: 0 0;
            height: 60px;
            line-height: 60px;
            font-size: 16px;
            padding: 0 20px !important;
        }

        .search-form .input-group button, .search-form .input-group button:focus, .search-form .input-group button:hover {
            background: 0 0;
            box-shadow: none;
            border: none;
            outline: 0;
            color: #5f5f5f;
            font-size: 20px;
            padding-left: 20px;
            padding-right: 20px;
            line-height: 46px;
        }

.menu-widgets li a .badge {
    margin-left: 10px;
}

.menu-widgets.accordion-menu-widgets {
    padding: 0;
    margin: 0;
    width: 100%;
    color: #fff;
    position: relative;
    display: block;
    height: 650px;
    /* overflow-y: scroll; */
}

    .menu-widgets.accordion-menu-widgets a {
        display: block;
        padding: 10px 1px 10px 1px;
        background: 0 0;
        text-decoration: none;
        font-size: 13px;
    }

    .menu-widgets.accordion-menu-widgets > li > a, body:not(.page-horizontal-bar):not(.small-sidebar) .menu-widgets.accordion-menu-widgets a {
        text-align: center;
        height: 100%;
        /* padding-top: 10px; */
    }

    .menu-widgets.accordion-menu-widgets > li {
        border-bottom: 1px solid rgba(151,115,69,0.3);
    }

.compact-menu-widgets:not(.small-sidebar) .menu-widgets.accordion-menu-widgets li a, .hover-menu-widgets .accordion-menu-widgets ul li a {
    text-align: left !important;
}

.menu-widgets.accordion-menu-widgets a p {
    line-height: 1.42857143 !important;
    margin: 0;
    /* border: 1px solid red; */
    font-size: 10px;
}

.menu-widgets.accordion-menu-widgets a span.menu-widgets-icon {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 5px;
}

.menu-widgets.accordion-menu-widgets li > a > .arrow:before {
    width: 10px;
    float: right;
    display: block;
    margin-top: -30px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
}

.menu-widgets.accordion-menu-widgets > li > a > .arrow:before {
    /* margin-top: 22px; */
}

.menu-widgets.accordion-menu-widgets li.open > a > .arrow:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.droplink-widgets {
    float: left;
    width: 40px;
    height: 38px;
    border: 1px solid rgba(64,64,64,0.2);
}

    .droplink-widgets.open {
        background-color: rgba(157, 129, 93, 0.4) !important;
    }

.menu-widgets.accordion-menu-widgets a:hover {
    background-color: rgba(157, 129, 93, 0.4) !important;
}

.menu-widgets.accordion-menu-widgets li {
    display: inline-block;
    vertical-align: top;
}

    .menu-widgets.accordion-menu-widgets li a .badge {
        float: right;
        margin-top: 1px;
        margin-right: 0;
        margin-left: 0;
        display: block;
    }

.menu-widgets.accordion-menu-widgets ul {
    z-index: 9999;
}

    .menu-widgets.accordion-menu-widgets ul li a {
        display: block;
        /* padding: 10px; */
        background: 0 0;
        text-decoration: none;
        font-size: 13px;
    }

    .menu-widgets.accordion-menu-widgets ul li ul {
        padding: 2px 0;
    }

.compact-menu-widgets .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li a, .hover-menu-widgets .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li a, .page-horizontal-bar .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li a {
    padding-left: 26px;
}

.compact-menu-widgets .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li a, .hover-menu-widgets .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li a, .page-horizontal-bar .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li a {
    padding-left: 31px;
}

.compact-menu-widgets .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li a, .hover-menu-widgets .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li a, .page-horizontal-bar .menu-widgets.accordion-menu-widgets .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li .sub-menu-widgets li a {
    padding-left: 36px;
}

.menu-widgets ul {
    padding: 10px 0px;
    z-index: 99;
}

.compact-menu-widgets:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets > li > a > p {
    display: inline !important;
}

.compact-menu-widgets .menu-widgets.accordion-menu-widgets a span.menu-widgets-icon {
    display: inline-block !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}

.compact-menu-widgets .menu-widgets.accordion-menu-widgets li a .arrow:before {
    margin-top: -2px;
}

.page-horizontal-bar.compact-menu-widgets .menu-widgets.accordion-menu-widgets ul {
    top: 50px;
}

.page-horizontal-bar.compact-menu-widgets.small-sidebar .menu-widgets.accordion-menu-widgets ul {
    top: 46px !important;
}

.hover-menu-widgets:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets > li > a > span.arrow {
    display: none;
}

.hover-menu-widgets .menu-widgets.accordion-menu-widgets > li.open:hover > ul, .hover-menu-widgets .menu-widgets.accordion-menu-widgets > li:hover > ul {
    display: inline-block !important;
}

.hover-menu-widgets .accordion-menu-widgets li {
    position: relative;
}

.hover-menu-widgets .accordion-menu-widgets > li > ul {
    position: absolute;
    left: 160px;
    width: 200px;
}

.hover-menu-widgets:not(.page-horizontal-bar) .accordion-menu-widgets > li > ul {
    position: absolute;
    top: 0;
    left: 160px;
    width: 200px;
}

.compact-menu-widgets .accordion-menu-widgets li a p {
    display: inline;
}

.hover-menu-widgets .sidebar .slimScrollBar, .hover-menu-widgets .slimScrollBar, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li a .arrow, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li a .badge, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li a p, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li.menu-widgets-title {
    display: none !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets {
    width: 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .page-sidebar-inner {
    overflow: hidden !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets {
    width: 160px !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets > li > a {
    padding: 15px;
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets > li > a {
    padding: 15px 18px;
}

.compact-menu-widgets.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets > li > a {
    text-align: left;
}

    .compact-menu-widgets.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets > li > a > .menu-widgets-icon {
        margin-right: 10px !important;
    }

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets ul li a {
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li a .menu-widgets-icon {
    float: none;
    margin: 0 !important;
    font-size: 14px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li a .menu-widgets-icon {
    font-size: 20px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li a p {
    margin: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets li.open .sub-menu-widgets {
    visibility: hidden;
    height: 0 !important;
    padding: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li a p, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li.menu-widgets-title, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-header, .small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-widget {
    display: block !important;
}

.compact-menu-widgets.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li a p, .compact-menu-widgets.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li.menu-widgets-title {
    display: inline !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li.open .sub-menu-widgets {
    visibility: visible;
    height: auto !important;
    padding: 10px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu-widgets.accordion-menu-widgets li a .arrow {
    display: block !important;
    float: right;
}

.horizontal-bar, .horizontal-bar > *, .small-sidebar:not(.page-sidebar-fixed) .sidebar, .small-sidebar:not(.page-sidebar-fixed) .sidebar > * {
    overflow: visible !important;
}

    .horizontal-bar .slimScrollBar, .small-sidebar:not(.page-sidebar-fixed) .sidebar .slimScrollBar {
        display: none !important;
    }

.small-sidebar:not(.page-sidebar-fixed) .menu-widgets.accordion-menu-widgets {
    width: auto;
    overflow: visible !important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li {
    padding: 0;
    margin: 0;
}

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li {
        list-style: none;
        position: relative;
        width: auto;
    }

        .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li a {
            text-decoration: none;
            display: block;
        }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li > a {
        padding: 15px 25px;
        text-align: center;
        position: relative;
        width: 265px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li a span.menu-widgets-icon {
        font-size: 14px;
        margin: 0 50px 0 0 !important;
        float: left;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li a p {
        margin: 0;
        float: left;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li a .arrow:before {
        width: 10px;
        float: right;
        margin-left: 15px;
        margin-top: -2px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: 18px;
        content: "\f104";
        font-weight: 300;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li:hover > a {
        z-index: 999;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li > ul {
        position: absolute;
        left: 65px;
        top: 48px;
        width: 200px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets ul li a {
        display: block;
        padding: 10px 15px !important;
        background: 0 0;
        font-size: 13px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets ul li span.menu-widgets-icon {
        margin-right: 15px;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li > a > span.arrow {
        display: none;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li a p {
        display: block;
        text-align: left;
    }

.bs-glyphicons-list li, .bs-glyphicons-list li span {
    text-align: center;
    display: block;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li.menu-widgets-title {
    display: none;
}

.page-horizontal-bar .accordion-menu-widgets > li.open:hover > ul, .page-horizontal-bar .accordion-menu-widgets > li:hover > ul, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li.open:hover > ul, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li:hover > ul {
    display: inline-block !important;
}

.page-horizontal-bar .accordion-menu-widgets > li.open > ul, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets > li.open > ul {
    display: none !important;
}

.page-inner {
    padding: 0 0 50px;
    background: #121212;
    position: relative;
}

.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
    padding: 60px 0 50px;
}

.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 160px;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 134px 0 50px;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed.compact-menu-widgets .page-inner {
    padding: 111px 0 50px;
}

.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 160px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed:not(.page-sidebar-fixed) .page-inner {
    padding: 60px 0 50px;
}

.page-title {
    padding: 20px;
    background: #121212;
    border-bottom: 1px solid #2A2A2A;
}

    .page-title h3 {
        font-size: 24px;
        font-weight: 300;
        padding: 0;
        margin: 0 0 4px;
    }

.page-breadcrumb ol.breadcrumb li a, .page-breadcrumb ol.breadcrumb li.active, .page-breadcrumb ul li a {
    font-size: 13px;
    color: #90999c;
}

.page-breadcrumb .breadcrumb {
    float: left;
    background: 0 0;
    padding: 0;
    margin-top: 30px;
}

.calendar-event, .fontawesome-icon-list .fa-item:hover, .line-icons .line-icon-item:hover, .page-footer {
    background: #121212;
}

.page-breadcrumb ol.breadcrumb, .page-breadcrumb ul {
    margin: 0;
}

    .page-breadcrumb ul li {
        float: left;
        display: inline;
    }

#main-wrapper {
    margin: 20px;
    padding: 0;
}

.page-footer {
    border-top: 1px solid #2A2A2A;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 19px 25px;
}

.push-sidebar, .search-button a {
    padding: 20px 18px;
    color: #5F5F5F;
    border: none;
    line-height: 20px;
    font-size: 17px;
    text-decoration: none;
}

.sidebar-pusher {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
}

.push-sidebar {
    display: inline-block !important;
    position: relative;
    float: left;
}

    .push-sidebar:hover {
        color: #5F5F5F;
    }

.search-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
    right: 0;
}

    .search-button a {
        display: inline-block !important;
        position: relative;
        float: right;
    }

.fontawesome-icon-list .fa-item {
    padding: 10px 20px;
}

    .fontawesome-icon-list .fa-item i {
        margin-right: 5px;
    }

.line-icons .line-icon-item {
    padding: 10px 20px;
    display: block;
}

.bs-glyphicons-list li span.glyphicon {
    margin: 5px 0 10px;
    float: none;
    font-size: 24px;
}

.bs-glyphicons-list li {
    float: left;
    width: calc(25% - 1px);
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    background-color: #121212;
    margin-left: 1px;
    margin-top: 1px;
    list-style-type: none;
}

@media (min-width:768px) {
    .bs-glyphicons-list li {
        width: calc(12.5% - 1px);
        font-size: 13px;
    }
}

.calendar-event {
    padding: 7px 10px;
    color: #5B5B5B;
    margin-bottom: 5px;
    overflow: hidden;
}

    .calendar-event p {
        float: left;
        margin: 0;
    }

    .calendar-event .remove-calendar-event {
        float: right;
        color: #5B5B5B;
    }

.faq-link:hover {
    text-decoration: none;
}

.faq-popular {
    padding: 0;
}

    .faq-popular li a {
        padding: 8px 10px;
        font-size: 14px;
        display: inline-block;
    }

@media only screen and (min-width:768px) {
    .cd-pricing-features li:nth-of-type(2n+1) {
        background-color: #101010;
    }

    .cd-pricing-header {
        color: #868686;
    }

    .cd-select, .cd-select:active, .cd-select:focus {
        background-color: #121212;
    }
}

.cd-pricing-wrapper > li {
    background-color: #121212;
}

    .cd-pricing-wrapper > li::after {
        background: -webkit-linear-gradient(right,#000,rgba(255,255,255,0));
        background: linear-gradient(to left,#000,rgba(255,255,255,0));
    }

.grid-widgets figcaption, .slideshow figure {
    background: #121212;
}

.slideshow figure {
    border: 50px solid #121212;
}

@media only screen and (min-width:1170px) {
    .cd-timeline-content::before {
        border-left-color: #2A2A2A;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        border-right-color: #2A2A2A;
    }
}

.cd-timeline-content {
    background: #121212;
    border: 1px solid #2A2A2A;
}

#cd-timeline::before {
    background: #2A2A2A;
}

.cd-timeline-img {
    box-shadow: 0 0 0 4px #2A2A2A,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);
    color: #2A2A2A;
}

.todo-nav {
    margin-top: 10px;
}

.todo-list .todo-item {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #2A2A2A;
    background: #121212;
}

.todo-list {
    margin: 10px 0;
}

    .todo-list.only-active .todo-item.complete {
        display: none;
    }

    .todo-list.only-active .todo-item:not(.complete) {
        display: block;
    }

    .todo-list.only-complete .todo-item:not(.complete) {
        display: none;
    }

    .todo-list.only-complete .todo-item.complete {
        display: block;
    }

    .todo-list .todo-item.complete span {
        text-decoration: line-through;
    }

.inbox-widget a, .mailbox-nav li a, .message-attachment a, .post-options a, .search-item a, .timeline-options a {
    text-decoration: none;
}

.remove-todo-item {
    color: #ccc;
    visibility: hidden;
}

    .remove-todo-item:hover {
        color: #5f5f5f;
    }

.todo-item:hover .remove-todo-item {
    visibility: visible;
}

#uniform-all-complete {
    margin-left: 11px;
}

div.radio span {
    background-position: 0 -280px;
}

.info-box .progress {
    margin: 0;
    background: #3e3e3e;
}

.info-box .info-box-icon {
    float: right;
}

    .info-box .info-box-icon i {
        font-size: 31px;
        color: #3e3e3e;
    }

.info-box .info-box-stats {
    float: left;
    margin-top: 5px;
}

    .info-box .info-box-stats p {
        font-size: 28px;
        margin-bottom: 14px;
        font-weight: 300;
    }

    .info-box .info-box-stats span.info-box-title {
        display: block;
        font-size: 13px;
        margin-bottom: 10px;
        color: #B0B0B0;
    }

.info-box .info-box-progress {
    clear: both;
}

@media (min-width:768px) {
    .visitors-chart {
        border-right: 1px solid rgba(120,130,140,.13);
    }
}

.stats-info ul {
    margin: 0;
}

    .stats-info ul li {
        border-bottom: 1px solid rgba(120,130,140,.13);
        padding: 12px 0;
    }

        .stats-info ul li:last-child {
            border-bottom: 0;
        }

.inbox-widget .inbox-item, .weather-top {
    border-bottom: 1px solid rgba(120,130,140,.13);
    overflow: hidden;
}

.stats-info ul li i {
    margin-left: 5px;
}

#flotchart1 {
    height: 340px;
    width: 100%;
}

#flotchart2 {
    height: 278px;
    width: 100%;
}

#flotchart3 {
    height: 200px;
    width: 100%;
}

.server-load > .server-stat {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.server-load .server-stat span {
    font-size: 11px;
    margin-bottom: 3px;
}

.server-load .server-stat p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
}

.weather-current {
    overflow: hidden;
}

    .weather-current p {
        font-size: 12px;
        margin: 5px 0 0;
        float: left;
        color: #8e8e8e;
    }

        .weather-current p span {
            font-size: 42px;
            clear: both;
            margin-top: 15px;
            display: block;
            color: #4E5E6A;
            font-weight: 300;
        }

            .weather-current p span sup {
                font-size: 25px;
            }

    .weather-current .weather-icon {
        font-size: 40px;
        display: block;
        float: left;
        margin: 15px 15px 0 0;
    }

.weather-day {
    margin: 0;
    font-weight: 600;
    text-align: right;
    font-size: 22px;
}

.weather-days li i, .weather-days li span {
    text-align: center;
    display: block;
}

.weather-day small {
    font-size: 11px;
    color: #8e8e8e;
    margin: 0;
}

.weather-info {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .weather-info li {
        padding: 8px 0;
    }

.weather-top {
    padding: 0 0 15px;
    margin: 0 0 15px;
}

.weather-days {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid rgba(120,130,140,.13);
}

    .weather-days li i {
        font-size: 22px;
        margin: 10px 0;
    }

@media (max-width:768px) {
    .weather-days li {
        margin-bottom: 15px;
    }
}

.live-tile {
    width: 100%;
    margin: 0;
    height: 155.5px;
}

.twitter-box {
    background: #5EA9DD;
}

.facebook-box {
    background: #3B5998;
}

    .facebook-box i, .twitter-box i {
        position: absolute;
        right: 10px;
        bottom: 0;
        font-size: 50px;
        color: rgba(255,255,255,.3);
    }

.tile-date {
    display: block;
    margin-top: 15px;
    color: rgba(255,255,255,.7);
}

.inbox-widget {
    height: 341px !important;
}

    .inbox-widget a {
        display: block;
        overflow: hidden;
    }

    .inbox-widget .inbox-item {
        padding: 10px 0;
        position: relative;
    }

    .inbox-widget a:last-child > .inbox-item {
        border-bottom: 0;
    }

.timeline-comment, .timeline-options {
    border-bottom: 1px solid rgba(120,130,140,.13);
    overflow: hidden;
}

.inbox-widget .inbox-item .inbox-item-img {
    float: left;
    width: 40px;
    display: block;
    margin-right: 15px;
}

.inbox-widget .inbox-item img {
    width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 0;
}

.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}

.inbox-widget .inbox-item .inbox-item-date {
    position: absolute;
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
}

#rickshaw-chart {
    margin: 0 -22px -25px -20px;
    height: 100px;
}

.project-stats .progress {
    margin: 3px 0 0;
}

.profile-cover {
    background: url(../images/profile-cover.png);
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}

.profile-image {
    position: absolute;
    margin: 200px 20px 20px;
}

    .profile-image img {
        display: block;
        margin: 0 auto;
        width: 150px;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 5px #2A2A2A;
        -moz-box-shadow: 0 0 0 5px #2A2A2A;
        -o-box-shadow: 0 0 0 5px #2A2A2A;
        box-shadow: 0 0 0 5px #2A2A2A;
    }

.profile-info {
    position: absolute;
    bottom: 10px;
    right: 20px;
    padding: 0;
    margin: 0;
    text-align: right;
}

.profile-info-value {
    color: #fff;
    display: inline-block;
    margin-left: 40px;
}

.user-profile {
    margin-top: 60px;
}

.team .team-member {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    position: relative;
}

    .team .team-member .online {
        top: 5px;
        right: 5px;
    }

    .team .team-member img {
        width: 40px;
        float: left;
        border-radius: 50%;
        margin: 0 5px;
    }

.team .more-members a {
    display: block;
    text-align: center;
}

.profile-timeline ul li .timeline-item-header {
    width: 100%;
    overflow: hidden;
}

    .profile-timeline ul li .timeline-item-header img {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 10px;
        border-radius: 50%;
    }

    .profile-timeline ul li .timeline-item-header p {
        margin: 0;
        color: #fff;
        font-weight: 700;
    }

        .profile-timeline ul li .timeline-item-header p span {
            margin: 0;
            color: #8E8E8E;
            font-weight: 400;
        }

    .profile-timeline ul li .timeline-item-header small {
        margin: 0;
        color: #8E8E8E;
    }

.profile-timeline ul li .timeline-item-post {
    padding: 20px 0 0;
    position: relative;
}

    .profile-timeline ul li .timeline-item-post > img {
        width: 100%;
    }

.timeline-options {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 0;
}

    .timeline-options a {
        display: block;
        margin-right: 20px;
        float: left;
        color: #8E8E8E;
    }

        .timeline-options a i {
            margin-right: 3px;
        }

        .timeline-options a:hover {
            color: #22BAA0;
        }

.timeline-comment {
    margin-bottom: 10px;
    width: 100%;
    padding-bottom: 5px;
}

    .timeline-comment .timeline-comment-header {
        overflow: hidden;
    }

        .timeline-comment .timeline-comment-header img {
            width: 30px;
            border-radius: 50%;
            float: left;
            margin-right: 10px;
        }

        .timeline-comment .timeline-comment-header p {
            color: #fff;
            float: left;
            margin: 0;
            font-weight: 700;
        }

        .timeline-comment .timeline-comment-header small {
            font-weight: 400;
            color: #8E8E8E;
        }

    .timeline-comment p.timeline-comment-text {
        display: block;
        font-size: 12px;
        padding-left: 40px;
    }

.post-options {
    overflow: hidden;
    margin-top: 15px;
    margin-left: 15px;
}

    .post-options a {
        display: block;
        margin-top: 5px;
        margin-right: 20px;
        float: left;
        color: #333;
        font-size: 17px;
    }

        .post-options a:hover {
            color: #22BAA0;
        }

#gallery .mix {
    display: none;
}

.mailbox-nav li a {
    display: block;
    padding: 10px 7px;
    color: #999;
    border-bottom: 1px solid #2A2A2A;
    overflow: hidden;
}

    .mailbox-nav .active a, .mailbox-nav li a:hover {
        color: #333;
    }

    .mailbox-nav li a i {
        margin-right: 5px;
    }

.mailbox-content {
    background: 0 0;
    padding: 15px;
    overflow: hidden;
}

.mailbox-header {
    margin-bottom: 20px;
}

    .mailbox-header h2 {
        margin: 3px 0;
    }

.mailbox-content table tbody tr td {
    cursor: pointer;
}

.mailbox-content table tbody tr:hover {
    background: #1B1B1B;
}

.mailbox-content table tbody tr.read {
    background: #1B1B1B;
    color: #7F7F7F;
}

.mailbox-content table tbody tr.checked {
    background: #FFC;
}

.mail-hidden-options {
    display: none;
}

.message-sender img, .message-sender p {
    display: inline-block;
}

.message-header {
    overflow: hidden;
    border-bottom: 1px solid rgba(120,130,140,.13);
    padding: 5px 0 15px;
    margin-bottom: 10px;
}

.message-content, .message-sender {
    padding: 0 0 5px;
}

.message-header h3 {
    float: left;
    font-size: 18px;
    margin: 0;
    color: #666;
}

.message-header p {
    float: right;
    margin: 0;
}

.message-attachments, .message-content, .message-sender {
    border-bottom: 1px solid rgba(120,130,140,.13);
    margin-bottom: 10px;
    overflow: hidden;
}

    .message-sender img {
        width: 30px;
        border-radius: 50%;
        margin-right: 5px;
    }

    .message-sender span {
        color: #7F7F7F;
    }

.message-attachments {
    padding: 0 0 15px;
}

.message-attachment {
    position: relative;
    width: 200px;
    float: left;
    margin-right: 10px;
    border: 1px solid #1F2122;
}

    .compose-options, .message-attachment img {
        width: 100%;
        display: block;
    }

.attachment-info p, .box-notifications ul li p {
    margin: 0;
}

.attachment-info {
    background: #1B1B1B;
    padding: 10px;
}

    .attachment-info span {
        font-size: 11px;
        color: #aaa;
    }

.compose-message {
    overflow: hidden;
    padding: 0 0 10px;
}

.compose-options {
    overflow: hidden;
}

.box-notifications {
    max-height: 312px;
    overflow-y: scroll;
}

.chat .chat-item, .info, .info-box, .login-box .user-box form, .messages li a, .messages li a .msg-img, .messages li a .msg-text, .messages li a .msg-time, .navbar .logo-box, .navbar .logo-box a, .page-breadcrumb, .page-breadcrumb .breadcrumb, .page-breadcrumb ul, .page-footer, .page-inner, .search-form, .small-sidebar .accordion-menu-widgets li a, .small-sidebar .page-sidebar-fixed .page-inner, .tasks li a, .tasks li a .task-icon, .text-box, .top-menu-widgets .navbar-nav > li > a > img, body:not(.small-sidebar):not(.page-horizontal-bar) .menu-widgets.accordion-menu-widgets {
    overflow: hidden;
}

.box-notifications ul li {
    display: block;
    padding: 11px 0;
    border-bottom: 1px solid rgba(120,130,140,.13);
}

    .box-notifications ul li:first-child {
        padding: 0 0 11px;
    }

    .box-notifications ul li:last-child {
        padding: 11px 0 0;
        border-bottom: 0;
    }

.page-error #main-wrapper {
    margin: 5%;
}

.page-error .details {
    margin-bottom: 20px;
    text-align: center;
}

.coming-soon .page-inner {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6))),url(../images/coming-soon.jpg);
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/coming-soon.jpg);
    background-size: cover;
}

.page-forgot #main-wrapper, .page-lock-screen #main-wrapper, .page-login #main-wrapper, .page-register #main-wrapper {
    margin: 5%;
}

.login-box {
    margin: auto;
    max-width: 400px;
}

    .login-box .logo-name {
        display: block;
        font-size: 22px;
        font-weight: 700;
        text-decoration: none;
        color: #6c6c6c;
    }

    .login-box .user-box {
        display: block;
        clear: both;
        overflow: hidden;
    }

        .login-box .user-box img {
            width: 60px;
            height: 60px;
            display: block;
            margin: 0 auto;
        }

.login-alt .login-box {
    max-width: 100%;
}

.login-info {
    margin-top: 19px;
}

.search-item {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(120,130,140,.13);
}

    .search-item p {
        margin: 0;
    }

    .search-item a.search-link {
        color: #22BAA0;
    }

.chat {
    position: relative;
    padding-bottom: 100px;
}

    .chat .chat-item {
        display: block;
        padding: 10px 15px;
        width: 100%;
    }

        .chat .chat-item .chat-image {
            float: left;
            display: inline-block;
        }

.chat-item-left .chat-message {
    margin-top: 5px;
}

.chat .chat-item .chat-message {
    position: relative;
    border-radius: 12px;
    padding: 4px 12px;
    max-width: 75%;
    background: #1B1B1B;
    display: inline-block;
}

.chat .chat-item img {
    display: block;
    width: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.chat .chat-item-right .chat-message {
    background: #22BAA0;
    float: right;
    color: #fff;
}

.chat-write {
    padding: 5px;
    background: #1B1B1B;
    position: absolute;
    bottom: 0;
    width: 240px;
}

    .chat-write input, .chat-write input:focus {
        width: 100%;
        border: none;
        background: #1B1B1B;
    }

.menu-widgets li a .arrow:before, .menu-widgets li.open > a > .arrow:before, .top-menu-widgets .navbar-nav > li > a > .badge {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

@media (max-width:991px) {
    .profile-image, .profile-info {
        right: 0;
        left: 0;
    }

    .profile-info {
        top: 10px;
        bottom: auto;
        text-align: center;
    }

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px;
        display: inline-block;
    }

    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }
}


.overlay {
    background: rgba(0,0,0,.4);
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.menu-widgets, .navbar .logo-box, .page-content, .sidebar, .sidebar-header {
    background: #202a35;
}

.show-menu-widgets .overlay {
    display: block;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid rgba(120,130,140,.13);
}

.table > thead > tr > th {
    border-bottom: 2px solid rgba(120,130,140,.13);
}

.navbar .logo-box a {
    color: #fff;
}

.menu-widgets.accordion-menu-widgets a, .sidebar-profile span small {
    color: #fafafa;
}

.horizontal-bar .accordion-menu-widgets > li.droplink-widgets:hover > a, .hover-menu-widgets .accordion-menu-widgets > li.droplink-widgets:hover > a, .menu-widgets.accordion-menu-widgets li.open > a, .menu-widgets.accordion-menu-widgets ul, .menu-widgets.accordion-menu-widgets ul li a:hover, .menu-widgets.accordion-menu-widgets ul li.active a, .menu-widgets.accordion-menu-widgets > li.active.open > a, .menu-widgets.accordion-menu-widgets > li.active > a, .menu-widgets.accordion-menu-widgets > li > a:hover, .small-sidebar:not(.page-sidebar-fixed) .accordion-menu-widgets li.droplink-widgets:hover > a {
    /* background: rgb(45, 53, 60); */
    color: #fff;
}

    .menu-widgets.accordion-menu-widgets ul li a {
        color: #868686;
    }

.grid-widgets ul li {
    list-style-type: none;
    float: left;
    padding: 0px;
    /* margin: -0.2px -0.2px; */
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.sub-list {
    /* border:1px solid red; */
    width: 73px;
}

.sub-menu-widgets-list {
    width: 100% !important;
    height: 30px !important;
    /* border-bottom: 1px solid red; */
    background-color: rgb(32, 42, 53);
    margin-bottom: 2px !important;
    text-align: left;
}

    .sub-menu-widgets-list a {
        /* border-bottom: 1px solid red; */
        margin: 0px;
        padding-top: 5px !important;
    }

.page-sidebar-minified.page-with-right-sidebar .sub-menu-widgets {
    left: 40px;
    right: 100%;
    top: -1px;
}

.sidebar .sub-menu-widgets {
    padding: 0px 5px;
    margin: 0;
    background: rgba(28, 39, 51, 0.95);
    position: fixed;
    left: 41px;
    top: -1px;
    display: none;
    border: 1px solid rgba(151,115,69,0.2);
    text-align: center;
    height: 100%;
    overflow-y: scroll;
    /* border: 1px solid red; */
    /*width: 340px;*/
}

    .sidebar .sub-menu-widgets .media {
        height: 100px;
        width: 340px;
    }


.dropdown-notification.media-list {
    max-width: 280px;
    padding: 0;
}

    .dropdown-notification.media-list p {
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 4px;
        max-width: 200px;
    }

    .dropdown-notification.media-list .dropdown-notification-header {
        padding: 10px 20px !important;
        background: #fafafa;
    }

    .dropdown-notification.media-list > .media {
        margin-top: 0;
        /* border-top: 1px solid #eee; */
        border-bottom: 1px solid #977345;
        margin-bottom: -1px;
    }

        .dropdown-notification.media-list > .media > a {
            display: block;
            padding: 10px 20px !important;
        }

        .dropdown-notification.media-list > .media .media-left {
            padding-right: 10px;
            padding-bottom: 10px;
        }

        .dropdown-notification.media-list > .media .media-right {
            padding-left: 10px;
        }

        .dropdown-notification.media-list > .media .media-object {
            height: 36px;
            width: 36px;
            line-height: 36px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            /* border:1px solid red; */
        }

.media-icon {
    border: 1px solid red;
    width: 50px;
    position: fixed;
    float: left;
}

.form {
    border: 1px solid red;
    background-color: white;
}

/*Calculator widget */
.media-calculator {
    width: auto !important;
    background-color: white;
}


/* Numpad classes*/
/*body
{
    margin: 0;
    padding: 0;
    font-family: 'Lato' , sans-serif;
    color: #333;
    background-size: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    background-color: #475264;
}*/
.media-dialpad {
    /*width: auto !important;*/
}

p {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 20px;
}

.span4 {
    width: 78px;
    float: left;
    /*margin: 0 5px 5px 5px;*/
}

.phone {
    margin-top: 0px;
    margin-left: 245px;
    background: inherit;
    /*height: 500px;*/
    width: 280px;
    overflow-x: scroll;
}

    .phone .accordion-toggle {
        margin-top: 20px;
        border: 1px solid #524c45;
        height: 40px !important;
    }

        .phone .accordion-toggle .pull-right {
            margin-right: 5px;
        }

.dialerPhone {
    border-radius: 5px;
    background-color: rgba(82, 76, 69, 0.73);
    height: 480px;
    width: 264px;
}

.tel {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 7px;
    border: 1px solid #2c3137;
    border-radius: 0px;
    height: 50px;
    width: 230px;
    font-size: 36px;
    color: #ead2b8;
    background-color: rgba(32, 42, 53, 0.63);
    box-shadow: inset 0px 5px rgba(43, 42, 41, 0.36);
    border-radius: 4px;
}

.num-pad {
    padding-left: 5px;
}


.num {
    height: 70px;
    background-color: #202a35;
    color: #333;
    cursor: pointer;
    border: 1px solid #2c3137;
}

    .num:hover {
        background-color: #9e9e9e;
        color: #fff;
        transition: background-color .1s linear 0s;
        -moz-transition: background-color .1s linear 0s;
        -webkit-transition: background-color .1s linear 0s;
        -o-transition: background-color .1s linear 0s;
    }

.txt {
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 30px;
    color: #d4d4d4;
}

.small {
    font-size: 11px;
}

.btn {
    font-weight: bold;
    -webkit-transition: .1s ease-in background-color;
    letter-spacing: 1px;
    height: 30px;
}

    .btn:hover {
        transition: background-color .1s linear 0s;
        -moz-transition: background-color .1s linear 0s;
        -webkit-transition: background-color .1s linear 0s;
        -o-transition: background-color .1s linear 0s;
    }

.spanicons {
    width: 78px;
    height: 60px;
    float: left;
    text-align: center;
    /* margin-top: 40px; */
    color: #d4d4d4;
    font-size: 30px;
    cursor: pointer;
    background-color: #202a35;
    border: 1px solid #2c3137;
}

    .spanicons:hover {
        color: #524c45;
        transition: color .2s linear 0s;
        -moz-transition: color .2s linear 0s;
        -webkit-transition: color .2s linear 0s;
        -o-transition: color .2s linear 0s;
    }

    .spanicons .glyphicon, .spanicons .fa {
        font-size: 20px;
        margin-top: 9px;
        color: #d4d4d4;
    }

.active {
    color: #242b35;
}

.dialpad {
    /*width: 800px;*/
    float: left;
    text-align: center;
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -250px;
}

.txtactions {
    padding-top: 4px;
}


@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20%, 100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin: 50%;
    transform-origin: 0px;
    transform-origin: initial;
}

    .faa-ring.animated.faa-fast,
    .faa-ring.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-fast {
        -webkit-animation: ring 1s ease infinite;
        animation: ring 1s ease infinite;
    }

    .faa-ring.animated.faa-slow,
    .faa-ring.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-ring.faa-slow {
        -webkit-animation: ring 3s ease infinite;
        animation: ring 3s ease infinite;
    }

.media-calculator .stats-info {
    height: 50px;
}

.k-datetimepicker {
    width: 210px !important;
    margin-left: 2px !important;
    margin: 5px 0px;
}


.features {
    background-color: rgba(0,0,0,.6);
    -o-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
    -ms-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
    box-shadow: inset 0 0 5px rgba(0,0,0,.5);
    padding: 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .features ul li {
        font-size: 1.2em;
        line-height: 1.8em;
    }

        .features ul li .popover {
            color: #505050;
            font-size: .82em;
        }

#texture-check, #papper-stack {
    margin-top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
    font-size: .8em;
    padding: 1px 3px;
}

    #texture-check > [class*="icon"], #papper-stack > [class*="icon"] {
        visibility: hidden;
    }

    #texture-check.active > [class*="icon"], #papper-stack.active > [class*="icon"] {
        visibility: visible;
    }

.divider {
    height: 1px;
    margin: 15px auto;
    clear: both;
}

    .divider.tiny {
        margin: 5px;
    }

    .divider.small {
        margin: 10px 0;
    }

    .divider.large {
        margin: 30px auto;
    }

    .divider.x-large {
        margin: 45px auto;
    }

    .divider.bottom-preview {
        margin: 100px auto;
    }

.map {
    background-image: url('http://maps.google.com/maps/api/staticmap?center=37.400470,-122.072981&amp;zoom=13&amp;size=700x300&amp;sensor=false');
}

.color-swatch {
    padding-left: 5px;
}

    .color-swatch > div {
        width: 20px;
        height: 20px;
        display: inline-block;
        *display: inline;
        *padding: 3px 10px;
        border: 1px solid #e6e6e6;
        cursor: pointer;
    }

.tabbable.custom-tabs > .nav-tabs, .tabbable.custom-tabs > .nav-tabs > li, .tabbable.custom-tabs > .nav-tabs > li i {
    color: whitesmoke;
    font-size: 15px;
    margin: 5px;
}

    .tabbable.custom-tabs > .nav-tabs, .tabbable.custom-tabs > .nav-tabs > li, .tabbable.custom-tabs > .nav-tabs > li > a {
        margin: 0;
        padding: 0;
        border: 0;
        outline: none;
        /*background-color: none;*/
        background-image: none;
        border-top: 1px solid rgba(85, 76, 66, 0.4);
        font-size: 10px;
        width: 200px !Important;
    }

        .tabbable.custom-tabs > .nav-tabs > li > a {
            padding: 10px 14px;
            margin-right: 3px;
            background-color: #202a35;
            color: #737373;
            -o-text-shadow: 0 1px 1px #fff 1px 1px #fff;
            -moz-text-shadow: 0 1px 1px #fff 1px 1px #fff;
            -ms-text-shadow: 0 1px 1px #fff 1px 1px #fff;
            -webkit-text-shadow: 0 1px 1px #fff 1px 1px #fff;
            text-shadow: 0 1px 1px #fff, 0 1px 1px #fff;
            -o-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4);
            -ms-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4);
            -moz-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4);
            -webkit-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4);
            box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4);
            -moz-transition-duration: .15s;
            -o-transition-duration: .15s;
            -webkit-transition-duration: .15s;
            transition-duration: .15s;
        }

            .tabbable.custom-tabs > .nav-tabs > li > a > [class*="icon"], .tabbable.custom-tabs > .nav-tabs > li > a > span {
                -moz-transition-duration: .4s;
                -o-transition-duration: .4s;
                -webkit-transition-duration: .4s;
                transition-duration: .4s;
                color: whitesmoke;
                font-size: 11px;
            }

            .tabbable.custom-tabs > .nav-tabs > li > a > [class*="icon"] {
                display: inline-block;
                min-width: 15px;
                text-align: left;
                font-size: 1.3em;
            }

            .tabbable.custom-tabs > .nav-tabs > li > a:hover {
                border: none;
                background-color: #554c42;
            }

        .tabbable.custom-tabs > .nav-tabs > li.active {
            margin: 0;
            padding: 0;
            border: 0;
            outline: none;
            /*background-color: none;*/
            background-image: none;
        }

            .tabbable.custom-tabs > .nav-tabs > li.active > a {
                background-color: #554c42;
                color: #f5f5f5;
                -o-box-shadow: none;
                -ms-box-shadow: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                -o-text-shadow: 0 1px 1px #fff 1px 1px #fff;
                -moz-text-shadow: 0 1px 1px #fff 1px 1px #fff;
                -ms-text-shadow: 0 1px 1px #fff 1px 1px #fff;
                -webkit-text-shadow: 0 1px 1px #fff 1px 1px #fff;
                text-shadow: 0 1px 1px #fff, 0 1px 1px #fff;
            }

                .tabbable.custom-tabs > .nav-tabs > li.active > a:hover {
                    border: none;
                    background-color: #202a35;
                }

.tabbable.custom-tabs > .tab-content {
    /*background-color: rgba(32, 42, 53, 0.1);*/
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border-radius: 0 4px 4px 4px;
    border:1px solid rgb(234, 210, 184);*/
}

    .tabbable.custom-tabs > .tab-content > .tab-pane {
        -webkit-animation-duration: 0;
        -moz-animation-duration: 0;
        -o-animation-duration: 0;
        animation-duration: 0s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: visible !important;
        -webkit-animation-name: fadeInUp;
        -moz-backface-visibility: visible !important;
        -moz-animation-name: fadeInUp;
        -o-backface-visibility: visible !important;
        -o-animation-name: fadeInUp;
        backface-visibility: visible !important;
        animation-name: fadeInUp;
    }

    .tabbable.custom-tabs > .tab-content h4 {
        padding-bottom: 10px;
        border-bottom: 1px solid #dcdcdc;
        -o-text-shadow: 0 1px 1px #fff;
        -moz-text-shadow: 0 1px 1px #fff;
        -ms-text-shadow: 0 1px 1px #fff;
        -webkit-text-shadow: 0 1px 1px #fff;
        text-shadow: 0 1px 1px #fff;
    }

    .tabbable.custom-tabs > .tab-content .box {
        background-color: #ededed;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 10px;
    }

    .tabbable.custom-tabs > .tab-content .map {
        width: 100%;
        height: 180px;
        margin-bottom: 20px;
        border: none;
        outline: none;
    }

    .tabbable.custom-tabs > .tab-content .custom-checkbox {
        margin-top: -2px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: normal;
        font-size: .8em;
        padding: 1px 3px;
    }

        .tabbable.custom-tabs > .tab-content .custom-checkbox > [class*="icon"] {
            visibility: hidden;
        }

        .tabbable.custom-tabs > .tab-content .custom-checkbox.active > [class*="icon"] {
            visibility: visible;
        }

    .tabbable.custom-tabs > .tab-content .socials a {
        color: #fff;
        display: block;
        border: none;
        margin: 0;
        padding: 30px 0;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 49.99%;
        text-align: center;
        vertical-align: middle;
        font-size: 1.5em;
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        float: left;
    }

@media screen and (max-width:980px) {
    .tabbable.custom-tabs > .tab-content .socials a {
        padding: 20px 0;
    }
}

.tabbable.custom-tabs > .tab-content .socials a:hover {
    -o-box-shadow: inset 0 0 0 80px rgba(0,0,0,.5);
    -ms-box-shadow: inset 0 0 0 80px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 0 0 80px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0 0 80px rgba(0,0,0,.5);
    box-shadow: inset 0 0 0 80px rgba(0,0,0,.5);
    text-decoration: none;
    cursor: pointer;
}

.tabbable.custom-tabs > .tab-content .socials a.facebook {
    background-color: #3b5998;
}

.tabbable.custom-tabs > .tab-content .socials a.twitter {
    background-color: #39a9e0;
}

.tabbable.custom-tabs > .tab-content .socials a.google-plus {
    background-color: #d14836;
}

.tabbable.custom-tabs > .tab-content .socials a.github {
    background-color: #505050;
}

.tabbable.custom-tabs > .tab-content .socials a.pinterest {
    background-color: #cb2027;
}

.tabbable.custom-tabs > .tab-content .socials a.linked-in {
    background-color: #007fb1;
}

.tabbable.custom-tabs.dark > .nav-tabs > li > a {
    background-color: #373737;
    color: #a9a9a9;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    .tabbable.custom-tabs.dark > .nav-tabs > li > a:hover {
        background-color: #414141;
    }

.tabbable.custom-tabs.dark > .nav-tabs > li.active > a {
    background-color: #464646;
    color: #e6e6e6;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    .tabbable.custom-tabs.dark > .nav-tabs > li.active > a:hover {
        border: none;
        background-color: #464646;
    }

.tabbable.custom-tabs.dark > .tab-content {
    background-color: #464646;
}

    .tabbable.custom-tabs.dark > .tab-content h4 {
        padding-bottom: 10px;
        border-bottom: 1px solid #2d2d2d;
        -o-text-shadow: none;
        -ms-text-shadow: none;
        -moz-text-shadow: none;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

    .tabbable.custom-tabs.dark > .tab-content .box {
        background-color: #3e3e3e;
    }

.tabbable.custom-tabs.dark.dark-input input, .tabbable.custom-tabs.dark.dark-input select, .tabbable.custom-tabs.dark.dark-input textarea, .tabbable.custom-tabs.dark.dark-input .dark-input {
    background-color: #535353;
    border-color: #393939;
    color: #e6e6e6;
}

.tabbable.custom-tabs.grey > .nav-tabs > li > a {
    background-color: #696969;
    color: #dbdbdb;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    .tabbable.custom-tabs.grey > .nav-tabs > li > a:hover {
        background-color: #737373;
    }

.tabbable.custom-tabs.grey > .nav-tabs > li.active > a {
    background-color: #787878;
    color: #f8f8f8;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    .tabbable.custom-tabs.grey > .nav-tabs > li.active > a:hover {
        border: none;
        background-color: #787878;
    }

.tabbable.custom-tabs.grey > .tab-content {
    background-color: #787878;
}

    .tabbable.custom-tabs.grey > .tab-content h4 {
        padding-bottom: 10px;
        border-bottom: 1px solid #5f5f5f;
        -o-text-shadow: none;
        -ms-text-shadow: none;
        -moz-text-shadow: none;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

    .tabbable.custom-tabs.grey > .tab-content .box {
        background-color: #707070;
    }

.tabbable.custom-tabs.grey.dark-input input, .tabbable.custom-tabs.grey.dark-input select, .tabbable.custom-tabs.grey.dark-input textarea, .tabbable.custom-tabs.grey.dark-input .dark-input {
    background-color: #858585;
    border-color: #6b6b6b;
    color: #f8f8f8;
}

.tabbable.custom-tabs.tabs-left > .nav-tabs > li > a, .tabbable.custom-tabs.tabs-right > .nav-tabs > li > a {
    margin-right: 0;
}

    .tabbable.custom-tabs.tabs-left > .nav-tabs > li > a > [class*="icon"], .tabbable.custom-tabs.tabs-right > .nav-tabs > li > a > [class*="icon"] {
        min-width: 20px;
    }

.tabbable.custom-tabs.tabs-left > .nav-tabs > li.active > a, .tabbable.custom-tabs.tabs-right > .nav-tabs > li.active > a {
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tabbable.custom-tabs.tabs-left > .nav-tabs > li > a {
    -o-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4);
    -ms-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4);
    -moz-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4);
    -webkit-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4);
    box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.tabs-left > .tab-content > .tab-pane {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: fadeInRight;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: fadeInRight;
    -o-backface-visibility: visible !important;
    -o-animation-name: fadeInRight;
    backface-visibility: visible !important;
    animation-name: fadeInRight;
    margin: 10px;
}

.tabbable.custom-tabs.tabs-right > .nav-tabs > li > a {
    -o-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4);
    -ms-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4);
    -moz-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4);
    box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.tabs-right > .tab-content {
    border-radius: 4px 0 4px 4px;
}

    .tabbable.custom-tabs.tabs-right > .tab-content > .tab-pane {
        -webkit-backface-visibility: visible !important;
        -webkit-animation-name: fadeInLeft;
        -moz-backface-visibility: visible !important;
        -moz-animation-name: fadeInLeft;
        -o-backface-visibility: visible !important;
        -o-animation-name: fadeInLeft;
        backface-visibility: visible !important;
        animation-name: fadeInLeft;
    }

.tabbable.custom-tabs.tabs-below > .nav-tabs > li > a {
    -o-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4);
    box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.tabs-below > .nav-tabs > li.active > a {
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tabbable.custom-tabs.tabs-below > .tab-content {
    border-radius: 4px 4px 4px 0;
}

    .tabbable.custom-tabs.tabs-below > .tab-content > .tab-pane {
        -webkit-backface-visibility: visible !important;
        -webkit-animation-name: fadeInDown;
        -moz-backface-visibility: visible !important;
        -moz-animation-name: fadeInDown;
        -o-backface-visibility: visible !important;
        -o-animation-name: fadeInDown;
        backface-visibility: visible !important;
        animation-name: fadeInDown;
    }

.tabbable.custom-tabs.tabs-animated > .tab-content > .tab-pane {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    overflow-x: hidden;
}

.tabbable.custom-tabs.flat > .nav-tabs > li > a, .tabbable.custom-tabs.flat > .nav-tabs > li.active a {
    border-radius: 0;
}

.tabbable.custom-tabs.flat > .tab-content {
    border-radius: 0;
}

.tabbable.custom-tabs.flat-all > .tab-content > .tab-pane input, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane select, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane textarea, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane .add-on, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane label, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane .btn, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane .btn-mini, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane .btn-small, .tabbable.custom-tabs.flat-all > .tab-content > .tab-pane .btn-large {
    border-radius: 0;
}

.tabbable.custom-tabs.mini > .nav-tabs > li > a {
    padding: 8px 10px;
}

.tabbable.custom-tabs.small > .nav-tabs > li > a {
    padding: 10px 15px;
}

.tabbable.custom-tabs.large > .nav-tabs > li > a {
    padding: 15px 20px;
}

.tabbable.custom-tabs.shadow > .nav-tabs > li > a {
    -o-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow > .nav-tabs > li.active > a {
    -o-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow.tabs-left > .nav-tabs > li > a {
    -o-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset -8px 0 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow.tabs-left > .nav-tabs > li.active > a {
    -o-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-3px -2px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-3px -2px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-3px -2px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-3px -2px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-3px -2px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow.tabs-right > .nav-tabs > li > a {
    -o-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4),2px -2px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4),2px -2px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4),2px -2px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4),2px -2px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 8px 0 7px -9px rgba(0,0,0,.4),2px -2px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow.tabs-right > .nav-tabs > li.active > a {
    -o-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),3px -2px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),3px -2px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),3px -2px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),3px -2px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),3px -2px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow.tabs-below > .nav-tabs > li > a {
    -o-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4),-2px 3px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4),-2px 3px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4),-2px 3px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4),-2px 3px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 0 8px 7px -9px rgba(0,0,0,.4),-2px 3px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow.tabs-below > .nav-tabs > li.active > a {
    -o-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px 2px 5px -2px rgba(0,0,0,.4);
    -ms-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px 2px 5px -2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px 2px 5px -2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px 2px 5px -2px rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px 2px 5px -2px rgba(0,0,0,.4);
}

.tabbable.custom-tabs.shadow > .tab-content {
    /*-o-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    box-shadow: 0 0 4px rgba(0,0,0,.4);*/
}

.tabbable.custom-tabs.shadow.papper-stack > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-BR > .tab-content {
    -o-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #f5f5f5,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #f5f5f5,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #f5f5f5,10px 10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #f5f5f5,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #f5f5f5,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #f5f5f5,10px 10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #f5f5f5,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #f5f5f5,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #f5f5f5,10px 10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #f5f5f5,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #f5f5f5,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #f5f5f5,10px 10px 0 rgba(0,0,0,.175);
    box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #f5f5f5,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #f5f5f5,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #f5f5f5,10px 10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack.grey > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.grey > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-BR.grey > .tab-content {
    -o-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #787878,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #787878,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #787878,10px 10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #787878,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #787878,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #787878,10px 10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #787878,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #787878,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #787878,10px 10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #787878,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #787878,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #787878,10px 10px 0 rgba(0,0,0,.175);
    box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #787878,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #787878,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #787878,10px 10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack.dark > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.dark > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-BR.dark > .tab-content {
    -o-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #464646,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #464646,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #464646,10px 10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #464646,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #464646,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #464646,10px 10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #464646,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #464646,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #464646,10px 10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #464646,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #464646,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #464646,10px 10px 0 rgba(0,0,0,.175);
    box-shadow: 1px 1px 0 rgba(0,0,0,.1),3px 3px 0 #464646,4px 4px 0 rgba(0,0,0,.125),6px 6px 0 #464646,7px 7px 0 rgba(0,0,0,.15),9px 9px 0 #464646,10px 10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-BL > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-right > .tab-content {
    -o-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #f5f5f5,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #f5f5f5,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #f5f5f5,-10px 10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #f5f5f5,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #f5f5f5,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #f5f5f5,-10px 10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #f5f5f5,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #f5f5f5,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #f5f5f5,-10px 10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #f5f5f5,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #f5f5f5,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #f5f5f5,-10px 10px 0 rgba(0,0,0,.175);
    box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #f5f5f5,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #f5f5f5,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #f5f5f5,-10px 10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-BL.grey > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-right.grey > .tab-content {
    -o-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #787878,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #787878,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #787878,-10px 10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #787878,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #787878,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #787878,-10px 10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #787878,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #787878,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #787878,-10px 10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #787878,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #787878,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #787878,-10px 10px 0 rgba(0,0,0,.175);
    box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #787878,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #787878,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #787878,-10px 10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-BL.dark > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-right.dark > .tab-content {
    -o-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #464646,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #464646,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #464646,-10px 10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #464646,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #464646,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #464646,-10px 10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #464646,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #464646,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #464646,-10px 10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #464646,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #464646,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #464646,-10px 10px 0 rgba(0,0,0,.175);
    box-shadow: -1px 1px 0 rgba(0,0,0,.1),-3px 3px 0 #464646,-4px 4px 0 rgba(0,0,0,.125),-6px 6px 0 #464646,-7px 7px 0 rgba(0,0,0,.15),-9px 9px 0 #464646,-10px 10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-LT > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-below > .tab-content {
    -o-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #f5f5f5,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #f5f5f5,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #f5f5f5,-10px -10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #f5f5f5,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #f5f5f5,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #f5f5f5,-10px -10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #f5f5f5,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #f5f5f5,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #f5f5f5,-10px -10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #f5f5f5,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #f5f5f5,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #f5f5f5,-10px -10px 0 rgba(0,0,0,.175);
    box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #f5f5f5,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #f5f5f5,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #f5f5f5,-10px -10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-LT.grey > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-below.grey > .tab-content {
    -o-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #787878,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #787878,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #787878,-10px -10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #787878,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #787878,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #787878,-10px -10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #787878,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #787878,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #787878,-10px -10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #787878,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #787878,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #787878,-10px -10px 0 rgba(0,0,0,.175);
    box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #787878,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #787878,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #787878,-10px -10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-LT.dark > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-below.dark > .tab-content {
    -o-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #464646,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #464646,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #464646,-10px -10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #464646,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #464646,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #464646,-10px -10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #464646,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #464646,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #464646,-10px -10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #464646,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #464646,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #464646,-10px -10px 0 rgba(0,0,0,.175);
    box-shadow: -1px -1px 0 rgba(0,0,0,.1),-3px -3px 0 #464646,-4px -4px 0 rgba(0,0,0,.125),-6px -6px 0 #464646,-7px -7px 0 rgba(0,0,0,.15),-9px -9px 0 #464646,-10px -10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-TR > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-below > .tab-content {
    -o-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #f5f5f5,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #f5f5f5,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #f5f5f5,10px -10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #f5f5f5,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #f5f5f5,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #f5f5f5,10px -10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #f5f5f5,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #f5f5f5,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #f5f5f5,10px -10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #f5f5f5,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #f5f5f5,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #f5f5f5,10px -10px 0 rgba(0,0,0,.175);
    box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #f5f5f5,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #f5f5f5,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #f5f5f5,10px -10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-TR.grey > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-below.grey > .tab-content {
    -o-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #787878,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #787878,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #787878,10px -10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #787878,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #787878,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #787878,10px -10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #787878,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #787878,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #787878,10px -10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #787878,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #787878,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #787878,10px -10px 0 rgba(0,0,0,.175);
    box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #787878,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #787878,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #787878,10px -10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow.papper-stack-TR.dark > .tab-content, .tabbable.custom-tabs.shadow.papper-stack-auto.tabs-below.dark > .tab-content {
    -o-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #464646,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #464646,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #464646,10px -10px 0 rgba(0,0,0,.175);
    -ms-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #464646,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #464646,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #464646,10px -10px 0 rgba(0,0,0,.175);
    -moz-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #464646,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #464646,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #464646,10px -10px 0 rgba(0,0,0,.175);
    -webkit-box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #464646,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #464646,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #464646,10px -10px 0 rgba(0,0,0,.175);
    box-shadow: 1px -1px 0 rgba(0,0,0,.1),3px -3px 0 #464646,4px -4px 0 rgba(0,0,0,.125),6px -6px 0 #464646,7px -7px 0 rgba(0,0,0,.15),9px -9px 0 #464646,10px -10px 0 rgba(0,0,0,.175);
}

.tabbable.custom-tabs.shadow-box-only > .tab-content {
    -o-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
}

@media screen and (max-width:980px) {
    .tabbable.custom-tabs.hide-label-980 > .nav-tabs > li > a {
        min-width: 0;
        text-align: center;
        padding: 15px;
    }

        .tabbable.custom-tabs.hide-label-980 > .nav-tabs > li > a > span {
            display: none;
        }

        .tabbable.custom-tabs.hide-label-980 > .nav-tabs > li > a > [class*="icon"] {
            font-size: 2em;
            text-align: center;
            min-width: 0;
        }
}

@media screen and (max-width:768px) {
    .tabbable.custom-tabs.hide-label-768 > .nav-tabs > li > a {
        min-width: 0;
        text-align: center;
        padding: 15px;
    }

        .tabbable.custom-tabs.hide-label-768 > .nav-tabs > li > a > span {
            display: none;
        }

        .tabbable.custom-tabs.hide-label-768 > .nav-tabs > li > a > [class*="icon"] {
            font-size: 2em;
            text-align: center;
            min-width: 0;
        }
}

@media screen and (max-width:480px) {
    .tabbable.custom-tabs.hide-label-480 > .nav-tabs > li > a {
        min-width: 0;
        text-align: center;
        padding: 15px;
    }

        .tabbable.custom-tabs.hide-label-480 > .nav-tabs > li > a > span {
            display: none;
        }

        .tabbable.custom-tabs.hide-label-480 > .nav-tabs > li > a > [class*="icon"] {
            font-size: 2em;
            text-align: center;
            min-width: 0;
        }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.modal-form {
    background-color: transparent;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 10%;
    bottom: 0;
    padding: 20px;
    left: 0;
    right: 0;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

@media screen and (max-width:768px) {
    .modal-form {
        padding: 0 10px;
    }
}

@font-face {
    font-family: 'icomoon';
    src: url('/fonts/Custom/icomoon 2/icomoon.eot?linqin');
    src: url('/fonts/Custom/icomoon 2/icomoon.eot?linqin#iefix') format('embedded-opentype'), url('/fonts/Custom/icomoon 2/icomoon.ttf?linqin') format('truetype'), url('/fonts/Custom/icomoon 2/icomoon.woff?linqin') format('woff'), url('/fonts/Custom/icomoon 2/icomoon.svg?linqin#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' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* padding-top :10px; */
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-toilet:before {
    content: "\e900";
}

.icon-icon-cutlery:before {
    content: "\e901";
}

/* 
    Created on : Mar 19, 2014, 9:48:25 AM
    Author     : @arboshiki
*/
/* 
    Created on : Sep 19, 2014, 1:47:13 PM
    Author     : @arboshiki
*/
/*
    Author      : @arboshiki
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700,400,300);
/* 
    Created on : Aug 11, 2014, 5:14:12 PM
    Author     : @arboshiki
*/
.animated-super-fast {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-fast {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-slow {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes jumpUp {
    0% {
        -webkit-transform: translate3d(0, calc(230%), 0) scale3d(0, 1, 1);
        -webkit-animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1);
        -webkit-animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@keyframes jumpUp {
    0% {
        transform: translate3d(0, calc(230%), 0) scale3d(0, 1, 1);
        animation-timing-function: ease-in;
    }

    40% {
        transform: translate3d(0, 0, 0) scale3d(0.02, 1.1, 1);
        animation-timing-function: ease-out;
    }

    70% {
        transform: translate3d(0, -40px, 0) scale3d(0.8, 1.1, 1);
    }

    100% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8);
    }

    50% {
        -webkit-transform: scale(0.95);
    }

    80% {
        -webkit-transform: scale(1.05);
    }

    90% {
        -webkit-transform: scale(0.98);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8);
    }

    50% {
        transform: scale(0.95);
    }

    80% {
        transform: scale(1.05);
    }

    90% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes fadeInScale {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInScale {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.jumpUp {
    -webkit-animation-name: jumpUp;
    animation-name: jumpUp;
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
}

.fadeInScale {
    animation-name: fadeInScale;
    -webkit-animation-name: fadeInScale;
}
/* 
    Created on : Sep 19, 2014, 1:47:04 PM
    Author     : @arboshiki
*/
body.lobibox-open {
    overflow: hidden;
}

.lobibox {
    position: fixed;
    z-index: 4001;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
    /*width: 43% !important;*/
}

    .lobibox * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .lobibox .lobibox-header {
        font-size: 20px;
        padding: 5px 10px;
        color: #eeeeee;
    }

        .lobibox .lobibox-header .btn-close {
            float: right;
            background-color: transparent;
            cursor: pointer;
            border: none;
            outline: 0;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            .lobibox .lobibox-header .btn-close:hover {
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
            }

    .lobibox .lobibox-body {
        overflow: hidden;
        display: table;
        position: relative;
        width: 100%;
        padding: 15px 20px;
        background-color: rgba(255, 255, 255, 0.98);
        font-size: 16px;
    }

        .lobibox .lobibox-body .lobibox-icon-wrapper {
            position: relative;
            height: 100%;
            display: table;
            font-size: 60px;
        }

            .lobibox .lobibox-body .lobibox-icon-wrapper .lobibox-icon {
                display: table-cell;
                vertical-align: middle;
            }

        .lobibox .lobibox-body .lobibox-body-text-wrapper {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            padding-left: 10px;
        }

    .lobibox .lobibox-footer {
        text-align: center;
        padding: 6px;
    }

        .lobibox .lobibox-footer > * {
            margin: 0 10px 0 0;
        }

        .lobibox .lobibox-footer.text-center {
            text-align: center;
        }

        .lobibox .lobibox-footer.text-left {
            text-align: left;
        }

        .lobibox .lobibox-footer.text-right {
            text-align: right;
        }

    .lobibox.lobibox-confirm {
        border: none;
    }

        .lobibox.lobibox-confirm .lobibox-header {
            color: #eeeeee;
            background-color: #282f3b;
            min-height: 33px!important;
        }

        .lobibox.lobibox-confirm .lobibox-body .lobibox-icon {
            color: #977345;
        }

        .lobibox.lobibox-confirm .lobibox-footer {
            background-color: #282f3b;
        }

    .lobibox.lobibox-success {
        border: 1px solid #29B87E;
    }

        .lobibox.lobibox-success .lobibox-header {
            color: #eeeeee;
            background-color: #29B87E;
        }

        .lobibox.lobibox-success .lobibox-body .lobibox-icon {
            color: #29B87E;
        }

        .lobibox.lobibox-success .lobibox-footer {
            background-color: #40d498;
        }

    .lobibox.lobibox-error {
        border: 1px solid #CA2121;
    }

        .lobibox.lobibox-error .lobibox-header {
            color: #eeeeee;
            background-color: rgba(202, 33, 33, 0.8);
        }

        .lobibox.lobibox-error .lobibox-body .lobibox-icon {
            color: #CA2121;
        }

        .lobibox.lobibox-error .lobibox-footer {
            background-color: rgba(202, 33, 33, 0.8);
        }

    .lobibox.lobibox-info {
        border: 1px solid #2E79B4;
    }

        .lobibox.lobibox-info .lobibox-header {
            color: #eeeeee;
            background-color: #2E79B4;
        }

        .lobibox.lobibox-info .lobibox-body .lobibox-icon {
            color: #2E79B4;
        }

        .lobibox.lobibox-info .lobibox-footer {
            background-color: #4593d0;
        }

    .lobibox.lobibox-warning {
        border: 1px solid #314151;
    }

        .lobibox.lobibox-warning .lobibox-header {
            color: #eeeeee;
            background-color: #314151 !important;
        }

        .lobibox.lobibox-warning .lobibox-body .fa-exclamation-triangle {
            color: #ffc61d;
        }

        .lobibox.lobibox-warning .lobibox-footer {
            background-color: #314151 !important;
        }

    .lobibox.lobibox-prompt {
        border: none;
    }

        .lobibox.lobibox-prompt .lobibox-header {
            color: #eeeeee;
            background-color: #3c2d2d;
        }

        .lobibox.lobibox-prompt .lobibox-body {
            padding: 20px;
        }

            .lobibox.lobibox-prompt .lobibox-body .lobibox-input {
                min-height: 38px;
                border: 1px solid #21cb91;
                width: 100%;
                padding: 5px;
                font-size: 18px;
                outline: 0;
            }

                .lobibox.lobibox-prompt .lobibox-body .lobibox-input:focus {
                    background-color: #EEE;
                }

                .lobibox.lobibox-prompt .lobibox-body .lobibox-input.invalid {
                    border-color: #DC2B2A;
                }

            .lobibox.lobibox-prompt .lobibox-body .lobibox-input-error-message {
                margin-top: 5px;
                margin-bottom: 0;
                font-size: 13px;
                color: #DC2B2A;
            }

        .lobibox.lobibox-prompt .lobibox-footer {
            background-color: #594343;
        }

    .lobibox.lobibox-progress .lobibox-header {
        background-color: #2F5D6D;
    }

    .lobibox.lobibox-progress .lobibox-body {
        padding: 15px;
        font-size: 16px;
    }

        .lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper {
            position: relative;
            height: 20px;
            border: 1px solid #c3c3c3;
            border-radius: 10px;
            background-color: #d5d5d5;
        }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-bar {
                width: 0;
                border-radius: 10px;
                background-color: #468ba2;
                height: 100%;
                text-align: center;
            }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-text {
                position: absolute;
                text-align: center;
                top: 0;
                width: 100%;
            }

        .lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer {
            margin-bottom: 0;
        }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer .progress-bar {
                transition: none;
            }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer [data-role="progress-text"] {
                font-weight: bold;
                color: rgba(0, 0, 0, 0.7);
            }

    .lobibox.lobibox-window {
        border: 3px solid #225EB8;
        border-radius: 6px;
    }

        .lobibox.lobibox-window .lobibox-header {
            background-color: #225EB8;
            color: #eeeeee;
            font-size: 18px;
        }

        .lobibox.lobibox-window .lobibox-body {
            overflow: auto;
            display: block;
            font-size: 14px;
            padding: 15px;
            background-color: #f5f8fd;
        }

        .lobibox.lobibox-window .lobibox-footer {
            background-color: #8ab0e9;
        }

        .lobibox.lobibox-window :last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    .lobibox.draggable .lobibox-header {
        cursor: move;
    }

    .lobibox .lobibox-btn {
        display: inline-block;
        padding: 8px 14px;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 2px;
        line-height: initial;
    }

        .lobibox .lobibox-btn.lobibox-btn-cancel {
            color: #FFF;
            background-color: #CA2121;
            border-color: #CA2121;
        }

            .lobibox .lobibox-btn.lobibox-btn-cancel:hover,
            .lobibox .lobibox-btn.lobibox-btn-cancel:focus,
            .lobibox .lobibox-btn.lobibox-btn-cancel.focus,
            .lobibox .lobibox-btn.lobibox-btn-cancel:active,
            .lobibox .lobibox-btn.lobibox-btn-cancel.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel {
                color: #FFF;
                background-color: #9e1a1a;
                border-color: #951818;
            }

            .lobibox .lobibox-btn.lobibox-btn-cancel:active,
            .lobibox .lobibox-btn.lobibox-btn-cancel.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel {
                background-image: none;
            }

            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled,
            .lobibox .lobibox-btn.lobibox-btn-cancel[disabled],
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel,
            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled:hover,
            .lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:hover,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:hover,
            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled:focus,
            .lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:focus,
            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled.focus,
            .lobibox .lobibox-btn.lobibox-btn-cancel[disabled].focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.focus,
            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled:active,
            .lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:active,
            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled.active,
            .lobibox .lobibox-btn.lobibox-btn-cancel[disabled].active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.active {
                background-color: #CA2121;
                border-color: #CA2121;
            }

            .lobibox .lobibox-btn.lobibox-btn-cancel .badge {
                color: #CA2121;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-yes {
            color: #FFF;
            background-color: #977345;
            border-color: #282f3b;
        }

            .lobibox .lobibox-btn.lobibox-btn-yes:hover,
            .lobibox .lobibox-btn.lobibox-btn-yes:focus,
            .lobibox .lobibox-btn.lobibox-btn-yes.focus,
            .lobibox .lobibox-btn.lobibox-btn-yes:active,
            .lobibox .lobibox-btn.lobibox-btn-yes.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes {
                color: #FFF;
                background-color: #282f3b;
                border-color: #977345;
            }

            .lobibox .lobibox-btn.lobibox-btn-yes:active,
            .lobibox .lobibox-btn.lobibox-btn-yes.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes {
                background-image: none;
            }

            .lobibox .lobibox-btn.lobibox-btn-yes.disabled,
            .lobibox .lobibox-btn.lobibox-btn-yes[disabled],
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes,
            .lobibox .lobibox-btn.lobibox-btn-yes.disabled:hover,
            .lobibox .lobibox-btn.lobibox-btn-yes[disabled]:hover,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:hover,
            .lobibox .lobibox-btn.lobibox-btn-yes.disabled:focus,
            .lobibox .lobibox-btn.lobibox-btn-yes[disabled]:focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:focus,
            .lobibox .lobibox-btn.lobibox-btn-yes.disabled.focus,
            .lobibox .lobibox-btn.lobibox-btn-yes[disabled].focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.focus,
            .lobibox .lobibox-btn.lobibox-btn-yes.disabled:active,
            .lobibox .lobibox-btn.lobibox-btn-yes[disabled]:active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:active,
            .lobibox .lobibox-btn.lobibox-btn-yes.disabled.active,
            .lobibox .lobibox-btn.lobibox-btn-yes[disabled].active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.active {
                background-color: #29B87E;
                border-color: #29B87E;
            }

            .lobibox .lobibox-btn.lobibox-btn-yes .badge {
                color: #29B87E;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-no {
            color: #FFF;
            background-color: #977345;
            border-color: #282f3b;
        }

            .lobibox .lobibox-btn.lobibox-btn-no:hover,
            .lobibox .lobibox-btn.lobibox-btn-no:focus,
            .lobibox .lobibox-btn.lobibox-btn-no.focus,
            .lobibox .lobibox-btn.lobibox-btn-no:active,
            .lobibox .lobibox-btn.lobibox-btn-no.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no {
                color: #FFF;
                background-color: #282f3b;
                border-color: #977345;
            }

            .lobibox .lobibox-btn.lobibox-btn-no:active,
            .lobibox .lobibox-btn.lobibox-btn-no.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no {
                background-image: none;
            }

            .lobibox .lobibox-btn.lobibox-btn-no.disabled,
            .lobibox .lobibox-btn.lobibox-btn-no[disabled],
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no,
            .lobibox .lobibox-btn.lobibox-btn-no.disabled:hover,
            .lobibox .lobibox-btn.lobibox-btn-no[disabled]:hover,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:hover,
            .lobibox .lobibox-btn.lobibox-btn-no.disabled:focus,
            .lobibox .lobibox-btn.lobibox-btn-no[disabled]:focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:focus,
            .lobibox .lobibox-btn.lobibox-btn-no.disabled.focus,
            .lobibox .lobibox-btn.lobibox-btn-no[disabled].focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.focus,
            .lobibox .lobibox-btn.lobibox-btn-no.disabled:active,
            .lobibox .lobibox-btn.lobibox-btn-no[disabled]:active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:active,
            .lobibox .lobibox-btn.lobibox-btn-no.disabled.active,
            .lobibox .lobibox-btn.lobibox-btn-no[disabled].active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.active {
                background-color: #0760B3;
                border-color: #0760B3;
            }

            .lobibox .lobibox-btn.lobibox-btn-no .badge {
                color: #0760B3;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-ok {
            color: #FFF;
            background-color: #0760B3;
            border-color: #0760B3;
        }

            .lobibox .lobibox-btn.lobibox-btn-ok:hover,
            .lobibox .lobibox-btn.lobibox-btn-ok:focus,
            .lobibox .lobibox-btn.lobibox-btn-ok.focus,
            .lobibox .lobibox-btn.lobibox-btn-ok:active,
            .lobibox .lobibox-btn.lobibox-btn-ok.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok {
                color: #FFF;
                background-color: #054682;
                border-color: #054078;
            }

            .lobibox .lobibox-btn.lobibox-btn-ok:active,
            .lobibox .lobibox-btn.lobibox-btn-ok.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok {
                background-image: none;
            }

            .lobibox .lobibox-btn.lobibox-btn-ok.disabled,
            .lobibox .lobibox-btn.lobibox-btn-ok[disabled],
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok,
            .lobibox .lobibox-btn.lobibox-btn-ok.disabled:hover,
            .lobibox .lobibox-btn.lobibox-btn-ok[disabled]:hover,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:hover,
            .lobibox .lobibox-btn.lobibox-btn-ok.disabled:focus,
            .lobibox .lobibox-btn.lobibox-btn-ok[disabled]:focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:focus,
            .lobibox .lobibox-btn.lobibox-btn-ok.disabled.focus,
            .lobibox .lobibox-btn.lobibox-btn-ok[disabled].focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.focus,
            .lobibox .lobibox-btn.lobibox-btn-ok.disabled:active,
            .lobibox .lobibox-btn.lobibox-btn-ok[disabled]:active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:active,
            .lobibox .lobibox-btn.lobibox-btn-ok.disabled.active,
            .lobibox .lobibox-btn.lobibox-btn-ok[disabled].active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.active {
                background-color: #0760B3;
                border-color: #0760B3;
            }

            .lobibox .lobibox-btn.lobibox-btn-ok .badge {
                color: #0760B3;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-default {
            color: #000;
            background-color: #e2e2e2;
            border-color: #dadada;
        }

            .lobibox .lobibox-btn.lobibox-btn-default:hover,
            .lobibox .lobibox-btn.lobibox-btn-default:focus,
            .lobibox .lobibox-btn.lobibox-btn-default.focus,
            .lobibox .lobibox-btn.lobibox-btn-default:active,
            .lobibox .lobibox-btn.lobibox-btn-default.active,
            .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default {
                color: #000;
                background-color: #c9c9c9;
                border-color: #bcbcbc;
            }

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

            .lobibox .lobibox-btn.lobibox-btn-default.disabled,
            .lobibox .lobibox-btn.lobibox-btn-default[disabled],
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default,
            .lobibox .lobibox-btn.lobibox-btn-default.disabled:hover,
            .lobibox .lobibox-btn.lobibox-btn-default[disabled]:hover,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:hover,
            .lobibox .lobibox-btn.lobibox-btn-default.disabled:focus,
            .lobibox .lobibox-btn.lobibox-btn-default[disabled]:focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:focus,
            .lobibox .lobibox-btn.lobibox-btn-default.disabled.focus,
            .lobibox .lobibox-btn.lobibox-btn-default[disabled].focus,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.focus,
            .lobibox .lobibox-btn.lobibox-btn-default.disabled:active,
            .lobibox .lobibox-btn.lobibox-btn-default[disabled]:active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:active,
            .lobibox .lobibox-btn.lobibox-btn-default.disabled.active,
            .lobibox .lobibox-btn.lobibox-btn-default[disabled].active,
            fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.active {
                background-color: #e2e2e2;
                border-color: #dadada;
            }

            .lobibox .lobibox-btn.lobibox-btn-default .badge {
                color: #e2e2e2;
                background-color: #000;
            }

    .lobibox.lobibox-hidden {
        display: none;
    }

.lobibox-backdrop {
    position: fixed;
    z-index: 4000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
/*
    Created on : Sep 19, 2014, 2:01:43 PM
    Author     : @arboshiki
*/
.lobibox-notify-wrapper {
    z-index: 5000;
    position: fixed;
}

    .lobibox-notify-wrapper.top {
        top: 0px;
    }

    .lobibox-notify-wrapper.bottom {
        bottom: 0px;
    }

    .lobibox-notify-wrapper.left {
        left: 0px;
        margin-right: 0px;
    }

    .lobibox-notify-wrapper.right {
        right: 0px;
        margin-left: 0px;
    }

        .lobibox-notify-wrapper.right .lobibox-notify {
            margin-left: auto;
        }

    .lobibox-notify-wrapper.center {
        left: 50%;
    }

.lobibox-notify-wrapper-large {
    z-index: 5000;
    position: fixed;
}

    .lobibox-notify-wrapper-large.top {
        top: 0px;
    }

    .lobibox-notify-wrapper-large.bottom {
        bottom: 0px;
    }

    .lobibox-notify-wrapper-large.left {
        left: 0px;
    }

        .lobibox-notify-wrapper-large.left .lb-notify-tabs > li {
            float: left;
            margin-left: 0;
            margin-right: 2px;
        }

    .lobibox-notify-wrapper-large.right {
        right: 0px;
    }

    .lobibox-notify-wrapper-large .lb-notify-tabs {
        list-style: none;
        padding: 0;
        margin: 0 0 -5px 0;
    }

        .lobibox-notify-wrapper-large .lb-notify-tabs > li {
            float: right;
            margin-left: 2px;
        }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li > a {
                text-align: center;
                display: table;
                text-decoration: none;
                font-size: 18px;
                height: 32px;
                color: #FFF;
                width: 28px;
                opacity: 0.6;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:hover,
                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:active,
                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:focus,
                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:hover:active {
                    color: #FFF;
                }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a .tab-control-icon {
                    display: table-cell;
                    vertical-align: middle;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-default > a {
                background-color: rgba(28, 28, 28, 0.9);
                border-color: #141414;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-default > a:hover {
                    background-color: #1c1c1c;
                    border-color: #0f0f0f;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-error > a {
                background-color: rgba(202, 33, 33, 0.9);
                border-color: #bd1f1f;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-error > a:hover {
                    background-color: #CA2121;
                    border-color: #b41d1d;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-success > a {
                background-color: rgba(41, 184, 126, 0.9);
                border-color: #26ab75;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-success > a:hover {
                    background-color: #29B87E;
                    border-color: #24a370;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-warning > a {
                background-color: rgba(206, 129, 46, 0.9);
                border-color: #c1792b;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-warning > a:hover {
                    background-color: #CE812E;
                    border-color: #b97429;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-info > a {
                background-color: rgba(46, 121, 180, 0.9);
                border-color: #2b71a8;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-info > a:hover {
                    background-color: #2E79B4;
                    border-color: #296ba0;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.active > a {
                opacity: 1;
            }

        .lobibox-notify-wrapper-large .lb-notify-tabs:after {
            content: "";
            display: block;
            clear: both;
        }

    .lobibox-notify-wrapper-large .lb-notify-wrapper {
        background-color: transparent;
        padding: 0;
        border: none;
    }

        .lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane {
            display: none;
        }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane.active {
                display: block;
            }

        .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify {
            min-height: 150px;
        }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon-wrapper {
                width: 100px;
            }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon > div .icon-el {
                font-size: 78px;
            }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-body {
                margin: 13px 20px;
                margin-left: 130px;
            }

.lobibox-notify {
    position: relative;
    min-height: 85px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 7px 0;
    border-radius: 0;
    border: 1px solid transparent;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

    .lobibox-notify .lobibox-notify-icon-wrapper {
        position: absolute;
        left: 15px;
        width: 60px;
        height: 100%;
    }

    .lobibox-notify .lobibox-notify-icon {
        display: table;
        width: 100%;
        height: 100%;
    }

        .lobibox-notify .lobibox-notify-icon > div {
            display: table-cell;
            vertical-align: middle;
        }

            .lobibox-notify .lobibox-notify-icon > div > img {
                width: 100%;
                max-width: 100%;
                margin-top: 3px;
                border-radius: 4px;
            }

            .lobibox-notify .lobibox-notify-icon > div .icon-el {
                text-align: center;
                font-size: 55px;
            }

    .lobibox-notify .lobibox-notify-body {
        margin: 10px 20px;
        margin-left: 90px;
    }

    .lobibox-notify .lobibox-notify-title {
        font-size: 20px;
    }

    .lobibox-notify .lobibox-notify-msg {
        overflow: hidden;
    }

    .lobibox-notify .lobibox-close {
        position: absolute;
        text-align: center;
        border-radius: 50%;
        right: 10px;
        top: 10px;
        font-size: 20px;
        line-height: 19px;
        width: 19px;
        height: 19px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .lobibox-notify .lobibox-close:hover {
            background-color: rgba(0, 0, 0, 0.5);
            font-weight: bold;
        }

    .lobibox-notify .lobibox-delay-indicator {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
    }

        .lobibox-notify .lobibox-delay-indicator > div {
            position: relative;
            height: 100%;
            width: 0;
            background-color: #e8e8e8;
        }

    .lobibox-notify.lobibox-notify-default {
        border-color: #0f0f0f;
        background-color: #1c1c1c;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-default:hover {
            background-color: #1c1c1c;
            border-color: #FFF;
        }

        .lobibox-notify.lobibox-notify-default .lobibox-close:hover {
            background-color: #4f4f4f;
        }

    .lobibox-notify.lobibox-notify-error {
        border-color: #b41d1d;
        background-color: #CA2121;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-error:hover {
            background-color: #CA2121;
            border-color: #FFF;
        }

    .lobibox-notify.lobibox-notify-success {
        border-color: #24a370;
        background-color: #29B87E;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-success:hover {
            background-color: #29B87E;
            border-color: #FFF;
        }

    .lobibox-notify.lobibox-notify-warning {
        border-color: #b97429;
        background-color: #CE812E;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-warning:hover {
            background-color: #CE812E;
            border-color: #FFF;
        }

    .lobibox-notify.lobibox-notify-info {
        border-color: #296ba0;
        background-color: #2E79B4;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-info:hover {
            background-color: #2E79B4;
            border-color: #FFF;
        }

    .lobibox-notify.rounded {
        border-radius: 30px;
    }

    .lobibox-notify:hover {
        cursor: pointer;
        -webkit-box-shadow: 3px 3px 10px #aaa;
        box-shadow: 3px 3px 10px #aaa;
    }

    .lobibox-notify.notify-mini {
        min-height: 36px;
    }

        .lobibox-notify.notify-mini .lobibox-notify-title {
            margin-top: -5px;
            font-size: 20px;
            line-height: 22px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-msg {
            line-height: 16px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-icon-wrapper {
            left: 12px;
            width: 32px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-icon > div .icon-el {
            font-size: 32px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-body {
            margin: 15px 30px 15px 56px;
        }

    .lobibox-notify.without-icon .lobibox-notify-body {
        margin-left: 20px;
    }

/** 
 * 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.                                                                                                      
*/

@-ms-viewport {
    width: device-width;
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1
}

@media (orientation:landscape) {
    .km-tablet .km-on-ios.km-horizontal.km-web:not(.km-ios-chrome) {
        position: fixed;
        bottom: 0
    }
}

.km-root {
    font-size: .92em
}

    .km-root.km-retina input, .km-root.km-retina select, .km-root.km-retina textarea {
        font-size: 1em
    }

    .km-root a {
        color: inherit
    }

.km-tablet {
    font-size: 1em
}

.km-root :focus {
    outline-width: 0
}

.km-pane, .km-pane-wrapper, .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: initial;
    overflow-x: hidden
}

.km-pane-wrapper {
    position: absolute
}

.km-pane, .km-shim {
    font-family: sans-serif
}

.km-pane {
    overflow-x: hidden;
    position: relative
}

.km-vertical .km-collapsible-pane {
    position: absolute;
    z-index: 2 !important;
    -webkit-transition: -webkit-transform 350ms ease-out;
    transition: transform 350ms ease-out;
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-vertical .km-expanded-splitview .km-collapsible-pane {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.km-expanded-pane-shim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.km-expanded-splitview .km-expanded-pane-shim {
    display: block;
    z-index: 1
}

.km-root > * {
    margin: 0;
    padding: 0
}

.km-root * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.km-content {
    display: block
}

.km-split-content, .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: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /*flex-align: stretch;*/
    width: auto;
    overflow: hidden;
    position: relative
}

    .km-content h1, .km-content h2, .km-content h3, .km-content h4, .km-content h5, .km-content h6, .km-content p {
        margin-left: 1rem;
        margin-right: 1rem
    }

.km-footer, .km-header {
    display: block;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.km-header {
    padding: 0
}

.km-footer {
    background: #1a1a1a
}

[data-role=layout] {
    display: none
}

[data-role=view], [data-role=drawer], kendo-mobile-drawer, kendo-mobile-split-view, kendo-mobile-view {
    visibility: hidden
}

.km-view {
    visibility: visible
}

.km-footer, .km-header {
    position: relative;
    z-index: 1
}

@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
    .km-view {
        display: table
    }

    .km-content, .km-footer, .km-header {
        display: table-row
    }

    .km-footer, .km-header {
        height: 1px
    }
}

.km-blackberry li.km-actionsheet-cancel > a, .km-button, .km-buttongroup, .km-navbar, .km-root .k-toolbar, .km-tabstrip {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-background-origin: border-box;
    background-origin: border-box;
    position: relative;
    display: inline-block;
    padding: .4em .7em;
    margin: .1rem;
    overflow: visible;
    text-decoration: none
}

.km-navbar, .km-root .k-toolbar, .km-tabstrip {
    display: block;
    padding: .8em;
    margin: 0;
    width: 100%;
    border-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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
}

.km-default-content {
    padding: 1em
}

.km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100% !important;
    background: rgba(0,0,0,.6);
    z-index: 10001;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-root .km-shim {
    position: absolute
}

.km-shim:before {
    content: "\a0";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.km-shim .k-animation-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    width: auto
}

.km-loader {
    top: 50%;
    left: 50%;
    width: 180px;
    height: 130px;
    z-index: 100000;
    padding: 30px 30px;
    position: absolute;
    margin-top: -70px;
    margin-left: -90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.5)
}

    .km-loader h1 {
        font-size: 1rem;
        color: #fff;
        text-align: center;
        vertical-align: middle
    }

    .km-load-more .km-icon, .km-loader .km-loading, .km-scroller-refresh .km-icon {
        -webkit-animation: km-spin 1s infinite linear;
        animation: km-spin 1s infinite linear;
        display: block;
        margin: 0 auto;
        width: 35px;
        height: 35px;
        font-size: 35px
    }

        .km-load-more .km-icon:after, .km-loader .km-loading:after {
            color: #ccc
        }

.km-loading-left, .km-loading-right {
    display: none
}

@-webkit-keyframes km-spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes km-ios-spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes km-ios-spin1 {
    from {
        -webkit-transform: rotate(-135deg)
    }

    to {
        -webkit-transform: rotate(225deg)
    }
}

@keyframes km-ios-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes km-ios-spin1 {
    from {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    to {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

.km-stretched-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .km-stretched-view > * {
        width: 100%
    }

    .km-stretched-view > .km-pane-wrapper {
        position: static
    }

        .km-stretched-view > .km-pane-wrapper > .km-pane {
            position: static
        }

.km-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 100000
}

.km-root.km-native-scrolling, .km-root.km-native-scrolling .km-splitview .km-pane, .km-root.km-native-scrolling .km-view {
    min-height: 100%;
    height: auto;
    -webkit-transform: none;
    overflow-x: visible
}

.km-native-scrolling, .km-native-scrolling .km-pane, .km-native-scrolling .km-view {
    -ms-touch-action: auto
}

    .km-native-scrolling .km-pane, .km-native-scrolling .km-view {
        display: block
    }

    .km-native-scrolling .km-content {
        -ms-flex: auto
    }

    .km-native-scrolling .km-blackberry .km-content {
        min-height: auto
    }

    .km-native-scrolling .km-splitview {
        position: absolute
    }

    .km-native-scrolling .km-header {
        position: fixed;
        top: 0
    }

    .km-native-scrolling .km-android .km-header {
        top: auto;
        bottom: 0
    }

    .km-native-scrolling .km-footer {
        position: fixed;
        bottom: 0
    }

    .km-native-scrolling .km-android .km-footer {
        top: 0;
        bottom: auto
    }

    .km-native-scrolling .km-badge {
        z-index: auto
    }

    .km-native-scrolling .km-popup.km-pane .km-footer, .km-native-scrolling .km-popup.km-pane .km-header, .km-native-scrolling .km-splitview .km-footer, .km-native-scrolling .km-splitview .km-header {
        position: absolute
    }

    .km-native-scrolling .km-modalview .km-footer, .km-native-scrolling .km-modalview .km-header {
        position: relative
    }

    .km-native-scrolling .km-content {
        width: 100%
    }

    .km-native-scrolling .km-popup-overlay, .km-native-scrolling .km-shim {
        position: fixed;
        top: 0;
        bottom: 0;
        height: auto !important
    }

    .km-native-scrolling .km-drawer {
        position: fixed;
        top: 0;
        height: 100% !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch
    }

    .km-native-scrolling > .km-pane > .km-loader {
        position: fixed
    }

    .km-native-scrolling .km-footer, .km-native-scrolling .km-header {
        z-index: 2
    }

.km-state-disabled {
    opacity: .5
}

.km-badge, .km-detail {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    height: 2em;
    font-size: .6rem;
    text-shadow: none
}

.km-badge {
    top: -1em;
    right: -1em;
    line-height: 2em;
    margin-left: .5em;
    min-width: .9em;
    padding: 0 .55em;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.km-tabstrip .km-badge {
    top: -.2em;
    right: auto;
    margin-left: -1em
}

.km-detail {
    position: absolute;
    float: right;
    right: .8rem;
    top: 50%;
    margin-top: -.7rem;
    width: 1.3rem;
    height: 1.3rem;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-widget .km-detaildisclose {
    font-size: .8em
}

.k-ff .km-detail {
    width: 1rem;
    height: 1rem
}

.km-detail .km-text {
    display: none
}

.km-detail .km-icon, .km-widget .km-contactadd:after, .km-widget .km-contactadd:before, .km-widget .km-detaildisclose:after, .km-widget .km-detaildisclose:before, .km-widget .km-rowdelete:after, .km-widget .km-rowdelete:before, .km-widget .km-rowinsert:after, .km-widget .km-rowinsert:before {
    left: .15em;
    top: .15em;
    line-height: 1em;
    font-size: 1em;
    position: absolute
}

.km-widget .km-detaildisclose:after {
    left: .1em;
    top: .25em;
    text-align: center;
    font-weight: 700
}

.km-button {
    cursor: pointer;
    outline: 0;
    text-align: center
}

button.km-button {
    display: inline-block;
    font: inherit
}

.km-button:hover {
    text-decoration: none
}

.km-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.km-android .km-state-disabled .km-button, .km-blackberry .km-state-disabled .km-button, .km-ios .km-state-disabled .km-button, .km-meego .km-state-disabled .km-button {
    color: #aaa;
    text-shadow: none
}

.km-root .km-pane .k-button:active, .km-root .km-pane .k-button:focus, .km-root .km-pane .k-button:focus:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-buttongroup {
    padding: .4rem .7rem;
    -webkit-margin-collapse: separate;
    /*margin-collapse: separate;*/
    margin: .5em auto
}

.km-widget.km-buttongroup {
    padding: 0;
    border-color: transparent;
    background: 0 0;
    white-space: nowrap;
    display: table
}

.km-buttongroup > .km-button {
    display: table-cell
}

.km-widget.km-buttongroup .km-button {
    margin: 0;
    border-width: 1px 0 1px 1px;
    padding: .48em .9em .44em
}

.km-tablet .km-buttongroup .km-button {
    padding: .4em .8em .34em
}

.km-widget.km-navbar .km-buttongroup {
    font-size: .95rem;
    line-height: 1em;
    margin: 0 0 .2em;
    display: inline-block;
    height: 1.5em;
    top: -2px
}

.k-toolbar .km-buttongroup {
    margin: 0;
    display: inline-block
}

.km-tablet .km-navbar .km-buttongroup {
    top: -1px
}

.km-widget.km-navbar .km-buttongroup > .km-button {
    font-size: 1em;
    min-width: 4rem;
    text-align: center
}

.km-tablet .km-navbar .km-buttongroup > .km-button {
    min-width: 6rem
}

.km-view .km-buttongroup .km-button:last-child {
    border-right-width: 1px
}

.km-ios .km-buttongroup .km-button {
    font-size: 1.2em;
    font-weight: 700
}

.km-collapsible {
    margin: 1em 0
}

    .km-collapsible.km-collapsibleinset {
        margin: 1em
    }

    .km-collapsible + .km-collapsible {
        margin-top: -1em
    }

.km-collapsible-header {
    position: relative;
    border-style: solid;
    border-width: 1px 0;
    padding: .4em 20px
}

.km-collapsibleinset > .km-collapsible-header {
    border-width: 1px
}

.km-collapsible + .km-collapsible > .km-collapsible-header {
    border-top-width: 0
}

.km-collapsibleinset.km-collapsed > .km-collapsible-header {
    border-radius: .5em
}

.km-collapsibleinset.km-expanded > .km-collapsible-header {
    border-radius: .5em .5em 0 0
}

.km-collapsible-header .km-icon {
    display: inline-block;
    font-size: .8em;
    margin-right: .3em
}

.km-collapsible-header > h1, .km-collapsible-header > h2, .km-collapsible-header > h3, .km-collapsible-header > h4, .km-collapsible-header > h5, .km-collapsible-header > h6 {
    margin: 0
}

.km-collapsible-content {
    border-style: solid;
    border-width: 1px 0;
    border-top: 0;
    padding: .4em;
    overflow: hidden
}

.km-collapsible-header .km-arrow-n, .km-collapsible-header .km-arrow-s {
    position: absolute;
    top: .4em
}

.km-icon-left .km-arrow-n, .km-icon-left .km-arrow-s {
    left: .2em
}

.km-icon-right .km-arrow-n, .km-icon-right .km-arrow-s {
    left: auto;
    right: .2em
}

.km-icon-top .km-arrow-n, .km-icon-top .km-arrow-s {
    position: static;
    display: block;
    margin: 0 auto;
    width: 1em
}

.km-collapsibleinset > .km-collapsible-content {
    border-radius: 0 0 .5em .5em;
    border-width: 1px
}

.km-collapsed > .km-collapsible-content.km-animated {
    -webkit-transform: translateY(-.8em);
    -ms-transform: translateY(-.8em);
    transform: translateY(-.8em);
    border-color: transparent;
    border-bottom: none;
    visibility: hidden
}

.km-animated {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.km-hide-title {
    display: none
}

.km-show-title:after {
    display: block;
    content: "\a0";
    height: 0
}

.km-fill-title:after {
    height: auto
}

.km-footer .km-show-title:after {
    display: inline-block
}

.km-dialog-title, .km-view-title {
    position: relative;
    visibility: visible;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.3em;
    margin-left: auto;
    margin-right: auto
}

.km-horizontal .km-view-title {
    line-height: 2em
}

.km-navbar, .km-root .k-toolbar {
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
    display: block;
    border-width: 0 0 1px 0;
    background-color: #fff
}

.k-ff .km-navbar, .k-ff.km-root .k-toolbar {
    overflow: visible
}

.km-navbar .km-button {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.km-navbar .km-no-title {
    padding-top: .7rem;
    padding-bottom: .7rem
}

.km-horizontal .km-navbar .km-button {
    margin-top: .3rem;
    margin-bottom: .3rem
}

.km-horizontal .km-navbar .km-no-title {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.km-tablet.km-root .km-no-title {
    padding-top: .55rem;
    padding-bottom: .55rem
}

.km-tablet .km-navbar .km-button {
    margin-top: .45rem;
    margin-bottom: .45rem
}

.km-root .km-pane .km-navbar .km-no-title {
    visibility: visible;
    line-height: 0
}

.km-on-ios.km-black-translucent-status-bar.km-app .km-header .km-navbar {
    padding-top: 1.4em;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.km-on-ios.km-ios5.km-cordova .km-header .km-navbar, .km-on-ios.km-ios6.km-cordova .km-header .km-navbar {
    padding-top: 0
}

.km-leftitem, .km-rightitem {
    z-index: 1;
    position: absolute;
    right: .5em
}

.km-popup .km-rightitem {
    right: 0
}

.km-leftitem {
    left: .5em;
    right: auto
}

.km-popup .km-leftitem {
    left: 0
}

.km-leftitem, .km-rightitem {
    height: 100%
}

.km-on-ios.km-black-translucent-status-bar.km-app .km-leftitem, .km-on-ios.km-black-translucent-status-bar.km-app .km-rightitem {
    height: auto
}

.km-leftitem > *, .km-rightitem > * {
    display: inline-block;
    vertical-align: middle
}

.km-leftitem:before, .km-rightitem:before {
    content: "\a0";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.km-root .k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    text-align: right;
    line-height: 2.2em;
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .55em 3.4em .55em .5em
}

.km-root .km-widget.k-toolbar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-root .k-toolbar span.km-icon {
    vertical-align: middle
}

.km-root .k-toolbar .k-button-icon {
    padding-left: .4em;
    padding-right: .4em
}

    .km-root .k-toolbar .k-button-icon .km-icon {
        margin-left: 0;
        margin-right: 0
    }

.km-root .k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap
}

.km-root .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: inherit
}

.km-root .k-toolbar .km-button {
    line-height: inherit
}

.km-root div.k-toolbar > .k-align-left {
    float: left;
    line-height: inherit
}

.km-root div.k-toolbar > .k-align-right {
    float: none
}

.km-root .k-toolbar .k-separator, .km-root .k-toolbar .k-split-button, .km-root .k-toolbar .k-textbox, .km-root .k-toolbar .k-widget, .km-root .k-toolbar .km-buttongroup, .km-root .k-toolbar .km-widget, .km-root .k-toolbar label, .km-root .k-toolbar > .km-button {
    margin: 0 .4em
}

.km-root .k-toolbar .k-button-icontext .km-icon {
    margin-left: -.15em
}

.km-root .k-toolbar .k-split-button {
    padding-left: 0
}

    .km-root .k-toolbar .k-split-button .km-button, .km-root .k-toolbar .km-buttongroup .km-group-start {
        margin: 0
    }

    .km-root .k-toolbar .k-split-button > .km-button {
        padding-left: 1em;
        padding-right: .6em
    }

    .km-root .k-toolbar .k-split-button .k-split-button-arrow {
        margin: 0 0 0 -1px;
        padding-left: .2em;
        padding-right: .2em
    }

.km-root .km-pane .k-toolbar .k-overflow-anchor {
    border-width: 0;
    width: 1.5em;
    height: 100%;
    margin: 0;
    font-size: 2.2em;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0
}

.km-root .k-overflow-anchor span.km-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em 0 0 -.5em
}

.km-root .k-overflow-anchor .km-icon:after, .km-root .k-overflow-anchor .km-icon:before {
    margin-left: 0
}

.km-root .k-overflow-container .k-item {
    float: none;
    border: 0
}

.km-root .k-overflow-container .k-overflow-button, .km-root .k-split-container .km-button {
    text-align: left;
    display: block;
    white-space: nowrap;
    margin: 0 0 1px
}

.km-root .k-overflow-container li:last-child .k-overflow-button, .km-root .k-split-container li:last-child .km-button {
    margin: 0
}

.km-root .k-overflow-container .km-buttongroup {
    padding: 0
}

    .km-root .k-overflow-container .km-buttongroup > li {
        display: block
    }

.km-root .k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 1px 0 0;
    margin: 0 0 1px
}

.km-root .k-overflow-container .km-state-disabled {
    opacity: 1
}

.km-root .k-overflow-container .k-overflow-hidden {
    display: none
}

.km-root .k-overflow-container .k-overflow-group + .k-overflow-group, .km-root .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.km-root .k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0
}

.km-root .k-overflow-wrapper .km-actionsheet-wrapper .km-actionsheet {
    overflow: hidden;
    overflow-y: auto
}

.km-tabstrip {
    padding: .4rem .7rem
}

.km-horizontal .km-tabstrip {
    padding: .2rem .7rem
}

.km-tabstrip {
    /*flex-align: start;*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-box-pack: start;
    padding: 0;
    text-align: center;
    word-spacing: -1em
}

    .km-tabstrip .km-button {
        word-spacing: normal;
        -webkit-box-shadow: none;
        box-shadow: none;
        vertical-align: bottom
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .km-tabstrip {
        word-spacing: normal;
        width: 100%
    }
}

.km-tabstrip .km-button {
    font-family: Arial,Helvetica,sans-serif;
    color: #a8a8a8;
    padding: .4em .8em;
    border-width: 0;
    border-color: transparent;
    background: 0 0;
    margin: 0;
    text-align: center
}

    .km-tabstrip .km-button:first-child {
        border-left: 0
    }

    .km-tabstrip .km-button:last-child {
        border-right: 0
    }

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

.km-checkbox, .km-switch {
    text-align: left;
    font-size: 1rem;
    display: inline-block;
    width: 6.4rem;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    overflow: hidden
}

.km-slider-wrapper, .km-switch-wrapper {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.km-slider-background, .km-switch-background {
    display: block;
    margin: 0 1px 1px -5em;
    height: 100%;
    width: 200%
}

.km-switch-container {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-checkbox {
    width: 1.8rem;
    height: 1.8rem
}

.km-checkbox-checked:after {
    content: "\a0";
    display: block;
    width: 100%;
    height: 100%
}

.km-switch-handle {
    top: 0;
    left: 0;
    width: 2.72em;
    height: 100%;
    display: inline-block;
    margin: -1px 0 0 -1px;
    background-color: #000
}

.km-switch-label-off, .km-switch-label-on {
    display: block;
    width: 130%;
    font-size: 1em;
    line-height: 2em;
    text-align: center;
    position: absolute;
    text-transform: uppercase
}

.km-switch-label-off {
    left: 104%
}

.km-switch-label-on {
    left: -134%;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3)
}

.km-list .km-switch {
    position: absolute;
    top: 50%;
    right: .8rem;
    margin-top: -1rem
}

.km-listview-link:after {
    width: .5rem;
    height: .5rem;
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    margin-left: -.2rem;
    border-style: solid;
    border-width: .24rem .24rem 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.km-listview-wrapper > ul:not(.km-listview) {
    margin: 0 auto
}

.km-list, .km-listview {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.km-listgroupinset, .km-listinset {
    margin: 1em
}

.k-ff .km-listgroupinset:after, .k-ff .km-listinset:after {
    display: block;
    height: 0;
    content: "\a0"
}

.km-listgroupinset .km-list, .km-listinset {
    overflow: hidden
}

.km-listview .km-switch {
    margin-top: -.95rem;
    position: absolute;
    right: .8rem;
    top: 50%
}

.km-listview .km-list {
    text-indent: 0
}

.km-list > li, .km-widget .km-listview-label, .km-widget .km-listview-link {
    margin: 0;
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em
}

.km-list > li {
    line-height: 1.6em;
    overflow: hidden
}

.km-virtual-list {
    position: relative;
    width: 100%;
    -webkit-transform: translateZ(0)
}

    .km-virtual-list > li {
        width: 100%;
        position: absolute;
        top: 0;
        -webkit-transform: translateZ(0)
    }

.km-widget .km-list .km-load-more, .km-widget.km-list .km-load-more {
    border-bottom: 0
}

.km-list > li > * {
    line-height: normal
}

.km-group-title {
    display: block;
    font-weight: 700;
    padding: .2em 0;
    text-indent: .8em
}

.km-listgroupinset .km-group-title {
    margin-top: .65em;
    line-height: 2em
}

.km-list:not(.km-virtual-list) > li:first-child {
    border-top-width: 0
}

.km-list:not(.km-virtual-list) > li:last-child {
    border-bottom-width: 0
}

.km-widget .km-listview-label, .km-widget .km-listview-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em -.7em
}

.km-listview-label:after, .km-listview-link:after {
    border-color: #777;
    content: "\a0";
    display: block;
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.32rem
}

.km-filter-form {
    width: 100%;
    padding: .5em 0;
    border: 1px solid transparent;
    border-width: 1px 0;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0)
}

.km-filter-wrap {
    position: relative;
    margin: 0 .7em;
    padding: .2em .4em;
    border: 1px solid transparent
}

.km-widget .km-filter-wrap:before {
    display: inline-block;
    vertical-align: middle;
    content: "\e0e9";
    font-size: 1.6em;
    width: 1em;
    height: 1em;
    margin-right: -1em;
    color: inherit
}

.km-tablet .km-filter-wrap {
    max-width: 24em;
    margin: 0 auto
}

.km-filter-wrap > input[type=search]::-webkit-search-cancel-button {
    display: none
}

.km-filter-wrap input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background: 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    padding: 0 1.4em
}

.km-filter-reset {
    display: inline-block;
    margin-left: -1.6em;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
    text-decoration: none;
    height: 100%
}

    .km-filter-reset .km-clear {
        font-size: 1.6em;
        width: 1em;
        height: 1em;
        display: block
    }

    .km-filter-reset > .km-text {
        position: absolute;
        top: -3333px;
        left: -3333px
    }

.km-load-more {
    display: block;
    padding: .3em 0 1.2em;
    height: 3.2em;
    text-align: center
}

.km-list .km-listview-item-badge.km-badge, .km-list .km-listview-link > .km-badge {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 4em
}

.km-scroller-pull {
    width: 100%;
    display: block;
    position: absolute;
    line-height: 3em;
    font-size: 1.4em;
    text-align: center;
    -webkit-transform: translate3d(0,-3em,0);
    transform: translate3d(0,-3em,0)
}

    .km-scroller-pull .km-template {
        display: inline-block;
        min-width: 200px;
        text-align: left
    }

.km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon {
    display: inline-block;
    height: 2rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 2rem;
    font-size: 2rem;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear
}

.km-widget .km-scroller-release .km-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.km-widget .km-scroller-refresh .km-icon {
    -webkit-transition: none;
    transition: none
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .4em;
    width: .4em;
    background-color: #333;
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 0
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 0;
    bottom: 2px
}

.km-scroll-container, .km-scrollview {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    -webkit-margin-collapse: separate;
    /*margin-collapse: separate*/
}

.km-scroll-wrapper {
    position: relative
}

.km-scroll-header {
    position: absolute;
    z-index: 1001;
    width: 100%;
    top: 0;
    left: 0
}

.km-scrollview {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .km-scrollview > div > * {
        -webkit-transform: translatez(0)
    }

    .km-scrollview > div > [data-role=page] {
        vertical-align: top;
        display: inline-block;
        min-height: 1px
    }

    .km-scrollview .km-virtual-page {
        min-height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block
    }

.k-ff18 .km-scrollview > div, .k-ff19 .km-scrollview > div, .k-ff20 .km-scrollview > div, .k-ff21 .km-scrollview > div {
    width: 0
}

.km-pages {
    text-align: center;
    margin: 0;
    padding: .6em 0 0;
    height: 1.5em
}

    .km-pages li {
        display: inline-block;
        width: .5em;
        height: .55em;
        margin: 0 .3em
    }

.km-root .km-popup .k-item, .km-widget.km-actionsheet > li {
    list-style-type: none;
    padding: 1em;
    border-bottom: 1px solid #555;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-widget.km-actionsheet > li {
    line-height: 2em;
    border-bottom: 0
}

    .km-widget.km-actionsheet > li > a {
        line-height: 1.5em;
        text-align: left;
        background: 0 0
    }

.km-root .km-popup .k-list, .km-widget.km-actionsheet {
    padding: 0;
    margin: 0
}

    .km-root .km-popup .k-item:last-child, .km-widget.km-actionsheet > li:last-child {
        border: 0
    }

.km-widget.km-actionsheet-wrapper {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.km-actionsheet-root.km-shim .k-animation-container {
    width: 100% !important;
    height: 100% !important
}

.km-tablet .km-pane div.km-actionsheet-phone {
    background: 0 0
}

.km-tablet .km-actionsheet-phone li.km-actionsheet-title, .km-tablet div.km-actionsheet-phone li.km-actionsheet-cancel {
    display: block
}

.km-popover-root .km-popup-wrapper {
    position: relative !important
}

.km-modalview-wrapper, .km-popup-wrapper {
    z-index: 10001;
    position: relative;
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10002
}

.km-popup-arrow, .km-popup-arrow:after, .km-popup-arrow:before {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    z-index: 2
}

.km-left .km-popup-arrow, .km-right .km-popup-arrow {
    margin-top: -8px
}

.km-down .km-popup-arrow, .km-up .km-popup-arrow {
    margin-left: -8px
}

.km-popup-arrow:after, .km-popup-arrow:before {
    display: block;
    content: "\a0";
    width: 0;
    height: 0
}

.km-up .km-popup-arrow {
    top: auto;
    bottom: 0
}

.km-left .km-popup-arrow {
    left: auto;
    right: 0
}

.km-popup.km-pane {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 100px;
    background: 0 0
}

.km-popover-root .km-view {
    position: relative
}

.km-popover-root .km-content {
    -ms-flex: auto
}

div.km-splitview > .km-content, kendo-mobile-split-view.km-splitview > .km-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

div.km-split-vertical > .km-content, kendo-mobile-split-view.km-split-vertical > .km-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

div.km-split-content > .km-pane {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    width: auto;
    height: auto
}

    div.km-split-content > .km-pane:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

div.km-split-horizontal > .km-content > .km-pane {
    top: 0;
    bottom: 0
}

.km-split-vertical > .km-content > .km-pane > .km-view {
    display: -webkit-box
}

.km-modalview-root {
    text-align: center
}

    .km-modalview-root > .k-animation-container {
        text-align: left;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        display: inline-block !important;
        vertical-align: middle
    }

.km-modalview, .km-modalview-wrapper:before {
    overflow: hidden;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    max-height: 100%
}

    .km-modalview .km-content {
        /*box-flex: 1*/
    }

.km-auto-height .km-content {
    -ms-flex: auto
}

.km-native-scrolling .km-view.km-modalview {
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.km-modalview-root:before, .km-modalview-wrapper:before {
    vertical-align: middle;
    height: 100%;
    margin-left: -1px;
    content: "\a0";
    width: 0;
    display: inline-block
}

.km-drawer, [data-role=drawer] {
    top: 0;
    left: auto;
    width: 250px
}

    .km-drawer .km-footer, .km-drawer .km-header {
        z-index: 0
    }

.km-left-drawer {
    left: 0
}

.km-right-drawer {
    right: 0
}

.km-item label.km-item-checked:after, .km-item label:before {
    position: absolute;
    content: " ";
    display: block;
    top: 50%;
    left: .6em;
    width: 36px;
    height: 36px;
    margin-top: -18px
}

.km-widget .k-slider {
    line-height: .6em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.km-widget .k-slider-horizontal {
    width: 50%;
    height: .6em;
    line-height: .6em
}

.km-list .k-slider {
    position: absolute;
    right: 0;
    margin-top: -.5em;
    top: 50%
}

.km-root .k-slider-track {
    left: 1em !important;
    right: 1em;
    height: 100%;
    display: block;
    position: absolute;
    border: .5em solid transparent;
    border-width: .5em 0
}

.km-widget .k-slider-horizontal .k-slider-track {
    width: auto !important
}

.km-widget .k-slider .k-slider-track {
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.km-widget .k-slider-selection, .km-widget .k-slider-track {
    margin-top: 0;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    box-shadow: inset 0 0 1px rgba(0,0,0,.3)
}

.km-widget .k-slider-horizontal .k-slider-selection {
    top: 0;
    height: 100%
}

.km-widget .k-slider-items {
    margin: 0
}

.km-widget .k-slider .k-draghandle {
    text-indent: -3333px;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    display: block;
    position: absolute
}

.km-widget .k-slider-vertical .k-draghandle {
    left: -5px
}

.km-widget .k-slider-tooltip {
    display: none
}

.km-dialog {
    position: absolute;
    min-width: 19em;
    max-width: 25em;
    overflow: hidden
}

.km-dialog-title {
    position: static;
    float: none;
    height: 2.6em;
    margin-top: -2.6em;
    font-size: 1.22em;
    line-height: 3em
}

.km-dialog:before {
    content: "\a0";
    display: block;
    overflow: visible;
    width: 100%;
    height: 3em;
    opacity: .2
}

.km-dialog-content {
    font-weight: 400;
    min-height: 2em;
    text-align: center
}

.km-dialog .km-button {
    display: block;
    margin: .4em;
    font-size: 1.3em;
    text-align: center;
    padding: .44em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.km-list .k-dropdown, .km-list input[type=color], .km-list input[type=date], .km-list input[type=datetime-local], .km-list input[type=datetime], .km-list input[type=email], .km-list input[type=file], .km-list input[type=month], .km-list input[type=number], .km-list input[type=password], .km-list input[type=search], .km-list input[type=tel], .km-list input[type=text]:not(.k-input), .km-list input[type=time], .km-list input[type=url], .km-list input[type=week], .km-list select:not([multiple]), .km-list textarea {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    line-height: normal;
    z-index: 1;
    right: 0;
    margin-top: -1em
}

.km-widget .k-slider .k-button, .km-widget .k-slider .k-label, .km-widget .k-slider .k-tick {
    display: none
}

.km-list textarea {
    position: relative;
    width: -webkit-calc(50% + .7em);
    width: calc(50% + .7em);
    margin-right: -.7em
}

.km-list input, .km-list input[type=checkbox], .km-list input[type=radio], .km-list select, .km-list textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

    .km-list input[type=checkbox], .km-list input[type=radio] {
        position: absolute;
        top: 50%;
        right: .7em;
        margin-top: -.5em;
        background: 0 0
    }

.km-widget input, .km-widget textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

    .km-widget input[readonly], .km-widget input[type=image], .km-widget select:not([multiple]) {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.km-list textarea {
    top: 0
}

.km-list .k-dropdown {
    line-height: 1.4em
}

    .km-list .k-dropdown, .km-list .k-dropdown .k-input {
        background-color: transparent
    }

.km-list .k-dropdown-wrap {
    display: inline-block
}

.km-list .k-dropdown ~ .km-listview-link:after, .km-list .km-listview-label:after, .km-list input ~ .km-listview-link:after, .km-list select ~ .km-listview-link:after, .km-list textarea ~ .km-listview-link:after {
    display: none
}

.km-list .k-dropdown .k-select, .km-list .k-dropdown select {
    display: none
}

.km-widget .km-list textarea {
    position: relative;
    float: right;
    margin-top: 0;
    font-family: inherit
}

.km-listview-label input[type=checkbox], .km-listview-label input[type=radio] {
    border: 0;
    font-size: inherit;
    width: 1em;
    height: .9em
}

.km-list label.km-required:after {
    content: "*";
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.km-list .km-label-above {
    width: 100%;
    display: block
}

.km-list .km-icon-label:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    font: 1em/1em "Kendo UI";
    margin-right: .89em
}

.km-list .km-label-above .k-dropdown, .km-list .km-label-above input[type=color], .km-list .km-label-above input[type=date], .km-list .km-label-above input[type=datetime-local], .km-list .km-label-above input[type=datetime], .km-list .km-label-above input[type=email], .km-list .km-label-above input[type=file], .km-list .km-label-above input[type=month], .km-list .km-label-above input[type=number], .km-list .km-label-above input[type=password], .km-list .km-label-above input[type=search], .km-list .km-label-above input[type=tel], .km-list .km-label-above input[type=text]:not(.k-input), .km-list .km-label-above input[type=time], .km-list .km-label-above input[type=url], .km-list .km-label-above input[type=week], .km-list .km-label-above select:not([multiple]), .km-list .km-label-above textarea {
    width: 100%;
    right: 0;
    padding-left: 0;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.km-list fieldset .k-dropdown-wrap, .km-list fieldset input[type=color], .km-list fieldset input[type=date], .km-list fieldset input[type=datetime-local], .km-list fieldset input[type=datetime], .km-list fieldset input[type=email], .km-list fieldset input[type=month], .km-list fieldset input[type=number], .km-list fieldset input[type=password], .km-list fieldset input[type=search], .km-list fieldset input[type=tel], .km-list fieldset input[type=text]:not(.k-input), .km-list fieldset input[type=time], .km-list fieldset input[type=url], .km-list fieldset input[type=week], .km-list fieldset select:not([multiple]), .km-list textarea {
    width: 100%;
    position: relative;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    right: auto
}

.km-list fieldset textarea {
    width: 100%;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    margin-right: 0;
    padding-left: 0
}

.km-list .km-legend-button {
    display: block;
    text-decoration: none
}

.km-list .km-inline-field {
    display: inline-block;
    position: relative;
    width: -webkit-calc(48.39%);
    width: calc(48.39%);
    overflow: hidden;
    white-space: nowrap
}

    .km-list .km-inline-field .k-dropdown, .km-list .km-inline-field input[type=color], .km-list .km-inline-field input[type=date], .km-list .km-inline-field input[type=datetime-local], .km-list .km-inline-field input[type=datetime], .km-list .km-inline-field input[type=email], .km-list .km-inline-field input[type=file], .km-list .km-inline-field input[type=month], .km-list .km-inline-field input[type=number], .km-list .km-inline-field input[type=password], .km-list .km-inline-field input[type=search], .km-list .km-inline-field input[type=tel], .km-list .km-inline-field input[type=text]:not(.k-input), .km-list .km-inline-field input[type=time], .km-list .km-inline-field input[type=url], .km-list .km-inline-field input[type=week], .km-list .km-inline-field select:not([multiple]), .km-list .km-inline-field textarea {
        position: absolute;
        width: 100%;
        left: 0
    }

.km-list .km-full-width-slider {
    position: relative;
    width: auto;
    display: block
}

.km-root input.km-checkbox, .km-root input.km-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    height: 0
}

.km-root .km-checkbox-label, .km-root .km-radio-label {
    display: block;
    position: relative;
    vertical-align: middle
}

    .km-root .km-checkbox-label:after, .km-root .km-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0
    }

.km-root input.km-checkbox:checked + .km-checkbox-label:after {
    content: "\e227";
    font-family: "Kendo UI"
}

.km-root .km-radio-label {
    position: relative;
    vertical-align: middle
}

    .km-root .km-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%
    }

.km-root input.km-radio:checked + .km-radio-label:after {
    content: "";
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: .25rem;
    border-radius: 50%
}

.km-root .km-invalid-msg {
    font-size: 1.2rem;
    position: static;
    display: inline-block;
    border-width: 1px;
    padding-top: 12px;
    padding-bottom: 11px;
    width: 100%;
    text-align: center
}

.km-root .km-icon-label.k-i-arrow-e:before {
    content: "\E000"
}

.km-root .km-icon-label.k-i-arrow-n:before {
    content: "\E001"
}

.km-root .km-icon-label.k-i-arrow-s:before {
    content: "\E002"
}

.km-root .km-icon-label.k-i-arrow-w:before {
    content: "\E003"
}

.km-root .km-icon-label.k-i-arrow-ne:before {
    content: "\E004"
}

.km-root .km-icon-label.k-i-arrow-nw:before {
    content: "\E005"
}

.km-root .km-icon-label.k-i-arrow-se:before {
    content: "\E006"
}

.km-root .km-icon-label.k-i-arrow-sw:before {
    content: "\E007"
}

.km-root .km-icon-label.k-i-seek-e:before {
    content: "\E008"
}

.km-root .km-icon-label.k-i-seek-n:before {
    content: "\E009"
}

.km-root .km-icon-label.k-i-seek-s:before {
    content: "\E00A"
}

.km-root .km-icon-label.k-i-seek-w:before {
    content: "\E00B"
}

.km-root .km-icon-label.k-si-arrow-e:before {
    content: "\E00C"
}

.km-root .km-icon-label.k-si-arrow-n:before {
    content: "\E00D"
}

.km-root .km-icon-label.k-si-arrow-s:before {
    content: "\E00E"
}

.km-root .km-icon-label.k-si-arrow-w:before {
    content: "\E00F"
}

.km-root .km-icon-label.k-i-arrowhead-e:before {
    content: "\E010"
}

.km-root .km-icon-label.k-i-arrowhead-n:before {
    content: "\E011"
}

.km-root .km-icon-label.k-i-arrowhead-s:before {
    content: "\E012"
}

.km-root .km-icon-label.k-i-arrowhead-w:before {
    content: "\E013"
}

.km-root .km-icon-label.k-i-arrowhead-ew:before {
    content: "\E014"
}

.km-root .km-icon-label.k-i-arrowhead-ns:before {
    content: "\E015"
}

.km-root .km-icon-label.k-i-move:before {
    content: "\E016"
}

.km-root .km-icon-label.k-i-resize:before {
    content: "\E017"
}

.km-root .km-icon-label.k-i-resize-45:before {
    content: "\E018"
}

.km-root .km-icon-label.k-i-resize-135:before {
    content: "\E019"
}

.km-root .km-icon-label.k-i-resize-h:before {
    content: "\E01A"
}

.km-root .km-icon-label.k-i-resize-v:before {
    content: "\E01B"
}

.km-root .km-icon-label.k-i-refresh:before {
    content: "\E01C"
}

.km-root .km-icon-label.k-i-refresh-rev:before {
    content: "\E01D"
}

.km-root .km-icon-label.k-si-refresh:before {
    content: "\E01E"
}

.km-root .km-icon-label.k-si-refresh-rev:before {
    content: "\E01F"
}

.km-root .km-icon-label.k-i-turn-en:before {
    content: "\E020"
}

.km-root .km-icon-label.k-i-turn-es:before {
    content: "\E021"
}

.km-root .km-icon-label.k-i-turn-ne:before {
    content: "\E022"
}

.km-root .km-icon-label.k-i-turn-nw:before {
    content: "\E023"
}

.km-root .km-icon-label.k-i-turn-se:before {
    content: "\E024"
}

.km-root .km-icon-label.k-i-turn-sw:before {
    content: "\E025"
}

.km-root .km-icon-label.k-i-turn-wn:before {
    content: "\E026"
}

.km-root .km-icon-label.k-i-turn-ws:before {
    content: "\E027"
}

.km-root .km-icon-label.k-i-uturn-e:before {
    content: "\E028"
}

.km-root .km-icon-label.k-i-uturn-e-rev:before {
    content: "\E029"
}

.km-root .km-icon-label.k-i-uturn-n:before {
    content: "\E02A"
}

.km-root .km-icon-label.k-i-uturn-n-rev:before {
    content: "\E02B"
}

.km-root .km-icon-label.k-i-uturn-s:before {
    content: "\E02C"
}

.km-root .km-icon-label.k-i-uturn-s-rev:before {
    content: "\E02D"
}

.km-root .km-icon-label.k-i-uturn-w:before {
    content: "\E02E"
}

.km-root .km-icon-label.k-i-uturn-w-rev:before {
    content: "\E02F"
}

.km-root .km-icon-label.k-i-tick-sign:before {
    content: "\E030"
}

.km-root .km-icon-label.k-i-close-sign:before {
    content: "\E031"
}

.km-root .km-icon-label.k-i-plus-sign:before {
    content: "\E032"
}

.km-root .km-icon-label.k-i-minus-sign:before {
    content: "\E033"
}

.km-root .km-icon-label.k-si-plus-sign:before {
    content: "\E034"
}

.km-root .km-icon-label.k-si-minus-sign:before {
    content: "\E035"
}

.km-root .km-icon-label.k-i-cancel:before {
    content: "\E036"
}

.km-root .km-icon-label.k-i-tick:before {
    content: "\E037"
}

.km-root .km-icon-label.k-i-close:before {
    content: "\E038"
}

.km-root .km-icon-label.k-i-plus:before {
    content: "\E039"
}

.km-root .km-icon-label.k-i-minus:before {
    content: "\E03A"
}

.km-root .km-icon-label.k-si-plus:before {
    content: "\E03B"
}

.km-root .km-icon-label.k-si-minus:before {
    content: "\E03C"
}

.km-root .km-icon-label.k-i-stop:before {
    content: "\E03D"
}

.km-root .km-icon-label.k-i-pause:before {
    content: "\E03E"
}

.km-root .km-icon-label.k-i-eject:before {
    content: "\E03F"
}

.km-root .km-icon-label.k-i-volume-off:before {
    content: "\E040"
}

.km-root .km-icon-label.k-i-volume-low:before {
    content: "\E041"
}

.km-root .km-icon-label.k-i-volume-high:before {
    content: "\E042"
}

.km-root .km-icon-label.k-i-earphones:before {
    content: "\E043"
}

.km-root .km-icon-label.k-i-heart:before {
    content: "\E044"
}

.km-root .km-icon-label.k-i-heart-empty:before {
    content: "\E045"
}

.km-root .km-icon-label.k-i-heart-half:before {
    content: "\E046"
}

.km-root .km-icon-label.k-i-star:before {
    content: "\E047"
}

.km-root .km-icon-label.k-i-star-empty:before {
    content: "\E048"
}

.km-root .km-icon-label.k-i-star-half:before {
    content: "\E049"
}

.km-root .km-icon-label.k-i-star-half-empty:before {
    content: "\E04A"
}

.km-root .km-icon-label.k-i-chart-column:before {
    content: "\E04B"
}

.km-root .km-icon-label.k-i-chart-bar:before {
    content: "\E04C"
}

.km-root .km-icon-label.k-i-chart-pie:before {
    content: "\E04D"
}

.km-root .km-icon-label.k-i-chart-donut:before {
    content: "\E04E"
}

.km-root .km-icon-label.k-i-chart-line:before {
    content: "\E04F"
}

.km-root .km-icon-label.k-i-chart-area:before {
    content: "\E050"
}

.km-root .km-icon-label.k-i-chart-donut:before {
    content: "\E051"
}

.km-root .km-icon-label.k-i-align-left:before {
    content: "\E052"
}

.km-root .km-icon-label.k-i-align-center:before {
    content: "\E053"
}

.km-root .km-icon-label.k-i-align-right:before {
    content: "\E054"
}

.km-root .km-icon-label.k-i-align-justify:before {
    content: "\E055"
}

.km-root .km-icon-label.k-i-align-clear:before {
    content: "\E056"
}

.km-root .km-icon-label.k-i-bold:before {
    content: "\E057"
}

.km-root .km-icon-label.k-i-bold-sans:before {
    content: "\E058"
}

.km-root .km-icon-label.k-i-italic:before {
    content: "\E059"
}

.km-root .km-icon-label.k-i-italic-sans:before {
    content: "\E05A"
}

.km-root .km-icon-label.k-i-underline:before {
    content: "\E05B"
}

.km-root .km-icon-label.k-i-underline-sans:before {
    content: "\E05C"
}

.km-root .km-icon-label.k-i-strikethrough:before {
    content: "\E05D"
}

.km-root .km-icon-label.k-i-strikethrough-sans:before {
    content: "\E05E"
}

.km-root .km-icon-label.k-i-font-a:before {
    content: "\E05F"
}

.km-root .km-icon-label.k-i-font-a-sans:before {
    content: "\E060"
}

.km-root .km-icon-label.k-i-font-t:before {
    content: "\E061"
}

.km-root .km-icon-label.k-i-font-t-sans:before {
    content: "\E062"
}

.km-root .km-icon-label.k-i-brightness:before {
    content: "\E063"
}

.km-root .km-icon-label.k-i-brightness-contrast:before {
    content: "\E064"
}

.km-root .km-icon-label.k-i-contrast:before {
    content: "\E065"
}

.km-root .km-icon-label.k-i-crop:before {
    content: "\E066"
}

.km-root .km-icon-label.k-i-mirror:before {
    content: "\E067"
}

.km-root .km-icon-label.k-i-flip-h:before {
    content: "\E068"
}

.km-root .km-icon-label.k-i-flip-v:before {
    content: "\E069"
}

.km-root .km-icon-label.k-i-rotate:before {
    content: "\E06A"
}

.km-root .km-icon-label.k-i-rotate-rev:before {
    content: "\E06B"
}

.km-root .km-icon-label.k-i-filter:before {
    content: "\E06C"
}

.km-root .km-icon-label.k-i-filter-clear:before {
    content: "\E06D"
}

.km-root .km-icon-label.k-i-sort-asc:before {
    content: "\E06E"
}

.km-root .km-icon-label.k-i-sort-desc:before {
    content: "\E06F"
}

.km-root .km-icon-label.k-i-sort-clear:before {
    content: "\E070"
}

.km-root .km-icon-label.k-i-indent:before {
    content: "\E071"
}

.km-root .km-icon-label.k-i-outdent:before {
    content: "\E072"
}

.km-root .km-icon-label.k-i-hyperlink:before {
    content: "\E073"
}

.km-root .km-icon-label.k-i-hyperlink-clear:before {
    content: "\E074"
}

.km-root .km-icon-label.k-i-hyperlink-ext:before {
    content: "\E075"
}

.km-root .km-icon-label.k-si-hyperlink-ext:before {
    content: "\E076"
}

.km-root .km-icon-label.k-i-ul:before {
    content: "\E077"
}

.km-root .km-icon-label.k-si-ul:before {
    content: "\E078"
}

.km-root .km-icon-label.k-i-paint:before {
    content: "\E079"
}

.km-root .km-icon-label.k-i-paste:before {
    content: "\E07A"
}

.km-root .km-icon-label.k-i-pencil:before {
    content: "\E07B"
}

.km-root .km-icon-label.k-i-image:before {
    content: "\E07C"
}

.km-root .km-icon-label.k-i-image-add:before {
    content: "\E07D"
}

.km-root .km-icon-label.k-i-print:before {
    content: "\E07E"
}

.km-root .km-icon-label.k-i-zoom:before {
    content: "\E07F"
}

.km-root .km-icon-label.k-i-zoom-in:before {
    content: "\E080"
}

.km-root .km-icon-label.k-i-zoom-out:before {
    content: "\E081"
}

.km-root .km-icon-label.k-i-asterisk:before {
    content: "\E082"
}

.km-root .km-icon-label.k-i-clip:before {
    content: "\E083"
}

.km-root .km-icon-label.k-i-clip-45:before {
    content: "\E084"
}

.km-root .km-icon-label.k-i-qrcode:before {
    content: "\E085"
}

.km-root .km-icon-label.k-i-book:before {
    content: "\E086"
}

.km-root .km-icon-label.k-i-bookmark:before {
    content: "\E087"
}

.km-root .km-icon-label.k-i-briefcase:before {
    content: "\E088"
}

.km-root .km-icon-label.k-i-calendar:before {
    content: "\E089"
}

.km-root .km-icon-label.k-i-camera-still:before {
    content: "\E08A"
}

.km-root .km-icon-label.k-i-camera-video:before {
    content: "\E08B"
}

.km-root .km-icon-label.k-i-certificate:before {
    content: "\E08C"
}

.km-root .km-icon-label.k-i-clock:before {
    content: "\E08D"
}

.km-root .km-icon-label.k-i-cloud:before {
    content: "\E08E"
}

.km-root .km-icon-label.k-i-collapse:before {
    content: "\E08F"
}

.km-root .km-icon-label.k-i-columns:before {
    content: "\E090"
}

.km-root .km-icon-label.k-i-comment:before {
    content: "\E091"
}

.km-root .km-icon-label.k-i-comment-empty:before {
    content: "\E092"
}

.km-root .km-icon-label.k-i-comments:before {
    content: "\E093"
}

.km-root .km-icon-label.k-i-comments-empty:before {
    content: "\E094"
}

.km-root .km-icon-label.k-i-credit-card:before {
    content: "\E095"
}

.km-root .km-icon-label.k-i-download:before {
    content: "\E096"
}

.km-root .km-icon-label.k-i-draghandle:before {
    content: "\E097"
}

.km-root .km-icon-label.k-si-draghandle:before {
    content: "\E098"
}

.km-root .km-icon-label.k-i-envelop:before {
    content: "\E099"
}

.km-root .km-icon-label.k-i-envelop-open:before {
    content: "\E09A"
}

.km-root .km-icon-label.k-i-eye:before {
    content: "\E09B"
}

.km-root .km-icon-label.k-i-file:before {
    content: "\E09C"
}

.km-root .km-icon-label.k-i-file-add:before {
    content: "\E09D"
}

.km-root .km-icon-label.k-i-film:before {
    content: "\E09E"
}

.km-root .km-icon-label.k-i-flag:before {
    content: "\E09F"
}

.km-root .km-icon-label.k-i-folder-add:before {
    content: "\E0A0"
}

.km-root .km-icon-label.k-i-folder:before {
    content: "\E0A1"
}

.km-root .km-icon-label.k-i-folder-open:before {
    content: "\E0A2"
}

.km-root .km-icon-label.k-i-folder-up:before {
    content: "\E0A3"
}

.km-root .km-icon-label.k-i-gear:before {
    content: "\E0A4"
}

.km-root .km-icon-label.k-si-gear:before {
    content: "\E0A5"
}

.km-root .km-icon-label.k-i-transmit:before {
    content: "\E0A6"
}

.km-root .km-icon-label.k-i-beer:before {
    content: "\E0A7"
}

.km-root .km-icon-label.k-i-cocktail:before {
    content: "\E0A8"
}

.km-root .km-icon-label.k-i-coffee:before {
    content: "\E0A9"
}

.km-root .km-icon-label.k-i-wine:before {
    content: "\E0AA"
}

.km-root .km-icon-label.k-i-grid:before {
    content: "\E0AB"
}

.km-root .km-icon-label.k-i-thumbs:before {
    content: "\E0AC"
}

.km-root .km-icon-label.k-i-split-h:before {
    content: "\E0AD"
}

.km-root .km-icon-label.k-i-split-v:before {
    content: "\E0AE"
}

.km-root .km-icon-label.k-i-home:before {
    content: "\E0AF"
}

.km-root .km-icon-label.k-i-inbox:before {
    content: "\E0B0"
}

.km-root .km-icon-label.k-i-key:before {
    content: "\E0B1"
}

.km-root .km-icon-label.k-i-login:before {
    content: "\E0B2"
}

.km-root .km-icon-label.k-i-logout:before {
    content: "\E0B3"
}

.km-root .km-icon-label.k-i-place:before {
    content: "\E0B4"
}

.km-root .km-icon-label.k-i-megaphone:before {
    content: "\E0B5"
}

.km-root .km-icon-label.k-i-note:before {
    content: "\E0B6"
}

.km-root .km-icon-label.k-i-pin:before {
    content: "\E0B7"
}

.km-root .km-icon-label.k-i-unpin:before {
    content: "\E0B8"
}

.km-root .km-icon-label.k-i-power:before {
    content: "\E0B9"
}

.km-root .km-icon-label.k-i-progress-bars:before {
    content: "\E0BA"
}

.km-root .km-icon-label.k-i-road:before {
    content: "\E0BB"
}

.km-root .km-icon-label.k-i-rss:before {
    content: "\E0BC"
}

.km-root .km-icon-label.k-i-floppy:before {
    content: "\E0BD"
}

.km-root .km-icon-label.k-i-sitemap:before {
    content: "\E0BE"
}

.km-root .km-icon-label.k-i-tag-45:before {
    content: "\E0BF"
}

.km-root .km-icon-label.k-i-tag-h:before {
    content: "\E0C0"
}

.km-root .km-icon-label.k-i-thunderbolt:before {
    content: "\E0C1"
}

.km-root .km-icon-label.k-i-tooltip:before {
    content: "\E0C2"
}

.km-root .km-icon-label.k-i-trash:before {
    content: "\E0C3"
}

.km-root .km-icon-label.k-i-trophy:before {
    content: "\E0C4"
}

.km-root .km-icon-label.k-i-ungroup:before {
    content: "\E0C5"
}

.km-root .km-icon-label.k-i-upload:before {
    content: "\E0C6"
}

.km-root .km-icon-label.k-i-window:before {
    content: "\E0C7"
}

.km-root .km-icon-label.k-i-tiles:before {
    content: "\E0C8"
}

.km-root .km-icon-label.k-i-wrench:before {
    content: "\E0C9"
}

.km-root .km-icon-label.k-i-action:before {
    content: "\E0CA"
}

.km-root .km-icon-label.k-i-add:before {
    content: "\E0CB"
}

.km-root .km-icon-label.k-i-add-inv:before {
    content: "\E0CC"
}

.km-root .km-icon-label.k-i-armchair:before {
    content: "\E0CD"
}

.km-root .km-icon-label.k-i-battery:before {
    content: "\E0CE"
}

.km-root .km-icon-label.k-i-book-open:before {
    content: "\E0CF"
}

.km-root .km-icon-label.k-i-camera:before {
    content: "\E0D0"
}

.km-root .km-icon-label.k-i-cart:before {
    content: "\E0D1"
}

.km-root .km-icon-label.k-i-time:before {
    content: "\E0D2"
}

.km-root .km-icon-label.k-i-coffee-card:before {
    content: "\E0D3"
}

.km-root .km-icon-label.k-i-download-arrow:before {
    content: "\E0D4"
}

.km-root .km-icon-label.k-i-edit:before {
    content: "\E0D5"
}

.km-root .km-icon-label.k-i-faves:before {
    content: "\E0D6"
}

.km-root .km-icon-label.k-i-star:before {
    content: "\E0D7"
}

.km-root .km-icon-label.k-i-featured:before {
    content: "\E0D8"
}

.km-root .km-icon-label.k-i-forward:before {
    content: "\E0D9"
}

.km-root .km-icon-label.k-i-cog:before {
    content: "\E0DA"
}

.km-root .km-icon-label.k-i-globe:before {
    content: "\E0DB"
}

.km-root .km-icon-label.k-i-globe-inv:before {
    content: "\E0DC"
}

.km-root .km-icon-label.k-i-house:before {
    content: "\E0DD"
}

.km-root .km-icon-label.k-i-info:before {
    content: "\E0DE"
}

.km-root .km-icon-label.k-i-share:before {
    content: "\E0DF"
}

.km-root .km-icon-label.k-i-more-h:before {
    content: "\E0E0"
}

.km-root .km-icon-label.k-i-more-v:before {
    content: "\E0E1"
}

.km-root .km-icon-label.k-i-next:before {
    content: "\E0E2"
}

.km-root .km-icon-label.k-i-pause-a:before {
    content: "\E0E3"
}

.km-root .km-icon-label.k-i-user:before {
    content: "\E0E4"
}

.km-root .km-icon-label.k-i-play-a:before {
    content: "\E0E5"
}

.km-root .km-icon-label.k-i-refresh-a:before {
    content: "\E0E6"
}

.km-root .km-icon-label.k-i-reset:before {
    content: "\E0E7"
}

.km-root .km-icon-label.k-i-rewind:before {
    content: "\E0E8"
}

.km-root .km-icon-label.k-i-search-a:before {
    content: "\E0E9"
}

.km-root .km-icon-label.k-i-stop-a:before {
    content: "\E0EA"
}

.km-root .km-icon-label.k-i-tiles-a:before {
    content: "\E0EB"
}

.km-root .km-icon-label.k-i-trash-a:before {
    content: "\E0EC"
}

.km-root .km-icon-label.k-i-undo:before {
    content: "\E0ED"
}

.km-root .km-icon-label.k-i-redo:before {
    content: "\E0EE"
}

.km-root .km-icon-label.k-i-volume-a:before {
    content: "\E0EF"
}

.km-root .km-icon-label.k-i-wifi:before {
    content: "\E0F0"
}

.km-root .km-icon-label.k-i-more-lines:before {
    content: "\E0F1"
}

.km-root .km-icon-label.k-i-pull-to-ref:before {
    content: "\E0F2"
}

.km-root .km-icon-label.k-i-loading-android:before {
    content: "\E0F3"
}

.km-root .km-icon-label.k-i-loading-blackberry:before {
    content: "\E0F4"
}

.km-root .km-icon-label.k-i-loading-meego:before {
    content: "\E0F5"
}

.km-root .km-icon-label.k-i-loading-custom:before {
    content: "\E0F6"
}

.km-root .km-icon-label.k-i-loading-ios:before {
    content: "\E0F7"
}

.km-root .km-icon-label.k-i-bug:before {
    content: "\E0F8"
}

.km-root .km-icon-label.k-i-info:before {
    content: "\E0F9"
}

.km-root .km-icon-label.k-i-warning:before {
    content: "\E0FA"
}

.km-root .km-icon-label.k-i-question:before {
    content: "\E0FB"
}

.km-root .km-icon-label.k-i-insert-n:before {
    content: "\E0FC"
}

.km-root .km-icon-label.k-i-insert-m:before {
    content: "\E0FD"
}

.km-root .km-icon-label.k-i-insert-s:before {
    content: "\E0FE"
}

.km-root .km-icon-label.k-i-lock:before {
    content: "\E0FF"
}

.km-root .km-icon-label.k-i-unlock:before {
    content: "\E100"
}

.km-root .km-icon-label.k-i-phone:before {
    content: "\E101"
}

.km-root .km-icon-label.k-i-tablet:before {
    content: "\E102"
}

.km-root .km-icon-label.k-i-ol:before {
    content: "\E103"
}

.km-root .km-icon-label.k-i-barcode:before {
    content: "\E104"
}

.km-root .km-icon-label.k-i-html5:before {
    content: "\E105"
}

.km-root .km-icon-label.k-i-css3:before {
    content: "\E106"
}

.km-root .km-icon-label.k-i-kendoui:before {
    content: "\E107"
}

.km-root .km-icon-label.k-i-telerik:before {
    content: "\E108"
}

.km-root .km-icon-label.k-i-icenium:before {
    content: "\E109"
}

.km-root .km-icon-label.k-i-sitefinity:before {
    content: "\E10A"
}

.km-root .km-icon-label.k-i-twitter:before {
    content: "\E10B"
}

.km-root .km-icon-label.k-i-linkedin:before {
    content: "\E10C"
}

.km-root .km-icon-label.k-i-facebook:before {
    content: "\E10D"
}

.km-root .km-icon-label.k-i-pinterest:before {
    content: "\E10E"
}

.km-root .km-icon-label.k-i-youtube:before {
    content: "\E10F"
}

.km-root .km-icon-label.k-i-vimeo:before {
    content: "\E110"
}

.km-root .km-icon-label.k-i-behance:before {
    content: "\E111"
}

.km-root .km-icon-label.k-i-dribbble:before {
    content: "\E112"
}

.km-root .km-icon-label.k-i-googleplus:before {
    content: "\E113"
}

.km-root .km-icon-label.k-i-minimize:before {
    content: "\E114"
}

.km-root .km-icon-label.k-i-html:before {
    content: "\E115"
}

.km-root .km-icon-label.k-i-group:before {
    content: "\E116"
}

.km-root .km-icon-label.k-i-subscript:before {
    content: "\E117"
}

.km-root .km-icon-label.k-i-superscript:before {
    content: "\E118"
}

.km-root .km-icon-label.k-i-drophere:before {
    content: "\E119"
}

.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%)
}

.km-on-wp .km-filter-reset, .km-on-wp .km-footer, .km-on-wp .km-header, .km-on-wp .km-scroll-container, .km-on-wp .km-shim .k-animation-container, .km-on-wp .km-slider, .km-on-wp .km-switch, .km-on-wp .km-view {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.km-blackberry, .km-ios, .km-on-android.km-4 .k-slider, .km-on-blackberry .km-actionsheet-wrapper, .km-on-blackberry .km-content, .km-on-blackberry .km-footer, .km-on-blackberry .km-header, .km-on-blackberry .km-icon, .km-on-blackberry .km-popup .k-item, .km-on-blackberry .km-switch, .km-on-blackberry .km-view, .km-on-ios .km-filter-reset, .km-on-ios .km-footer, .km-on-ios .km-group-title, .km-on-ios .km-header, .km-on-ios .km-scroll-container, .km-on-ios .km-shim .k-animation-container, .km-on-ios .km-slider, .km-on-ios .km-switch, .km-on-ios .km-view {
    -webkit-transform: translatez(0)
}

.km-android.km-4.km-on-android .km-switch-wrapper, .km-on-android.km-4 .km-content, .km-on-android.km-4 .km-listview-wrapper, .km-on-android.km-4 .km-scroll-container, .km-on-android.km-4 .km-switch, .km-on-android.km-4 .km-switch-handle, .km-on-meego .km-content, .km-on-meego .km-footer, .km-on-meego .km-header, .km-on-meego .km-icon, .km-on-meego .km-switch, .km-on-meego .km-switch-handle, .km-on-meego .km-switch-wrapper {
    -webkit-transform: translatez(0);
    -webkit-backface-visibility: hidden
}

.km-android4.km-ios-chrome .km-listview-wrapper {
    -webkit-transform: none
}

.km-native-scrolling .km-drawer, .km-native-scrolling .km-footer, .km-native-scrolling .km-header, .km-native-scrolling .km-popup-overlay, .km-native-scrolling .km-shim, .km-native-scrolling > .km-pane > .km-loader, .km-on-android.km-4 .km-scroller-pull .km-icon {
    -webkit-backface-visibility: hidden
}

.km-on-android.km-4 input {
    -webkit-user-modify: read-write-plaintext-only
}

.km-meego .km-view .km-absolute, .km-wp .km-view .km-absolute {
    position: absolute
}

.km-button .km-icon, .km-detail .km-icon, .km-ios .km-button .km-icon, .km-list .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin-left: -.3em;
    margin-right: .3em;
    vertical-align: baseline;
    display: inline-block;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

html .km-widget .km-view .km-notext {
    margin-left: 0;
    margin-right: 0
}

.km-buttongroup .km-button .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: .05em .16em 0 0
}

.km-tabstrip .km-button .km-icon {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2.5rem
}

.km-tabstrip .km-button .km-icon, .km-tabstrip .km-image {
    margin: 0 auto .1em;
    display: inline-block
}

.km-tabstrip .km-text {
    display: block
}

.km-phone .km-tabstrip .km-icon {
    height: 2.2rem;
    width: 2.2rem;
    font-size: 2.2rem
}

.km-phone .km-horizontal .km-tabstrip .km-icon {
    height: 2rem;
    width: 2rem;
    font-size: 2rem
}

@font-face {
    font-family: "Kendo UI";
    src: url(/Content/ExcaliburIV_Custom/images/kendoui.woff?v=1.1) format("woff"),url(/Content/ExcaliburIV_Custom/images/kendoui.ttf?v=1.1) format("truetype"),url(/Content/ExcaliburIV_Custom/images/kendoui.svg#kendoui) format("svg")
}

body:before {
    font-family: "Kendo UI";
    content: "\a0";
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1
}

.km-root .km-pane .km-view .km-icon {
    -webkit-background-clip: text;
    -webkit-background-size: 0 0;
    background-size: 0 0
}

.km-icon {
    position: relative
}

    .km-contactadd:after, .km-contactadd:before, .km-detaildisclose:after, .km-detaildisclose:before, .km-filter-wrap:before, .km-icon:after, .km-icon:before, .km-loading:after, .km-rowdelete:after, .km-rowdelete:before, .km-rowinsert:after, .km-rowinsert:before {
        position: relative;
        content: "\a0";
        display: block;
        width: 100%;
        height: 100%;
        text-align: left;
        vertical-align: middle;
        -webkit-background-size: auto auto;
        background-size: auto;
        font: 1em/1em "Kendo UI"
    }

    .km-contactadd:before, .km-detaildisclose:before, .km-icon:before, .km-rowdelete:before, .km-rowinsert:before {
        position: absolute;
        margin-top: 1px;
        color: rgba(0,0,0,.7);
        display: none
    }

.km-state-active .km-contactadd:before, .km-state-active .km-detaildisclose:before, .km-state-active .km-icon:before, .km-state-active .km-rowdelete:before, .km-state-active .km-rowinsert:before {
    display: block
}

.km-ios7 .km-detaildisclose:after {
    font-family: serif
}

.km-ios7 .km-contactadd:before, .km-ios7 .km-detaildisclose:before, .km-ios7 .km-icon:before, .km-ios7 .km-rowdelete:before, .km-ios7 .km-rowinsert:before {
    display: none
}

.k-safari .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-safari .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-webkit .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after, .k-webkit .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after {
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-color: currentcolor;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.km-root .km-pane.km-on-blackberry.km-blackberry6 .km-view .km-icon:after, .km-root .km-pane.km-on-blackberry.km-blackberry7 .km-view .km-icon:after, .km-root .km-pane.km-pane.km-on-android .km-view .km-icon:after, .km-root .km-pane.km-pane.km-on-meego .km-view .km-icon:after {
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.km-contactadd:after, .km-contactadd:before, .km-rowinsert:after, .km-rowinsert:before {
    content: "\E039"
}

.km-rowdelete:after, .km-rowdelete:before {
    content: "\E03a"
}

.km-detaildisclose:after, .km-detaildisclose:before {
    content: "\E0E2"
}

.km-action:after, .km-action:before {
    content: "\e0ca"
}

.km-add:after, .km-add:before {
    content: "\e0cb"
}

.km-arrow-n:after, .km-arrow-n:before {
    content: "\e001"
}

.km-arrow-s:after, .km-arrow-s:before {
    content: "\e002"
}

.km-battery:after, .km-battery:before {
    content: "\e0ce"
}

.km-bookmarks:after, .km-bookmarks:before {
    content: "\e0cf"
}

.km-camera:after, .km-camera:before {
    content: "\e0d0"
}

.km-cart:after, .km-cart:before {
    content: "\e0d1"
}

.km-compose:after, .km-compose:before, .km-edit:after, .km-edit:before {
    content: "\e0d5"
}

.km-contacts:after, .km-contacts:before {
    content: "\e0e4"
}

.km-delete:after, .km-delete:before, .km-trash:after, .km-trash:before {
    content: "\e0ec"
}

.km-details:after, .km-details:before {
    content: "\e0e2"
}

.km-download:after, .km-download:before, .km-downloads:after, .km-downloads:before {
    content: "\e0d4"
}

.km-fastforward:after, .km-fastforward:before {
    content: "\e0d9"
}

.km-favorites:after, .km-favorites:before, .km-toprated:after, .km-toprated:before {
    content: "\e0d7"
}

.km-featured:after, .km-featured:before {
    content: "\e0d8"
}

.km-globe:after, .km-globe:before {
    content: "\e0dc"
}

.km-history:after, .km-history:before {
    content: "\e0e7"
}

.km-home:after, .km-home:before {
    content: "\e0dd"
}

.km-about:after, .km-about:before, .km-info:after, .km-info:before {
    content: "\e0de"
}

.km-minus:after, .km-minus:before {
    content: "\e033"
}

.km-more:after, .km-more:before {
    content: "\e0e0"
}

.km-mostrecent:after, .km-mostrecent:before {
    content: "\e0cc"
}

.km-mostviewed:after, .km-mostviewed:before {
    content: "\e0d6"
}

.km-organize:after, .km-organize:before {
    content: "\e0eb"
}

.km-pause:after, .km-pause:before {
    content: "\e0e3"
}

.km-play:after, .km-play:before {
    content: "\e0e5"
}

.km-plus:after, .km-plus:before {
    content: "\e032"
}

.km-recents:after, .km-recents:before {
    content: "\e0d2"
}

.km-refresh:after, .km-refresh:before {
    content: "\e0e6"
}

.km-reply:after, .km-reply:before {
    content: "\e0ed"
}

.km-rewind:after, .km-rewind:before {
    content: "\e0e8"
}

.km-search:after, .km-search:before {
    content: "\e0e9"
}

.km-settings:after, .km-settings:before {
    content: "\e0da"
}

.km-share:after, .km-share:before {
    content: "\e0df"
}

.km-sounds:after, .km-sounds:before, .km-volume:after, .km-volume:before {
    content: "\e0ef"
}

.km-stop:after, .km-stop:before {
    content: "\e0ea"
}

.km-wifi:after, .km-wifi:before {
    content: "\e0f0"
}

.km-drawer-icon:after, .km-drawer-icon:before, .km-hamburger:after, .km-hamburger:before {
    content: "\e105"
}

.km-root .km-pane .km-icon.km-check {
    -webkit-background-clip: initial
}

.km-root .km-pane .km-check:checked:after, .km-widget .km-check:checked:after {
    content: "\e227"
}

.km-android .km-more:after, .km-android .km-more:before {
    content: "\e0e1"
}

.km-meego .km-more:after, .km-meego .km-more:before {
    content: "\e0f1"
}

.km-wp .km-load-more .km-icon:after, .km-wp .km-loading:after, .km-wp .km-scroller-refresh .km-icon:after {
    content: "\e0f6"
}

.km-meego .km-load-more .km-icon:after, .km-meego .km-loading:after, .km-meego .km-scroller-refresh .km-icon:after {
    content: "\e0f6"
}

.km-android .km-load-more .km-icon:after, .km-root .km-android .km-loading:after, .km-root .km-android .km-scroller-refresh .km-icon:after {
    content: "\e0f6"
}

.km-scroller-pull .km-icon:after {
    content: "\e0f2"
}

.km-icon.km-phone:after, .km-ios7 .km-state-active .km-phone:after {
    content: "\e326"
}

.km-ios7 .km-detaildisclose:after {
    content: "i"
}

.km-ios7 .km-action:after {
    content: "\e1ff"
}

.km-ios7 .km-add:after {
    content: "\e200"
}

.km-ios7 .km-mostrecent:after {
    content: "\e201"
}

.km-ios7 .km-battery:after {
    content: "\e203"
}

.km-ios7 .km-bookmarks:after {
    content: "\e204"
}

.km-ios7 .km-camera:after {
    content: "\e205"
}

.km-ios7 .km-cart:after {
    content: "\e206"
}

.km-ios7 .km-recents:after {
    content: "\e207"
}

.km-ios7 .km-download:after, .km-ios7 .km-downloads:after {
    content: "\e209"
}

.km-ios7 .km-edit:after {
    content: "\e20a"
}

.km-ios7 .km-mostviewed:after {
    content: "\e20b"
}

.km-ios7 .km-favorites:after, .km-ios7 .km-toprated:after {
    content: "\e20c"
}

.km-ios7 .km-featured:after {
    content: "\e20d"
}

.km-ios7 .km-fastforward:after {
    content: "\e20e"
}

.km-ios7 .km-settings:after {
    content: "\e20f"
}

.km-ios7 .km-globe:after {
    content: "\e211"
}

.km-ios7 .km-home:after {
    content: "\e212"
}

.km-ios7 .km-about:after, .km-ios7 .km-info:after {
    content: "\e213"
}

.km-ios7 .km-share:after {
    content: "\e214"
}

.km-ios7 .km-more:after {
    content: "\e215"
}

.km-ios7 .km-details:after {
    content: "\e217"
}

.km-ios7 .km-pause:after {
    content: "\e218"
}

.km-ios7 .km-contacts:after {
    content: "\e219"
}

.km-ios7 .km-play:after {
    content: "\e21a"
}

.km-ios7 .km-refresh:after {
    content: "\e21b"
}

.km-ios7 .km-history:after {
    content: "\e21c"
}

.km-ios7 .km-rewind:after {
    content: "\e21d"
}

.km-ios7 .km-search:after {
    content: "\e21e"
}

.km-ios7 .km-stop:after {
    content: "\e21f"
}

.km-ios7 .km-organize:after {
    content: "\e220"
}

.km-ios7 .km-delete:after, .km-ios7 .km-trash:after {
    content: "\e221"
}

.km-ios7 .km-reply:after {
    content: "\e222"
}

.km-ios7 .km-forward:after {
    content: "\e223"
}

.km-ios7 .km-sounds:after, .km-ios7 .km-volume:after {
    content: "\e224"
}

.km-ios7 .km-wifi:after {
    content: "\e225"
}

.km-ios7 .km-phone:after {
    content: "\e226"
}

.km-ios7 .km-state-active .km-action:after {
    content: "\e2ff"
}

.km-ios7 .km-state-active .km-add:after {
    content: "\e300"
}

.km-ios7 .km-state-active .km-mostrecent:after {
    content: "\e301"
}

.km-ios7 .km-state-active .km-battery:after {
    content: "\e303"
}

.km-ios7 .km-state-active .km-bookmarks:after {
    content: "\e304"
}

.km-ios7 .km-state-active .km-camera:after {
    content: "\e305"
}

.km-ios7 .km-state-active .km-cart:after {
    content: "\e306"
}

.km-ios7 .km-state-active .km-recents:after {
    content: "\e307"
}

.km-ios7 .km-state-active .km-download:after, .km-ios7 .km-state-active .km-downloads:after {
    content: "\e309"
}

.km-ios7 .km-state-active .km-edit:after {
    content: "\e30a"
}

.km-ios7 .km-state-active .km-mostviewed:after {
    content: "\e30b"
}

.km-ios7 .km-state-active .km-favorites:after, .km-ios7 .km-state-active .km-toprated:after {
    content: "\e30c"
}

.km-ios7 .km-state-active .km-featured:after {
    content: "\e30d"
}

.km-ios7 .km-state-active .km-fastforward:after {
    content: "\e30e"
}

.km-ios7 .km-state-active .km-settings:after {
    content: "\e30f"
}

.km-ios7 .km-state-active .km-globe:after {
    content: "\e311"
}

.km-ios7 .km-state-active .km-home:after {
    content: "\e312"
}

.km-ios7 .km-state-active .km-about:after, .km-ios7 .km-state-active .km-info:after {
    content: "\e313"
}

.km-ios7 .km-state-active .km-share:after {
    content: "\e314"
}

.km-ios7 .km-state-active .km-more:after {
    content: "\e315"
}

.km-ios7 .km-state-active .km-details:after {
    content: "\e317"
}

.km-ios7 .km-state-active .km-pause:after {
    content: "\e318"
}

.km-ios7 .km-state-active .km-contacts:after {
    content: "\e319"
}

.km-ios7 .km-state-active .km-play:after {
    content: "\e31a"
}

.km-ios7 .km-state-active .km-refresh:after {
    content: "\e31b"
}

.km-ios7 .km-state-active .km-history:after {
    content: "\e31c"
}

.km-ios7 .km-state-active .km-rewind:after {
    content: "\e31d"
}

.km-ios7 .km-state-active .km-search:after {
    content: "\e31e"
}

.km-ios7 .km-state-active .km-stop:after {
    content: "\e31f"
}

.km-ios7 .km-state-active .km-organize:after {
    content: "\e320"
}

.km-ios7 .km-state-active .km-delete:after, .km-ios7 .km-state-active .km-trash:after {
    content: "\e321"
}

.km-ios7 .km-state-active .km-reply:after {
    content: "\e322"
}

.km-ios7 .km-state-active .km-forward:after {
    content: "\e323"
}

.km-ios7 .km-state-active .km-sounds:after, .km-ios7 .km-state-active .km-volume:after {
    content: "\e324"
}

.km-ios7 .km-state-active .km-wifi:after {
    content: "\e325"
}

.km-arrowdown:after, .km-arrowdown:before {
    content: "\e002"
}

.km-wp .km-scroller-pull .km-icon:after {
    content: "\E0D4"
}

.km-on-wp.km-app .km-filter-wrap:before, .km-on-wp.km-app .km-icon:after, .km-on-wp.km-app .km-state-active .km-icon:after {
    color: transparent;
    background-image: url(/Content/ExcaliburIV_Custom/images/wp8_icons.png);
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    height: 1em;
    margin-top: 0;
    vertical-align: middle
}

.km-wp-light.km-app .km-filter-wrap:before, .km-wp-light.km-app .km-icon:after {
    background-image: url(/Content/ExcaliburIV_Custom/images/wp8_inverseicons.png)
}

.km-on-wp.km-app .km-icon {
    line-height: 1em
}

    .km-on-wp.km-app .km-icon:before {
        display: none
    }

.km-on-wp.km-app .km-action:after {
    background-position-x: 20%
}

.km-on-wp.km-app .km-add:after, .km-on-wp.km-app .km-filter-reset .km-clear:after {
    background-position-x: 22%
}

.km-on-wp.km-app .km-battery:after {
    background-position-x: 24%
}

.km-on-wp.km-app .km-bookmarks:after {
    background-position-x: 26%
}

.km-on-wp.km-app .km-camera:after {
    background-position-x: 28%
}

.km-on-wp.km-app .km-cart:after {
    background-position-x: 30%
}

.km-on-wp.km-app .km-compose:after, .km-on-wp.km-app .km-edit:after {
    background-position-x: 32%
}

.km-on-wp.km-app .km-contacts:after {
    background-position-x: 34%
}

.km-on-wp.km-app .km-delete:after, .km-on-wp.km-app .km-trash:after {
    background-position-x: 36%
}

.km-on-wp.km-app .km-details:after {
    background-position-x: 38%
}

.km-on-wp.km-app .km-download:after, .km-on-wp.km-app .km-downloads:after {
    background-position-x: 40%
}

.km-on-wp.km-app .km-fastforward:after {
    background-position-x: 42%
}

.km-on-wp.km-app .km-favorites:after, .km-on-wp.km-app .km-toprated:after {
    background-position-x: 44%
}

.km-on-wp.km-app .km-featured:after {
    background-position-x: 46%
}

.km-on-wp.km-app .km-globe:after {
    background-position-x: 48%
}

.km-on-wp.km-app .km-history:after {
    background-position-x: 50%
}

.km-on-wp.km-app .km-home:after {
    background-position-x: 52%
}

.km-on-wp.km-app .km-about:after, .km-on-wp.km-app .km-info:after {
    background-position-x: 54%
}

.km-on-wp.km-app .km-more:after {
    background-position-x: 56%
}

.km-on-wp.km-app .km-mostrecent:after {
    background-position-x: 58%
}

.km-on-wp.km-app .km-mostviewed:after {
    background-position-x: 60%
}

.km-on-wp.km-app .km-organize:after {
    background-position-x: 62%
}

.km-on-wp.km-app .km-pause:after {
    background-position-x: 64%
}

.km-on-wp.km-app .km-play:after {
    background-position-x: 66%
}

.km-on-wp.km-app .km-recents:after {
    background-position-x: 68%
}

.km-on-wp.km-app .km-refresh:after {
    background-position-x: 70%
}

.km-on-wp.km-app .km-reply:after {
    background-position-x: 72%
}

.km-on-wp.km-app .km-rewind:after {
    background-position-x: 74%
}

.km-on-wp.km-app .km-filter-wrap:before, .km-on-wp.km-app .km-search:after {
    background-position-x: 76%
}

.km-on-wp.km-app .km-settings:after {
    background-position-x: 78%
}

.km-on-wp.km-app .km-share:after {
    background-position-x: 80%
}

.km-on-wp.km-app .km-sounds:after, .km-on-wp.km-app .km-volume:after {
    background-position-x: 82%
}

.km-on-wp.km-app .km-stop:after {
    background-position-x: 84%
}

.km-on-wp.km-app .km-wifi:after {
    background-position-x: 86%
}

.km-on-wp.km-app.km-android .km-more:after {
    background-position-x: 88%
}

.km-on-wp.km-app.km-meego .km-more:after {
    background-position-x: 90%
}

.km-on-wp.km-app.km-meego .km-load-more .km-icon:after, .km-on-wp.km-app.km-meego .km-loading:after, .km-on-wp.km-app.km-meego .km-scroller-refresh .km-icon:after {
    background-position-x: 94%
}

.km-on-wp.km-app .km-scroller-pull .km-icon:after {
    background-position-x: 100%
}

.km-on-wp.km-app .km-filter-wrap:before {
    display: inline-block;
    content: "\a0"
}

.km-on-wp.km-app .km-filter-reset .km-clear:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.km-list .km-icon-label.k-i-arrow-e:before {
    content: "\E000"
}

.km-list .km-icon-label.k-i-arrow-n:before {
    content: "\E001"
}

.km-list .km-icon-label.k-i-arrow-s:before {
    content: "\E002"
}

.km-list .km-icon-label.k-i-arrow-w:before {
    content: "\E003"
}

.km-list .km-icon-label.k-i-arrow-ne:before {
    content: "\E004"
}

.km-list .km-icon-label.k-i-arrow-nw:before {
    content: "\E005"
}

.km-list .km-icon-label.k-i-arrow-se:before {
    content: "\E006"
}

.km-list .km-icon-label.k-i-arrow-sw:before {
    content: "\E007"
}

.km-list .km-icon-label.k-i-seek-e:before {
    content: "\E008"
}

.km-list .km-icon-label.k-i-seek-n:before {
    content: "\E009"
}

.km-list .km-icon-label.k-i-seek-s:before {
    content: "\E00A"
}

.km-list .km-icon-label.k-i-seek-w:before {
    content: "\E00B"
}

.km-list .km-icon-label.k-si-arrow-e:before {
    content: "\E00C"
}

.km-list .km-icon-label.k-si-arrow-n:before {
    content: "\E00D"
}

.km-list .km-icon-label.k-si-arrow-s:before {
    content: "\E00E"
}

.km-list .km-icon-label.k-si-arrow-w:before {
    content: "\E00F"
}

.km-list .km-icon-label.k-i-arrowhead-e:before {
    content: "\E010"
}

.km-list .km-icon-label.k-i-arrowhead-n:before {
    content: "\E011"
}

.km-list .km-icon-label.k-i-arrowhead-s:before {
    content: "\E012"
}

.km-list .km-icon-label.k-i-arrowhead-w:before {
    content: "\E013"
}

.km-list .km-icon-label.k-i-arrowhead-ew:before {
    content: "\E014"
}

.km-list .km-icon-label.k-i-arrowhead-ns:before {
    content: "\E015"
}

.km-list .km-icon-label.k-i-move:before {
    content: "\E016"
}

.km-list .km-icon-label.k-i-resize:before {
    content: "\E017"
}

.km-list .km-icon-label.k-i-resize-45:before {
    content: "\E018"
}

.km-list .km-icon-label.k-i-resize-135:before {
    content: "\E019"
}

.km-list .km-icon-label.k-i-resize-h:before {
    content: "\E01A"
}

.km-list .km-icon-label.k-i-resize-v:before {
    content: "\E01B"
}

.km-list .km-icon-label.k-i-refresh:before {
    content: "\E01C"
}

.km-list .km-icon-label.k-i-refresh-rev:before {
    content: "\E01D"
}

.km-list .km-icon-label.k-si-refresh:before {
    content: "\E01E"
}

.km-list .km-icon-label.k-si-refresh-rev:before {
    content: "\E01F"
}

.km-list .km-icon-label.k-i-turn-en:before {
    content: "\E020"
}

.km-list .km-icon-label.k-i-turn-es:before {
    content: "\E021"
}

.km-list .km-icon-label.k-i-turn-ne:before {
    content: "\E022"
}

.km-list .km-icon-label.k-i-turn-nw:before {
    content: "\E023"
}

.km-list .km-icon-label.k-i-turn-se:before {
    content: "\E024"
}

.km-list .km-icon-label.k-i-turn-sw:before {
    content: "\E025"
}

.km-list .km-icon-label.k-i-turn-wn:before {
    content: "\E026"
}

.km-list .km-icon-label.k-i-turn-ws:before {
    content: "\E027"
}

.km-list .km-icon-label.k-i-uturn-e:before {
    content: "\E028"
}

.km-list .km-icon-label.k-i-uturn-e-rev:before {
    content: "\E029"
}

.km-list .km-icon-label.k-i-uturn-n:before {
    content: "\E02A"
}

.km-list .km-icon-label.k-i-uturn-n-rev:before {
    content: "\E02B"
}

.km-list .km-icon-label.k-i-uturn-s:before {
    content: "\E02C"
}

.km-list .km-icon-label.k-i-uturn-s-rev:before {
    content: "\E02D"
}

.km-list .km-icon-label.k-i-uturn-w:before {
    content: "\E02E"
}

.km-list .km-icon-label.k-i-uturn-w-rev:before {
    content: "\E02F"
}

.km-list .km-icon-label.k-i-tick-sign:before {
    content: "\E030"
}

.km-list .km-icon-label.k-i-close-sign:before {
    content: "\E031"
}

.km-list .km-icon-label.k-i-plus-sign:before {
    content: "\E032"
}

.km-list .km-icon-label.k-i-minus-sign:before {
    content: "\E033"
}

.km-list .km-icon-label.k-si-plus-sign:before {
    content: "\E034"
}

.km-list .km-icon-label.k-si-minus-sign:before {
    content: "\E035"
}

.km-list .km-icon-label.k-i-cancel:before {
    content: "\E036"
}

.km-list .km-icon-label.k-i-tick:before {
    content: "\E037"
}

.km-list .km-icon-label.k-i-close:before {
    content: "\E038"
}

.km-list .km-icon-label.k-i-plus:before {
    content: "\E039"
}

.km-list .km-icon-label.k-i-minus:before {
    content: "\E03A"
}

.km-list .km-icon-label.k-si-plus:before {
    content: "\E03B"
}

.km-list .km-icon-label.k-si-minus:before {
    content: "\E03C"
}

.km-list .km-icon-label.k-i-stop:before {
    content: "\E03D"
}

.km-list .km-icon-label.k-i-pause:before {
    content: "\E03E"
}

.km-list .km-icon-label.k-i-eject:before {
    content: "\E03F"
}

.km-list .km-icon-label.k-i-volume-off:before {
    content: "\E040"
}

.km-list .km-icon-label.k-i-volume-low:before {
    content: "\E041"
}

.km-list .km-icon-label.k-i-volume-high:before {
    content: "\E042"
}

.km-list .km-icon-label.k-i-earphones:before {
    content: "\E043"
}

.km-list .km-icon-label.k-i-heart:before {
    content: "\E044"
}

.km-list .km-icon-label.k-i-heart-empty:before {
    content: "\E045"
}

.km-list .km-icon-label.k-i-heart-half:before {
    content: "\E046"
}

.km-list .km-icon-label.k-i-star:before {
    content: "\E047"
}

.km-list .km-icon-label.k-i-star-empty:before {
    content: "\E048"
}

.km-list .km-icon-label.k-i-star-half:before {
    content: "\E049"
}

.km-list .km-icon-label.k-i-star-half-empty:before {
    content: "\E04A"
}

.km-list .km-icon-label.k-i-chart-column:before {
    content: "\E04B"
}

.km-list .km-icon-label.k-i-chart-bar:before {
    content: "\E04C"
}

.km-list .km-icon-label.k-i-chart-pie:before {
    content: "\E04D"
}

.km-list .km-icon-label.k-i-chart-donut:before {
    content: "\E04E"
}

.km-list .km-icon-label.k-i-chart-line:before {
    content: "\E04F"
}

.km-list .km-icon-label.k-i-chart-area:before {
    content: "\E050"
}

.km-list .km-icon-label.k-i-chart-donut:before {
    content: "\E051"
}

.km-list .km-icon-label.k-i-align-left:before {
    content: "\E052"
}

.km-list .km-icon-label.k-i-align-center:before {
    content: "\E053"
}

.km-list .km-icon-label.k-i-align-right:before {
    content: "\E054"
}

.km-list .km-icon-label.k-i-align-justify:before {
    content: "\E055"
}

.km-list .km-icon-label.k-i-align-clear:before {
    content: "\E056"
}

.km-list .km-icon-label.k-i-bold:before {
    content: "\E057"
}

.km-list .km-icon-label.k-i-bold-sans:before {
    content: "\E058"
}

.km-list .km-icon-label.k-i-italic:before {
    content: "\E059"
}

.km-list .km-icon-label.k-i-italic-sans:before {
    content: "\E05A"
}

.km-list .km-icon-label.k-i-underline:before {
    content: "\E05B"
}

.km-list .km-icon-label.k-i-underline-sans:before {
    content: "\E05C"
}

.km-list .km-icon-label.k-i-strikethrough:before {
    content: "\E05D"
}

.km-list .km-icon-label.k-i-strikethrough-sans:before {
    content: "\E05E"
}

.km-list .km-icon-label.k-i-font-a:before {
    content: "\E05F"
}

.km-list .km-icon-label.k-i-font-a-sans:before {
    content: "\E060"
}

.km-list .km-icon-label.k-i-font-t:before {
    content: "\E061"
}

.km-list .km-icon-label.k-i-font-t-sans:before {
    content: "\E062"
}

.km-list .km-icon-label.k-i-brightness:before {
    content: "\E063"
}

.km-list .km-icon-label.k-i-brightness-contrast:before {
    content: "\E064"
}

.km-list .km-icon-label.k-i-contrast:before {
    content: "\E065"
}

.km-list .km-icon-label.k-i-crop:before {
    content: "\E066"
}

.km-list .km-icon-label.k-i-mirror:before {
    content: "\E067"
}

.km-list .km-icon-label.k-i-flip-h:before {
    content: "\E068"
}

.km-list .km-icon-label.k-i-flip-v:before {
    content: "\E069"
}

.km-list .km-icon-label.k-i-rotate:before {
    content: "\E06A"
}

.km-list .km-icon-label.k-i-rotate-rev:before {
    content: "\E06B"
}

.km-list .km-icon-label.k-i-filter:before {
    content: "\E06C"
}

.km-list .km-icon-label.k-i-filter-clear:before {
    content: "\E06D"
}

.km-list .km-icon-label.k-i-sort-asc:before {
    content: "\E06E"
}

.km-list .km-icon-label.k-i-sort-desc:before {
    content: "\E06F"
}

.km-list .km-icon-label.k-i-sort-clear:before {
    content: "\E070"
}

.km-list .km-icon-label.k-i-indent:before {
    content: "\E071"
}

.km-list .km-icon-label.k-i-outdent:before {
    content: "\E072"
}

.km-list .km-icon-label.k-i-hyperlink:before {
    content: "\E073"
}

.km-list .km-icon-label.k-i-hyperlink-clear:before {
    content: "\E074"
}

.km-list .km-icon-label.k-i-hyperlink-ext:before {
    content: "\E075"
}

.km-list .km-icon-label.k-si-hyperlink-ext:before {
    content: "\E076"
}

.km-list .km-icon-label.k-i-ul:before {
    content: "\E077"
}

.km-list .km-icon-label.k-si-ul:before {
    content: "\E078"
}

.km-list .km-icon-label.k-i-paint:before {
    content: "\E079"
}

.km-list .km-icon-label.k-i-paste:before {
    content: "\E07A"
}

.km-list .km-icon-label.k-i-pencil:before {
    content: "\E07B"
}

.km-list .km-icon-label.k-i-image:before {
    content: "\E07C"
}

.km-list .km-icon-label.k-i-image-add:before {
    content: "\E07D"
}

.km-list .km-icon-label.k-i-print:before {
    content: "\E07E"
}

.km-list .km-icon-label.k-i-zoom:before {
    content: "\E07F"
}

.km-list .km-icon-label.k-i-zoom-in:before {
    content: "\E080"
}

.km-list .km-icon-label.k-i-zoom-out:before {
    content: "\E081"
}

.km-list .km-icon-label.k-i-asterisk:before {
    content: "\E082"
}

.km-list .km-icon-label.k-i-clip:before {
    content: "\E083"
}

.km-list .km-icon-label.k-i-clip-45:before {
    content: "\E084"
}

.km-list .km-icon-label.k-i-qrcode:before {
    content: "\E085"
}

.km-list .km-icon-label.k-i-book:before {
    content: "\E086"
}

.km-list .km-icon-label.k-i-bookmark:before {
    content: "\E087"
}

.km-list .km-icon-label.k-i-briefcase:before {
    content: "\E088"
}

.km-list .km-icon-label.k-i-calendar:before {
    content: "\E089"
}

.km-list .km-icon-label.k-i-camera-still:before {
    content: "\E08A"
}

.km-list .km-icon-label.k-i-camera-video:before {
    content: "\E08B"
}

.km-list .km-icon-label.k-i-certificate:before {
    content: "\E08C"
}

.km-list .km-icon-label.k-i-clock:before {
    content: "\E08D"
}

.km-list .km-icon-label.k-i-cloud:before {
    content: "\E08E"
}

.km-list .km-icon-label.k-i-collapse:before {
    content: "\E08F"
}

.km-list .km-icon-label.k-i-columns:before {
    content: "\E090"
}

.km-list .km-icon-label.k-i-comment:before {
    content: "\E091"
}

.km-list .km-icon-label.k-i-comment-empty:before {
    content: "\E092"
}

.km-list .km-icon-label.k-i-comments:before {
    content: "\E093"
}

.km-list .km-icon-label.k-i-comments-empty:before {
    content: "\E094"
}

.km-list .km-icon-label.k-i-credit-card:before {
    content: "\E095"
}

.km-list .km-icon-label.k-i-download:before {
    content: "\E096"
}

.km-list .km-icon-label.k-i-draghandle:before {
    content: "\E097"
}

.km-list .km-icon-label.k-si-draghandle:before {
    content: "\E098"
}

.km-list .km-icon-label.k-i-envelop:before {
    content: "\E099"
}

.km-list .km-icon-label.k-i-envelop-open:before {
    content: "\E09A"
}

.km-list .km-icon-label.k-i-eye:before {
    content: "\E09B"
}

.km-list .km-icon-label.k-i-file:before {
    content: "\E09C"
}

.km-list .km-icon-label.k-i-file-add:before {
    content: "\E09D"
}

.km-list .km-icon-label.k-i-film:before {
    content: "\E09E"
}

.km-list .km-icon-label.k-i-flag:before {
    content: "\E09F"
}

.km-list .km-icon-label.k-i-folder-add:before {
    content: "\E0A0"
}

.km-list .km-icon-label.k-i-folder:before {
    content: "\E0A1"
}

.km-list .km-icon-label.k-i-folder-open:before {
    content: "\E0A2"
}

.km-list .km-icon-label.k-i-folder-up:before {
    content: "\E0A3"
}

.km-list .km-icon-label.k-i-gear:before {
    content: "\E0A4"
}

.km-list .km-icon-label.k-si-gear:before {
    content: "\E0A5"
}

.km-list .km-icon-label.k-i-transmit:before {
    content: "\E0A6"
}

.km-list .km-icon-label.k-i-beer:before {
    content: "\E0A7"
}

.km-list .km-icon-label.k-i-cocktail:before {
    content: "\E0A8"
}

.km-list .km-icon-label.k-i-coffee:before {
    content: "\E0A9"
}

.km-list .km-icon-label.k-i-wine:before {
    content: "\E0AA"
}

.km-list .km-icon-label.k-i-grid:before {
    content: "\E0AB"
}

.km-list .km-icon-label.k-i-thumbs:before {
    content: "\E0AC"
}

.km-list .km-icon-label.k-i-split-h:before {
    content: "\E0AD"
}

.km-list .km-icon-label.k-i-split-v:before {
    content: "\E0AE"
}

.km-list .km-icon-label.k-i-home:before {
    content: "\E0AF"
}

.km-list .km-icon-label.k-i-inbox:before {
    content: "\E0B0"
}

.km-list .km-icon-label.k-i-key:before {
    content: "\E0B1"
}

.km-list .km-icon-label.k-i-login:before {
    content: "\E0B2"
}

.km-list .km-icon-label.k-i-logout:before {
    content: "\E0B3"
}

.km-list .km-icon-label.k-i-place:before {
    content: "\E0B4"
}

.km-list .km-icon-label.k-i-megaphone:before {
    content: "\E0B5"
}

.km-list .km-icon-label.k-i-note:before {
    content: "\E0B6"
}

.km-list .km-icon-label.k-i-pin:before {
    content: "\E0B7"
}

.km-list .km-icon-label.k-i-unpin:before {
    content: "\E0B8"
}

.km-list .km-icon-label.k-i-power:before {
    content: "\E0B9"
}

.km-list .km-icon-label.k-i-progress-bars:before {
    content: "\E0BA"
}

.km-list .km-icon-label.k-i-road:before {
    content: "\E0BB"
}

.km-list .km-icon-label.k-i-rss:before {
    content: "\E0BC"
}

.km-list .km-icon-label.k-i-floppy:before {
    content: "\E0BD"
}

.km-list .km-icon-label.k-i-sitemap:before {
    content: "\E0BE"
}

.km-list .km-icon-label.k-i-tag-45:before {
    content: "\E0BF"
}

.km-list .km-icon-label.k-i-tag-h:before {
    content: "\E0C0"
}

.km-list .km-icon-label.k-i-thunderbolt:before {
    content: "\E0C1"
}

.km-list .km-icon-label.k-i-tooltip:before {
    content: "\E0C2"
}

.km-list .km-icon-label.k-i-trash:before {
    content: "\E0C3"
}

.km-list .km-icon-label.k-i-trophy:before {
    content: "\E0C4"
}

.km-list .km-icon-label.k-i-ungroup:before {
    content: "\E0C5"
}

.km-list .km-icon-label.k-i-upload:before {
    content: "\E0C6"
}

.km-list .km-icon-label.k-i-window:before {
    content: "\E0C7"
}

.km-list .km-icon-label.k-i-tiles:before {
    content: "\E0C8"
}

.km-list .km-icon-label.k-i-wrench:before {
    content: "\E0C9"
}

.km-list .km-icon-label.k-i-action:before {
    content: "\E0CA"
}

.km-list .km-icon-label.k-i-add:before {
    content: "\E0CB"
}

.km-list .km-icon-label.k-i-add-inv:before {
    content: "\E0CC"
}

.km-list .km-icon-label.k-i-armchair:before {
    content: "\E0CD"
}

.km-list .km-icon-label.k-i-battery:before {
    content: "\E0CE"
}

.km-list .km-icon-label.k-i-book-open:before {
    content: "\E0CF"
}

.km-list .km-icon-label.k-i-camera:before {
    content: "\E0D0"
}

.km-list .km-icon-label.k-i-cart:before {
    content: "\E0D1"
}

.km-list .km-icon-label.k-i-time:before {
    content: "\E0D2"
}

.km-list .km-icon-label.k-i-coffee-card:before {
    content: "\E0D3"
}

.km-list .km-icon-label.k-i-download-arrow:before {
    content: "\E0D4"
}

.km-list .km-icon-label.k-i-edit:before {
    content: "\E0D5"
}

.km-list .km-icon-label.k-i-faves:before {
    content: "\E0D6"
}

.km-list .km-icon-label.k-i-star:before {
    content: "\E0D7"
}

.km-list .km-icon-label.k-i-featured:before {
    content: "\E0D8"
}

.km-list .km-icon-label.k-i-forward:before {
    content: "\E0D9"
}

.km-list .km-icon-label.k-i-cog:before {
    content: "\E0DA"
}

.km-list .km-icon-label.k-i-globe:before {
    content: "\E0DB"
}

.km-list .km-icon-label.k-i-globe-inv:before {
    content: "\E0DC"
}

.km-list .km-icon-label.k-i-house:before {
    content: "\E0DD"
}

.km-list .km-icon-label.k-i-info:before {
    content: "\E0DE"
}

.km-list .km-icon-label.k-i-share:before {
    content: "\E0DF"
}

.km-list .km-icon-label.k-i-more-h:before {
    content: "\E0E0"
}

.km-list .km-icon-label.k-i-more-v:before {
    content: "\E0E1"
}

.km-list .km-icon-label.k-i-next:before {
    content: "\E0E2"
}

.km-list .km-icon-label.k-i-pause-a:before {
    content: "\E0E3"
}

.km-list .km-icon-label.k-i-user:before {
    content: "\E0E4"
}

.km-list .km-icon-label.k-i-play-a:before {
    content: "\E0E5"
}

.km-list .km-icon-label.k-i-refresh-a:before {
    content: "\E0E6"
}

.km-list .km-icon-label.k-i-reset:before {
    content: "\E0E7"
}

.km-list .km-icon-label.k-i-rewind:before {
    content: "\E0E8"
}

.km-list .km-icon-label.k-i-search-a:before {
    content: "\E0E9"
}

.km-list .km-icon-label.k-i-stop-a:before {
    content: "\E0EA"
}

.km-list .km-icon-label.k-i-tiles-a:before {
    content: "\E0EB"
}

.km-list .km-icon-label.k-i-trash-a:before {
    content: "\E0EC"
}

.km-list .km-icon-label.k-i-undo:before {
    content: "\E0ED"
}

.km-list .km-icon-label.k-i-redo:before {
    content: "\E0EE"
}

.km-list .km-icon-label.k-i-volume-a:before {
    content: "\E0EF"
}

.km-list .km-icon-label.k-i-wifi:before {
    content: "\E0F0"
}

.km-list .km-icon-label.k-i-more-lines:before {
    content: "\E0F1"
}

.km-list .km-icon-label.k-i-pull-to-ref:before {
    content: "\E0F2"
}

.km-list .km-icon-label.k-i-loading-android:before {
    content: "\E0F3"
}

.km-list .km-icon-label.k-i-loading-blackberry:before {
    content: "\E0F4"
}

.km-list .km-icon-label.k-i-loading-meego:before {
    content: "\E0F5"
}

.km-list .km-icon-label.k-i-loading-custom:before {
    content: "\E0F6"
}

.km-list .km-icon-label.k-i-loading-ios:before {
    content: "\E0F7"
}

.km-list .km-icon-label.k-i-bug:before {
    content: "\E0F8"
}

.km-list .km-icon-label.k-i-info:before {
    content: "\E0F9"
}

.km-list .km-icon-label.k-i-warning:before {
    content: "\E0FA"
}

.km-list .km-icon-label.k-i-question:before {
    content: "\E0FB"
}

.km-list .km-icon-label.k-i-insert-n:before {
    content: "\E0FC"
}

.km-list .km-icon-label.k-i-insert-m:before {
    content: "\E0FD"
}

.km-list .km-icon-label.k-i-insert-s:before {
    content: "\E0FE"
}

.km-list .km-icon-label.k-i-lock:before {
    content: "\E0FF"
}

.km-list .km-icon-label.k-i-unlock:before {
    content: "\E100"
}

.km-list .km-icon-label.k-i-phone:before {
    content: "\E101"
}

.km-list .km-icon-label.k-i-tablet:before {
    content: "\E102"
}

.km-list .km-icon-label.k-i-ol:before {
    content: "\E103"
}

.km-list .km-icon-label.k-i-barcode:before {
    content: "\E104"
}

.km-list .km-icon-label.k-i-html5:before {
    content: "\E105"
}

.km-list .km-icon-label.k-i-css3:before {
    content: "\E106"
}

.km-list .km-icon-label.k-i-kendoui:before {
    content: "\E107"
}

.km-list .km-icon-label.k-i-telerik:before {
    content: "\E108"
}

.km-list .km-icon-label.k-i-icenium:before {
    content: "\E109"
}

.km-list .km-icon-label.k-i-sitefinity:before {
    content: "\E10A"
}

.km-list .km-icon-label.k-i-twitter:before {
    content: "\E10B"
}

.km-list .km-icon-label.k-i-linkedin:before {
    content: "\E10C"
}

.km-list .km-icon-label.k-i-facebook:before {
    content: "\E10D"
}

.km-list .km-icon-label.k-i-pinterest:before {
    content: "\E10E"
}

.km-list .km-icon-label.k-i-youtube:before {
    content: "\E10F"
}

.km-list .km-icon-label.k-i-vimeo:before {
    content: "\E110"
}

.km-list .km-icon-label.k-i-behance:before {
    content: "\E111"
}

.km-list .km-icon-label.k-i-dribbble:before {
    content: "\E112"
}

.km-list .km-icon-label.k-i-googleplus:before {
    content: "\E113"
}

.km-list .km-icon-label.k-i-minimize:before {
    content: "\E114"
}

.km-list .km-icon-label.k-i-html:before {
    content: "\E115"
}

.km-list .km-icon-label.k-i-group:before {
    content: "\E116"
}

.km-list .km-icon-label.k-i-subscript:before {
    content: "\E117"
}

.km-list .km-icon-label.k-i-superscript:before {
    content: "\E118"
}

.km-list .km-icon-label.k-i-drophere:before {
    content: "\E119"
}

@media only screen and (height:320px) and (orientation:landscape) {
    .km-ios6 {
        height: 100% !important
    }
}

.km-ios:after {
    content: url(/Content/ExcaliburIV_Custom/images/back.png);
    display: none
}

.km-ios {
    font: 700 .9em HelveticaNeue,sans-serif
}

    .km-ios .km-view {
        overflow: hidden
    }

    .km-ios .km-actionsheet > li > a, .km-ios .km-button, .km-ios .km-navbar, .km-ios .km-popup .k-item, .km-ios .km-tabstrip, .km-ios .km-toolbar {
        overflow: visible;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        border-radius: 5px
    }

.k-ff .km-ios .km-detail .km-icon {
    top: 5%;
    left: 7%
}

.km-ios .km-button .km-contactadd:before, .km-ios .km-button .km-detaildisclose:before, .km-ios .km-button .km-icon:before, .km-ios .km-button .km-rowdelete:before, .km-ios .km-button .km-rowinsert:before {
    display: block;
    margin-top: -1px
}

.km-ios .km-button .km-icon, .km-ios .km-button.km-state-active .km-icon {
    text-shadow: none
}

.km-ios .km-buttongroup .km-icon {
    margin-top: .1em
}

.k-safari .km-ios .km-icon:after, .k-webkit .km-ios .km-icon:after {
    background-color: currentcolor
}

.km-ios .km-tabstrip .km-icon:before {
    display: block;
    margin-top: 1px
}

.km-ios .km-tabstrip .km-state-active .km-icon:before {
    margin-top: 2px
}

.km-ios .km-navbar, .km-ios .km-tabstrip, .km-ios .km-toolbar {
    border: 0;
    border-radius: 0
}

.km-ios .km-pane > .km-loader, .km-ios.km-pane > .km-loader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-ios .km-loader:before {
    content: "\a0";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.km-ios .km-load-more, .km-ios .km-scroller-pull {
    font-size: 1em
}

.km-ios .km-scroller-pull {
    opacity: .5
}

.km-ios .km-list > .km-load-more {
    border-top: 0
}

.km-ios .km-loader h1, .km-ios .km-scroller-refresh .km-template {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2em
}

.km-ios .km-scroller-pull .km-template {
    min-width: 0
}

.km-ios .km-loader .km-loading-left, .km-ios .km-loading, .km-ios .km-scroller-refresh .km-loading-left, .km-root .km-ios .km-load-more.km-scroller-refresh .km-icon, .km-root .km-ios .km-scroller-pull.km-scroller-refresh .km-icon {
    display: inline-block;
    top: auto;
    left: auto;
    width: 8px;
    height: 2px;
    font-size: 1em;
    margin: 0;
    border: 0;
    border-radius: 5px;
    vertical-align: middle;
    -webkit-transform-origin: 150% 50%;
    -ms-transform-origin: 150% 50%;
    transform-origin: 150% 50%;
    background: currentcolor;
    -webkit-animation: km-ios-spin 1.5s infinite steps(8);
    animation: km-ios-spin 1.5s infinite steps(8);
    -webkit-box-shadow: 16px 0 rgba(0,0,0,.6);
    box-shadow: 16px 0 rgba(0,0,0,.6)
}

.km-ios .km-loader .km-loading-left, .km-ios .km-loading {
    margin: 2px 0 0
}

    .km-ios .km-load-more.km-scroller-refresh .km-icon:after, .km-ios .km-load-more.km-scroller-refresh .km-icon:before, .km-ios .km-loading:after, .km-ios .km-loading:before, .km-ios .km-scroller-pull.km-scroller-refresh .km-icon:after, .km-ios .km-scroller-pull.km-scroller-refresh .km-icon:before {
        color: inherit;
        content: "\a0";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 0;
        margin-top: 0;
        -webkit-transform-origin: inherit;
        -ms-transform-origin: inherit;
        transform-origin: inherit;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: inherit;
        height: inherit;
        border-radius: inherit;
        background: inherit;
        -webkit-background-clip: border-box;
        -webkit-text-fill-color: inherit;
        -webkit-box-shadow: 16px 0 rgba(0,0,0,.5);
        box-shadow: 16px 0 rgba(0,0,0,.5)
    }

    .km-ios .km-load-more.km-scroller-refresh .km-icon:after, .km-ios .km-loading:after, .km-ios .km-scroller-pull.km-scroller-refresh .km-icon:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-box-shadow: 16px 0 rgba(0,0,0,.4);
        box-shadow: 16px 0 rgba(0,0,0,.4)
    }

.km-ios .km-loader .km-loading-left, .km-ios .km-scroller-refresh .km-loading-left {
    margin-left: -8px;
    -webkit-box-shadow: 16px 0 rgba(0,0,0,.3);
    box-shadow: 16px 0 rgba(0,0,0,.3);
    -webkit-animation: km-ios-spin1 1.5s infinite steps(8);
    animation: km-ios-spin1 1.5s infinite steps(8)
}

.km-ios .km-loading-left:after, .km-ios .km-loading-left:before, .km-ios .km-loading-right {
    display: none
}

.km-ios .km-loading, .km-ios .km-loading:after, .km-ios .km-loading:before {
    color: #000
}

    .km-ios .km-loading:before {
        color: rgba(0,0,0,.9)
    }

    .km-ios .km-loading:after {
        color: rgba(0,0,0,.8)
    }

.km-ios .km-loading-left {
    color: rgba(0,0,0,.7)
}

.km-ios .km-popup .k-popup {
    font-size: .8em
}

.km-ios .km-actionsheet > li > a, .km-ios .km-popup .k-item {
    overflow: hidden;
    border-width: 3px;
    border-radius: .6em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 1.5em;
    padding: .35em 0 .35em .6em;
    text-shadow: none
}

.km-root .km-ios .km-popup .k-item {
    border-width: 3px;
    border-style: solid
}

.km-ios .km-actionsheet > li, .km-ios .km-popup .k-item {
    margin: .5em 0
}

    .km-ios .km-actionsheet > li:first-child, .km-ios .km-popup .k-item:first-child {
        margin: 1em 0 .5em
    }

    .km-ios .km-popup .k-item:last-child {
        margin: .5em 0 1em
    }

    .km-ios .km-actionsheet > li > a:active, .km-ios .km-actionsheet > li > a:hover, .km-ios .km-popup .k-state-focused, .km-ios .km-popup .k-state-hover, .km-ios .km-popup .k-state-selected, .km-ios li.km-actionsheet-cancel > a {
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

.km-ios .km-popup {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-ios .km-popup .k-list-container {
        width: 100% !important
    }

.km-ios .km-actionsheet, .km-phone .km-ios .km-popup .k-list-container {
    max-height: 80%
}

.km-ios .km-actionsheet-wrapper, .km-ios .km-popup .k-list-container {
    bottom: 0;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 1.5em
}

.km-phone .km-ios .km-actionsheet-wrapper, .km-phone .km-ios .km-popup .k-list-container {
    border-top: 0
}

.km-ios .km-modalview-wrapper, .km-ios .km-popup-wrapper {
    padding: 15px
}

.km-ios .km-popup.km-pane {
    border: 5px solid transparent
}

.km-ios .km-popup.km-pane, .km-tablet .km-ios .km-actionsheet-wrapper {
    border-radius: 5px
}

    .km-ios .km-modalview, .km-ios .km-popup.km-pane .km-view {
        overflow: visible;
        border-radius: 0
    }

html .km-ios .km-modalview .km-navbar, html .km-ios .km-modalview .km-toolbar, html .km-ios .km-popup.km-pane .km-navbar, html .km-ios .km-popup.km-pane .km-tabstrip, html .km-ios .km-popup.km-pane .km-toolbar {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-ios .km-modalview .km-header, .km-ios .km-popup.km-pane .km-header {
    padding: 0 5px;
    margin: -5px -5px 2px;
    border-radius: 5px 5px 0 0;
    -webkit-margin-collapse: separate
}

.km-ios .km-listview-label input[type=checkbox]:checked, .km-ios .km-listview-label input[type=radio]:checked {
    font-size: 1.2em
}

.km-tablet .km-ios .km-tabstrip {
    padding: .2rem 0 .2rem
}

.km-tablet .km-ios.km-horizontal .km-tabstrip {
    padding: .2rem 0 0
}

.km-tablet .km-pane.km-ios .km-tabstrip {
    padding: 0
}

.km-tablet .km-ios .km-tabstrip .km-icon {
    margin: .3rem auto
}

.km-tablet .km-ios.km-horizontal .km-tabstrip .km-icon {
    margin: .1rem auto
}

.km-tablet .km-ios .km-tabstrip .km-button {
    padding: .1rem .3rem;
    margin: 0;
    min-width: 8em
}

.km-tablet .km-ios.km-horizontal .km-tabstrip .km-button {
    padding: 0 .2rem
}

.km-tablet .km-ios .km-modalview .km-view-title, .km-tablet .km-ios .km-view-title {
    line-height: 2.2em
}

.km-tablet .km-ios .km-actionsheet-title, .km-tablet .km-ios li.km-actionsheet-cancel {
    display: none
}

.km-tablet .km-ios .km-actionsheet-wrapper, .km-tablet .km-ios .km-popup .k-list-container {
    padding: .6em 1em
}

.km-ios, .km-ios .km-listview-wrapper .km-filter-wrap {
    background: #fff
}

    .km-ios .k-toolbar, .km-ios .km-actionsheet > li > a, .km-ios .km-button, .km-ios .km-navbar, .km-ios .km-popup .k-item, .km-ios .km-tabstrip {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),color-stop(6%,rgba(255,255,255,.45)),color-stop(50%,rgba(255,255,255,.2)),color-stop(50%,rgba(255,255,255,.15)),to(rgba(100,100,100,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5),rgba(255,255,255,.45) 6%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.15) 50%,rgba(100,100,100,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.45) 6%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.15) 50%,rgba(100,100,100,0));
        border-color: #2f3740 #394d68 #375073;
        background-color: #7185a2
    }

    .km-ios .km-dialog-title, .km-ios .km-view-title {
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.3)
    }

    .km-ios .k-overflow-container > li > .km-button, .km-ios .k-split-container > li > .km-button, .km-ios .k-toolbar, .km-ios .km-actionsheet > li > a, .km-ios .km-button, .km-ios .km-dialog-title, .km-ios .km-navbar, .km-ios .km-popup .k-item, .km-ios .km-tabstrip, .km-ios .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.3)
    }

    .km-ios .km-button {
        border-bottom-color: rgba(255,255,255,.5);
        background: #496b9a;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.35),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.35),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0))
    }

    .km-ios .k-toolbar .km-buttongroup, .km-ios .km-button {
        -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.5);
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.5)
    }

        .km-ios .km-button.km-state-active, .km-ios .km-button:active {
            background-color: #264e8c;
            -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1000px rgba(0,0,0,.2);
            box-shadow: inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1000px rgba(0,0,0,.2)
        }

    .km-ios .km-detail .km-icon, .km-ios .km-icon, .km-ios .km-switch-label-on, .km-ios li.km-state-active, .km-ios li.km-state-active .km-icon {
        color: #fff
    }

    .km-ios .km-checkbox, .km-ios .km-switch-wrapper {
        background-color: #f0f0f0
    }

    .km-ios .k-slider-selection, .km-ios .km-switch-background {
        background-color: #007EE9;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),color-stop(50%,#eee));
        background-image: -webkit-linear-gradient(top,#dbdbdb,#eee 50%);
        background-image: linear-gradient(to bottom,#dbdbdb,#eee 50%)
    }

        .km-ios .km-switch-background:after {
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.14)),to(rgba(255,255,255,.4)));
            background-image: -webkit-linear-gradient(top,rgba(255,255,255,.14) 0,rgba(255,255,255,.4));
            background-image: linear-gradient(to bottom,rgba(255,255,255,.14) 0,rgba(255,255,255,.4))
        }

    .km-ios .km-switch-container {
        -webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.3),inset 0 -1px 1px 0 rgba(0,0,0,.2);
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.3),inset 0 -1px 1px 0 rgba(0,0,0,.2);
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(95%,rgba(0,0,0,0)),to(rgba(0,0,0,.2)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 95%,rgba(0,0,0,.2));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 95%,rgba(0,0,0,.2))
    }

    .km-ios .km-checkbox {
        border-color: #e5e5e5
    }

    .km-ios .km-checkbox-checked {
        border-color: #fff;
        background-color: #B00;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f1969b),color-stop(50%,rgba(230,70,78,.5)),color-stop(50%,rgba(222,11,21,.5)),to(rgba(183,0,0,0)));
        background-image: -webkit-linear-gradient(top,#f1969b,rgba(230,70,78,.5) 50%,rgba(222,11,21,.5) 50%,rgba(183,0,0,0));
        background-image: linear-gradient(to bottom,#f1969b,rgba(230,70,78,.5) 50%,rgba(222,11,21,.5) 50%,rgba(183,0,0,0));
        -webkit-box-shadow: 0 2px 3px #333;
        box-shadow: 0 2px 3px #333
    }

    .km-ios .km-switch-handle {
        border-color: rgba(102,102,102,.8);
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(5%,#d7d7d7),to(#fff));
        background-image: -webkit-linear-gradient(top,#fff,#d7d7d7 5%,#fff);
        background-image: linear-gradient(to bottom,#fff,#d7d7d7 5%,#fff)
    }

    .km-ios .km-switch-label-off {
        color: #7f7f7f
    }

    .km-ios .km-switch-container, .km-ios .km-switch-wrapper {
        border-color: #f0f0f0
    }

    .km-ios .km-badge, .km-ios .km-detail {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),color-stop(50%,rgba(255,255,255,.2)),color-stop(50%,rgba(255,255,255,.1)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5),rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0));
        color: #FFF;
        background-color: #bc0404
    }

    .km-ios .km-detail {
        background-color: #1F6DD8
    }

        .km-ios .km-detail.km-state-active, .km-ios .km-detail:active {
            -webkit-box-shadow: inset 0 0 0 .16rem #fff,0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1000px rgba(0,0,0,.2);
            box-shadow: inset 0 0 0 .16rem #fff,0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1000px rgba(0,0,0,.2)
        }

    .km-ios .km-filter-form {
        color: #b1b3b8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.3)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,.3));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.3))
    }

    .km-ios .km-filter-reset .km-clear, .km-ios .km-filter-wrap:before {
        color: #adadad
    }

    .km-ios .km-list li > .km-icon, .km-ios .km-listview-link > .km-icon {
        color: #000
    }

    .km-ios .km-button .km-contactadd:before, .km-ios .km-button .km-detaildisclose:before, .km-ios .km-button .km-icon:before, .km-ios .km-button .km-rowdelete:before, .km-ios .km-button .km-rowinsert:before {
        color: rgba(0,0,0,.3)
    }

    .km-ios .km-rowinsert {
        background-color: #24870D
    }

    .km-ios .km-rowdelete {
        background-color: #B01B1A
    }

    .km-ios .km-buttongroup .km-button, .km-tablet .km-ios .km-buttongroup .km-button {
        border-color: rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.4);
        box-shadow: 0 1px 0 0 rgba(255,255,255,.4)
    }

    .km-ios .km-content .km-buttongroup .km-button:not(.km-state-active), .km-ios .km-footer > .km-buttongroup .km-button:not(.km-state-active), .km-ios .km-header > .km-buttongroup .km-button:not(.km-state-active) {
        color: #929292;
        text-shadow: 0 1px rgba(255,255,255,.8)
    }

    .km-ios .km-content .km-buttongroup .km-button, .km-ios .km-footer > .km-buttongroup .km-button, .km-ios .km-header > .km-buttongroup .km-button {
        background-color: #fff;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.12)),to(rgba(0,0,0,.25)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.12) 50%,rgba(0,0,0,.25));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.12) 50%,rgba(0,0,0,.25))
    }

.km-root .km-ios .km-buttongroup .km-state-active {
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 0 0 1000px rgba(0,0,0,.2);
    box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 0 0 1000px rgba(0,0,0,.2)
}

.km-ios .km-content .km-buttongroup .km-state-active, .km-ios .km-footer > .km-buttongroup .km-state-active, .km-ios .km-header > .km-buttongroup .km-state-active {
    color: #fff;
    border-color: rgba(0,0,0,.4);
    background-color: #3D7EEB;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(50%,rgba(0,0,0,0)),color-stop(50%,rgba(255,255,255,.05)),to(rgba(255,255,255,.25)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.25));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.25));
    -webkit-box-shadow: inset -1px 0 2px rgba(0,0,0,.3);
    box-shadow: inset -1px 0 2px rgba(0,0,0,.3)
}

.km-ios .k-toolbar, .km-ios .km-navbar {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.65)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.65),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.65),rgba(255,255,255,0));
    background-color: #506D93;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3)
}

.km-ios .km-view-title {
    -webkit-box-shadow: rgba(0,0,0,.3) 0 -1px 0 inset,rgba(0,0,0,.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,.3) 0 -1px 0 inset,rgba(0,0,0,.3) 0 1px 3px
}

.km-ios .km-tabstrip {
    border-top-color: rgba(255,255,255,.2);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(46,46,46,.8)),color-stop(50%,rgba(21,21,21,.5)),color-stop(50%,rgba(0,0,0,.8)),to(rgba(0,0,0,.8)));
    background-image: -webkit-linear-gradient(top,rgba(46,46,46,.8),rgba(21,21,21,.5) 50%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.8));
    background-image: linear-gradient(to bottom,rgba(46,46,46,.8),rgba(21,21,21,.5) 50%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.8));
    -webkit-box-shadow: 0 -1px 0 0 #000;
    box-shadow: 0 -1px 0 0 #000;
    background-color: #1A1A1A;
    text-shadow: 0 1px 1px #000;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.18)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.18),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.18),rgba(255,255,255,0))
}

html .km-ios .km-tabstrip .km-button {
    color: #d1d1d1;
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,.2),2px 0 0 rgba(0,0,0,.5);
    box-shadow: 1px 0 0 rgba(255,255,255,.2),2px 0 0 rgba(0,0,0,.5)
}

    html .km-ios .km-tabstrip .km-button:active, html .km-ios .km-tabstrip .km-button:active:last-child, html .km-ios .km-tabstrip .km-state-active, html .km-ios .km-tabstrip .km-state-active:last-child {
        color: #FFF;
        background-color: #1A1A1A;
        -webkit-box-shadow: 0 0 2px rgba(255,255,255,.4);
        box-shadow: 0 0 2px rgba(255,255,255,.4);
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(rgba(255,255,255,.18)),color-stop(right,to),color-stop(rgba(0,0,0,.6)),color-stop(3%,rgba(0,0,0,0)),color-stop(97%,rgba(0,0,0,0)),to(rgba(0,0,0,.6)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.18),to right,rgba(0,0,0,.6),rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,.6));
        /*background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.18),to right,rgba(0,0,0,.6),rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,.6))*/
    }

.km-ios .km-listgroupinset .km-list > li:first-child, .km-ios .km-listinset > li:first-child {
    border-color: #b1b3b8;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 1px 0 0 rgba(200,200,200,.4),inset 0 -1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 1px 0 0 rgba(200,200,200,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.km-ios .km-list > li {
    border-top-color: rgba(255,255,255,.1);
    border-bottom-color: rgba(0,0,0,.1)
}

.km-ios .km-listgroupinset .km-list > li, .km-ios .km-listinset > li {
    border-color: #b1b3b8;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.4)
}

    .km-ios .km-listgroupinset .km-list > li:last-child, .km-ios .km-listinset > li:last-child {
        border-color: #b1b3b8;
        -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 1px 0 rgba(255,255,255,.4);
        box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 1px 0 rgba(255,255,255,.4)
    }

.km-ios li.km-state-active .km-listview-label, .km-ios li.km-state-active .km-listview-link {
    color: #fff;
    background: #0260E8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.28)),color-stop(50%,rgba(255,255,255,.1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.28),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.28),rgba(255,255,255,.1) 50%,rgba(255,255,255,0))
}

.km-ios .km-listview-link:after {
    color: #7b7b7b
}

.km-ios .km-state-active .km-listview-link:after {
    color: #fff
}

.km-ios .km-group-title {
    color: #FFF;
    text-shadow: 0 1px 1px rgba(100,100,100,.8);
    border-top-color: rgba(255,255,255,.2);
    border-bottom-color: rgba(0,0,0,0);
    background-color: #94A3AE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.3));
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.3));
    -webkit-box-shadow: 0 -1px 0 #86929A;
    box-shadow: 0 -1px 0 #86929A
}

.km-ios .km-listgroupinset .km-group-title {
    color: #4C566C;
    text-shadow: 0 1px 1px rgba(255,255,255,.8)
}

.km-ios .km-list > li {
    background: #f0f0f0
}

.km-ios, .km-ios .km-content {
    background: #f0f0f0;
    color: #000
}

    .km-ios .km-insetcontent {
        background: #c4ccd5 url(/Content/ExcaliburIV_Custom/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAGklEQVR4Xm3DMREAAACCQKPYvySeO8MHML0BOrEVLMJmdzAAAAAASUVORK5CYII=)
    }

    .km-ios .k-toolbar .km-button .km-icon, .km-ios .km-button .km-icon, .km-ios .km-button.km-state-active .km-icon {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.9)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,.9));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,.9))
    }

    .km-ios .km-buttongroup .km-icon {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.3)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,.3));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.3))
    }

    .km-ios .km-tabstrip .km-icon {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.4),rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.4),rgba(255,255,255,0));
        color: #666
    }

    .km-ios .km-tabstrip .km-state-active .km-icon {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.6)),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 50%,rgba(255,255,255,.3) 100%);
        background-image: linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 50%,rgba(255,255,255,.3) 100%);
        color: #00B0FF
    }

    .km-ios .km-scroller-pull, .km-root .km-ios .km-load-more {
        color: #656565;
        text-shadow: 0 1px 1px rgba(255,255,255,.5)
    }

        .km-ios .km-load-more .km-icon, .km-ios .km-scroller-pull .km-icon {
            color: #656565;
            text-shadow: 0 1px 1px rgba(255,255,255,.5)
        }

.k-safari .km-ios .km-load-more .km-icon:after, .k-safari .km-ios .km-scroller-pull .km-icon:after, .k-webkit .km-ios .km-load-more .km-icon:after, .k-webkit .km-ios .km-scroller-pull .km-icon:after {
    background: rgba(255,255,255,.5);
    text-shadow: 0 1px 1px #656565
}

.km-ios .km-pages li {
    background: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.3);
    border-radius: 1em;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5);
    box-shadow: 0 1px 1px rgba(255,255,255,.5)
}

.km-ios .km-pages .km-current-page {
    background: rgba(0,0,0,.3)
}

.km-ios .k-slider .k-draghandle, .km-ios .k-slider .k-draghandle:hover {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));
    background-image: -webkit-linear-gradient(top,#ccc,#fff);
    background-image: linear-gradient(to bottom,#ccc,#fff);
    -webkit-box-shadow: inset 0 0 0 1px #f9f9f9,1px 1px 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 0 1px #f9f9f9,1px 1px 3px rgba(0,0,0,.3)
}

.km-ios .k-slider-selection {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(15%,rgba(0,0,0,0)),color-stop(90%,rgba(0,0,0,0)),color-stop(rgba(0,0,0,.4)),color-stop(bottom,to),color-stop(#2a5db2),to(#6da9f7));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0) 15%,rgba(0,0,0,0) 90%,rgba(0,0,0,.4),to bottom,#2a5db2,#6da9f7);
    /*background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 15%,rgba(0,0,0,0) 90%,rgba(0,0,0,.4),to bottom,#2a5db2,#6da9f7)*/
}

.km-ios .k-slider-track {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(30%,rgba(0,0,0,0)),color-stop(90%,rgba(0,0,0,0)),color-stop(rgba(0,0,0,.4)),color-stop(bottom,to),color-stop(#dbdbdb),to(#fff));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 90%,rgba(0,0,0,.4),to bottom,#dbdbdb,#fff);
    /*background-image: linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 90%,rgba(0,0,0,.4),to bottom,#dbdbdb,#fff)*/
}

.km-ios .km-dialog {
    background: rgba(10,25,65,.8);
    border-color: rgba(255,255,255,.8);
    -webkit-box-shadow: 3px 3px 5px #111;
    box-shadow: 3px 3px 5px #111
}

.km-ios .km-dialog-title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),color-stop(60%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 60%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0) 60%);
    text-shadow: 0 -1px #333
}

.km-ios .km-dialog:before {
    background: url(/Content/ExcaliburIV_Custom/data:image/svg+xml;utf8,<svg xmlns=%22http:/www.w3.org/2000/svg%22><defs><clipPath id=%22clip%22><rect x=%220%22 y=%220%22 width=%22100%%22 height=%22100%%22 rx=%2210%22 ry=%2210%22/></clipPath></defs><ellipse fill=%22white%22 cx=%2250%%22 cy=%220%22 rx=%2280%%22 ry=%2260%%22 clip-path=%22url(%23clip)%22/></svg>')
}

.km-ios .km-dialog-content {
    color: #fff;
    text-shadow: 0 -1px #333
}

.km-ios .km-loader {
    background-color: rgba(0,0,0,.1)
}

    .km-ios .km-loader h1, .km-ios .km-scroller-refresh .km-template {
        color: #222;
        text-shadow: 0 1px 0 rgba(255,255,255,.8)
    }

.km-ios .km-scroller-pull .km-template {
    color: #656565
}

.km-ios .km-list .k-dropdown-wrap, .km-ios .km-list input[type=color], .km-ios .km-list input[type=date], .km-ios .km-list input[type=datetime-local], .km-ios .km-list input[type=datetime], .km-ios .km-list input[type=email], .km-ios .km-list input[type=month], .km-ios .km-list input[type=number], .km-ios .km-list input[type=password], .km-ios .km-list input[type=search], .km-ios .km-list input[type=tel], .km-ios .km-list input[type=text]:not(.k-input), .km-ios .km-list input[type=time], .km-ios .km-list input[type=url], .km-ios .km-list input[type=week], .km-ios .km-list select:not([multiple]), .km-ios .km-list textarea {
    color: #385487
}

    .km-ios .km-list .k-dropdown-wrap .k-input {
        color: #385487
    }

    .km-ios .km-list select:not([multiple]) option {
        color: #333
    }

.km-ios .km-content .km-list .km-state-active input[type=color], .km-ios .km-content .km-list .km-state-active input[type=date], .km-ios .km-content .km-list .km-state-active input[type=datetime-local], .km-ios .km-content .km-list .km-state-active input[type=datetime], .km-ios .km-content .km-list .km-state-active input[type=email], .km-ios .km-content .km-list .km-state-active input[type=month], .km-ios .km-content .km-list .km-state-active input[type=number], .km-ios .km-content .km-list .km-state-active input[type=password], .km-ios .km-content .km-list .km-state-active input[type=search], .km-ios .km-content .km-list .km-state-active input[type=tel], .km-ios .km-content .km-list .km-state-active input[type=text]:not(.k-input), .km-ios .km-content .km-list .km-state-active input[type=time], .km-ios .km-content .km-list .km-state-active input[type=url], .km-ios .km-content .km-list .km-state-active input[type=week], .km-ios .km-content .km-list .km-state-active select:not([multiple]), .km-ios .km-content .km-list .km-state-active textarea {
    color: #fff
}

.km-ios .km-actionsheet > li > a {
    color: #000
}

.km-ios .k-overflow-container.km-actionsheet > li > .km-button, .km-ios .k-split-container.km-actionsheet > li > .km-button, .km-ios .km-actionsheet > li > a, .km-ios .km-popup .k-item {
    color: #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.5),0 1px 1px rgba(255,255,255,.3);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5),0 1px 1px rgba(255,255,255,.3);
    border-color: rgba(40,40,40,.9);
    background: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.2)),color-stop(85%,rgba(0,0,0,.25)),to(rgba(0,0,0,.15)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2) 50%,rgba(0,0,0,.25) 85%,rgba(0,0,0,.15));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.2) 50%,rgba(0,0,0,.25) 85%,rgba(0,0,0,.15))
}

.km-root .km-ios .km-popup .k-item {
    border-color: rgba(0,0,0,.8)
}

.km-ios .km-actionsheet-wrapper .km-actionsheet > li > .km-state-active, .km-ios .km-actionsheet > li > a:active, .km-ios .km-actionsheet > li > a:hover, .km-ios li.km-actionsheet-cancel > a {
    color: #fff
}

.km-ios .km-actionsheet-wrapper .km-actionsheet > li > .km-state-active, .km-ios .km-actionsheet > li > a:active, .km-ios .km-actionsheet > li > a:hover, .km-ios .km-popup .k-state-focused, .km-ios .km-popup .k-state-hover, .km-ios .km-popup .k-state-selected, .km-ios li.km-actionsheet-cancel > a {
    color: #fff;
    background: #1537c6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.45)),color-stop(60%,rgba(255,255,255,.1)),color-stop(80%,rgba(255,255,255,0)),to(rgba(255,255,255,.15)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.45),rgba(255,255,255,.1) 60%,rgba(255,255,255,0) 80%,rgba(255,255,255,.15));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.1) 60%,rgba(255,255,255,0) 80%,rgba(255,255,255,.15));
    text-shadow: 0 1px rgba(0,0,0,.3)
}

.km-ios li.km-actionsheet-cancel > a {
    background-color: #2b3038;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),color-stop(60%,rgba(255,255,255,0)),color-stop(85%,rgba(255,255,255,0)),to(rgba(255,255,255,.08)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 60%,rgba(255,255,255,0) 85%,rgba(255,255,255,.08));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0) 60%,rgba(255,255,255,0) 85%,rgba(255,255,255,.08))
}

.km-ios .km-popup {
    background: rgba(0,0,0,.6)
}

    .km-ios .k-overflow-wrapper .km-actionsheet-wrapper, .km-ios .k-split-wrapper .km-actionsheet-wrapper, .km-ios .km-actionsheet-wrapper, .km-ios .km-popup .k-list-container {
        color: #fff;
        border-top: 1px solid rgba(255,255,255,.5);
        background: rgba(23,37,64,.6);
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),color-stop(10%,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5),rgba(255,255,255,.2) 10%,rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.2) 10%,rgba(255,255,255,0))
    }

.km-phone .km-ios .km-actionsheet-wrapper, .km-phone .km-ios .km-popup .k-list-container {
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5);
    box-shadow: 0 -1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)
}

.km-root .km-ios .k-overflow-container.km-actionsheet, .km-root .km-ios .k-split-container.km-actionsheet {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-ios .km-shim {
    background: rgba(23,23,46,.5)
}

.km-ios .km-listview-label input[type=checkbox]:checked, .km-ios .km-listview-label input[type=radio]:checked {
    font-size: 1.2em;
    color: #3E4E65
}

.km-ios .km-state-active input[type=checkbox]:checked, .km-ios .km-state-active input[type=radio]:checked {
    color: #fff
}

.km-tablet .km-ios .km-modalview .km-view-title, .km-tablet .km-ios .km-view-title {
    color: #848B92;
    text-shadow: 0 1px rgba(255,255,255,.8)
}

.km-tablet .km-ios .k-toolbar .km-buttongroup .km-button, .km-tablet .km-ios :not(.km-tabstrip):not(.km-buttongroup) > .km-button {
    background-color: #6A727D
}

.km-ios .k-toolbar .km-buttongroup .km-button, .km-ios :not(.km-tabstrip):not(.km-buttongroup) > .km-button, .km-tablet .km-ios :not(.km-tabstrip):not(.km-buttongroup) > .km-button {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0))
}

.km-ios .k-toolbar .km-buttongroup .km-button, .km-ios :not(.km-tabstrip):not(.km-buttongroup) > .km-button {
    background-color: #44648f
}

.km-tablet .km-ios .k-toolbar, .km-tablet .km-ios .km-modalview .km-header, .km-tablet .km-ios .km-navbar {
    background: #A8ACB9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,0))
}

.km-tablet .km-ios .km-content {
    background: #D7D9DF none
}

.km-ios .km-splitview {
    background: #000
}

    .km-ios .km-splitview > .km-split-content > .km-pane {
        border-right-color: #000;
        background: #fff
    }

    .km-ios .km-splitview > .km-collapsible-pane {
        -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
        box-shadow: 3px 3px 5px rgba(0,0,0,.3)
    }

.km-ios .km-split-vertical > .km-split-content > .km-pane {
    border-bottom-color: #000
}

.km-ios .k-overflow-wrapper .km-actionsheet-wrapper, .km-ios .k-split-wrapper .km-actionsheet-wrapper, .km-ios .km-popup.km-pane, .km-tablet .km-ios .km-actionsheet-wrapper {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5)
}

    .km-ios .km-modalview .km-header, .km-ios .km-popup.km-pane .km-header {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.35),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.35),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0))
    }

    .km-ios .k-overflow-wrapper .km-actionsheet-wrapper, .km-ios .k-split-wrapper .km-actionsheet-wrapper, .km-ios .km-popup.km-pane, .km-ios .km-popup.km-pane .km-navbar .km-button, .km-tablet .km-ios .km-actionsheet-wrapper {
        background-color: rgba(10,18,38,.9)
    }

.km-ios .km-popup-arrow:after, .km-ios .km-popup-arrow:before {
    border-color: rgba(0,0,0,.5) transparent
}

.km-ios .km-popup-arrow:after {
    border-color: rgba(24,31,49,.9) transparent
}

.km-ios .km-left .km-popup-arrow:after, .km-ios .km-right .km-popup-arrow:after {
    border-color: transparent rgba(24,31,49,.9)
}

.km-ios .km-down .km-popup-arrow:after {
    border-color: rgba(106,111,124,.9) transparent
}

.km-ios .km-modalview {
    background-color: #7185a2;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5)
}

.km-ios .km-collapsible-content, .km-ios .km-collapsible-header {
    border-color: transparent;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 1px 0 0 rgba(200,200,200,.4),inset 0 -1px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 0 rgba(255,255,255,.4),inset 0 1px 0 0 rgba(200,200,200,.4),inset 0 -1px 0 rgba(0,0,0,.2);
    background: #f7f7f7
}

    .km-ios .km-collapsible-header .km-icon {
        color: #7f7f7f
    }

.km-ios label.km-required:after {
    color: #f44336
}

.km-ios .km-label-above {
    color: #7b7b7b
}

.km-ios .km-list fieldset .km-inline-field {
    border-color: #b1b3b8
}

.km-ios .km-list fieldset legend {
    color: #FFF;
    border-top-color: #86929A;
    border-bottom-color: rgba(0,0,0,0);
    background-color: #94A3AE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.3));
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.3));
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2)
}

.km-ios .km-legend-button {
    text-shadow: 0 1px 1px rgba(100,100,100,.8)
}

.km-ios .km-list .km-icon-label .k-dropdown-wrap, .km-ios .km-list .km-icon-label input[type=color], .km-ios .km-list .km-icon-label input[type=date], .km-ios .km-list .km-icon-label input[type=datetime-local], .km-ios .km-list .km-icon-label input[type=datetime], .km-ios .km-list .km-icon-label input[type=email], .km-ios .km-list .km-icon-label input[type=month], .km-ios .km-list .km-icon-label input[type=number], .km-ios .km-list .km-icon-label input[type=password], .km-ios .km-list .km-icon-label input[type=search], .km-ios .km-list .km-icon-label input[type=tel], .km-ios .km-list .km-icon-label input[type=text]:not(.k-input), .km-ios .km-list .km-icon-label input[type=time], .km-ios .km-list .km-icon-label input[type=url], .km-ios .km-list .km-icon-label input[type=week], .km-ios .km-list .km-icon-label select:not([multiple]), .km-ios .km-list .km-icon-label textarea, .km-ios .km-list .km-label-above .k-dropdown-wrap, .km-ios .km-list .km-label-above input[type=color], .km-ios .km-list .km-label-above input[type=date], .km-ios .km-list .km-label-above input[type=datetime-local], .km-ios .km-list .km-label-above input[type=datetime], .km-ios .km-list .km-label-above input[type=email], .km-ios .km-list .km-label-above input[type=month], .km-ios .km-list .km-label-above input[type=number], .km-ios .km-list .km-label-above input[type=password], .km-ios .km-list .km-label-above input[type=search], .km-ios .km-list .km-label-above input[type=tel], .km-ios .km-list .km-label-above input[type=text]:not(.k-input), .km-ios .km-list .km-label-above input[type=time], .km-ios .km-list .km-label-above input[type=url], .km-ios .km-list .km-label-above input[type=week], .km-ios .km-list .km-label-above select:not([multiple]), .km-ios .km-list .km-label-above textarea, .km-ios .km-list fieldset .k-dropdown-wrap, .km-ios .km-list fieldset input[type=color], .km-ios .km-list fieldset input[type=date], .km-ios .km-list fieldset input[type=datetime-local], .km-ios .km-list fieldset input[type=datetime], .km-ios .km-list fieldset input[type=email], .km-ios .km-list fieldset input[type=month], .km-ios .km-list fieldset input[type=number], .km-ios .km-list fieldset input[type=password], .km-ios .km-list fieldset input[type=search], .km-ios .km-list fieldset input[type=tel], .km-ios .km-list fieldset input[type=text]:not(.k-input), .km-ios .km-list fieldset input[type=time], .km-ios .km-list fieldset input[type=url], .km-ios .km-list fieldset input[type=week], .km-ios .km-list fieldset select:not([multiple]), .km-ios .km-list fieldset textarea {
    color: #030303
}

.km-ios .km-full-width-slider .k-slider-track {
    border-color: #b1b3b8;
    border-top-color: #9699a0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(#fff));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.3) 0,#fff 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.3) 0,#fff 100%)
}

.km-ios .k-slider-horizontal .k-slider-selection {
    background: -webkit-gradient(linear,left top,left bottom,from(#283b55),to(#849fc5));
    background: -webkit-linear-gradient(top,#283b55 0,#849fc5 100%);
    background: linear-gradient(to bottom,#283b55 0,#849fc5 100%)
}

.km-ios .k-slider.km-full-width-slider .k-draghandle, .km-ios .k-slider.km-full-width-slider .k-draghandle:hover {
    border-color: #b1b3b8;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));
    background-image: -webkit-linear-gradient(top,#ccc,#fff);
    background-image: linear-gradient(to bottom,#ccc,#fff)
}

.km-ios .km-checkbox-label:after, .km-ios .km-checkbox-label:before {
    color: #3E4E65
}

.km-ios .km-radio-label:before {
    border-color: #b1b3b8;
    background-color: #fff
}

.km-ios .km-radio-label:after {
    background-color: #44648f;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,0));
    border-color: #264e8c
}

.km-ios .km-list fieldset .km-legend-button.km-invalid, .km-ios .km-list > li label.km-invalid, .km-ios .km-list > li label.km-invalid.km-required:after {
    color: #f9a825
}

.km-ios .km-invalid-msg {
    color: #fff;
    background: #f9a825
}

.km-ios .km-button {
    text-align: center;
    padding: .4em .8em;
    border-width: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.k-safari .km-ios .km-back, .k-webkit .km-ios .km-back {
    overflow: hidden;
    margin-left: -1em;
    padding-left: 2.1em;
    -webkit-mask-image: url(/Content/ExcaliburIV_Custom/images/back.png);
    -webkit-mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 1em
}

.km-ios .km-back:after {
    content: "\a0";
    display: none;
    position: absolute;
    left: 1em;
    top: 0;
    bottom: 0;
    width: 12px;
    background: url(/Content/ExcaliburIV_Custom/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABCCAYAAABAfGYuAAAC4ElEQVR4Xr3XT4jSQRQH8K2NvcQWHZZYomBhKzaCCmVbEwJRQQtZ8c9vV9xlRTZEiujQHjKIhaAI82BbxwiCTiooKoSglBklWBRGBRnizYsXvfuat8zAw87zhO/545uZ934zUwAwZTKZODIrEhB5IvKGA54RiYgUaXTDVybALZFzIkd0wl4CxkTmqaELXiPohsJ0wwZB/YhwwHR5VxHggO0EDSDAAS8RNIwAB3yYoFEEuOCYROMIcMGbpNo5LthB0MsIcMAnJ3uVC45L9AYCXPCGRO+LTHPBK2SJLyHAAR8i6DoCXPA27Vcu2E2qPcEFzxP0GgIcMG2dbQS4YHqTmOGCzxB0BQEu+I5ENxHggOkSP0CAC6ZLbGaDJ5eYCzYkuosAF7xIlniZE75N3jdTXHCAVHuAA0ZgYXJQcME3JRpBgBPelfA6K9xut8EwjN8Sv8gGAwCUy2VwuVyfBHCPE36IeDqd/s651whjXvV6PQiFQh2J27jgZRGo1Wrg8Xi+SvwoxwBB/C7iuVwOrFZrRQAxDljhe8PhEMLhcFe9i7jg4yLQarUgGAz+lPh5nTDFw4iXSiVwOp0fBbDDASv8kWyxL7LqKAes8Jeyxf5K/DoXbBaBer0OPp+vLfFFnTDFbyFeKBTAbrfX8bLAASv8KeLJZPKz2m8OWOGvu90u3e9VLtgiAo1GA/x+/w+JX9AJUzyOeLFYVJ9QxI/phCn+GPFMJqPmeZwDVviL0WhE53mUC54TgU6nQw+boROm+FXEm80mfkx+SdyuE6Z4BPFKpQJer/ebxE06YYon1GRzu91qwJzVDtPJhjcXh8PxQeKndMIU31NtZrPZ3kl8QStM22w8Hiv8vZpuHPBBxEUgm83S6ebUCdPKnyOez+fpad8SmdYFUzyFeLVaxSHzx2w2l2T1ayKnRWYVrAPfQbzf7+OJ338Y4qm3WCxv8Y8oWBe+JPJMBAaDAT4OIZVKQSKRgH+T7a9S/jnyXAAAAABJRU5ErkJggg==);
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.k-safari .km-ios .km-back:after, .k-webkit .km-ios .km-back:after {
    display: block
}

.k-safari .km-ios.km-on-android .km-back, .k-webkit .km-ios.km-on-android .km-back {
    -webkit-mask-image: none;
    padding-left: .8em;
    margin-left: 0
}

    .k-safari .km-ios.km-on-android .km-back:after, .k-webkit .km-ios.km-on-android .km-back:after {
        display: none
    }

.k-ff .km-ios .km-back {
    overflow: hidden;
    margin-left: 0;
    padding-left: 1.4em;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-clip-path: url(/Content/ExcaliburIV_Custom/data:image/svg+xml;utf-8,<svg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 1 1%22><clipPath id=%22backbutton%22 clipPathUnits=%22objectBoundingBox%22><path fill=%22black%22 d=%22M8.7,1c0,0-8,0-8,0C0,1,0.2,1,0,0.5 C0.2-0,0,0,0.5,0H9V1z%22%2F><%2FclipPath><%2Fsvg>#backbutton);
    clip-path: url(/Content/ExcaliburIV_Custom/data:image/svg+xml;utf-8,<svg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 1 1%22><clipPath id=%22backbutton%22 clipPathUnits=%22objectBoundingBox%22><path fill=%22black%22 d=%22M8.7,1c0,0-8,0-8,0C0,1,0.2,1,0,0.5 C0.2-0,0,0,0.5,0H9V1z%22%2F><%2FclipPath><%2Fsvg>#backbutton)
}

    .k-ff .km-ios .km-back:after {
        display: block;
        left: 0
    }

.km-ios .km-badge {
    border-radius: 3em;
    -webkit-box-shadow: inset 0 0 0 .16rem #fff,0 1px 3px rgba(0,0,0,.5);
    box-shadow: inset 0 0 0 .16rem #fff,0 1px 3px rgba(0,0,0,.5)
}

.km-ios .km-detail {
    border-radius: 3em;
    -webkit-box-shadow: inset 0 0 0 .16rem #fff,0 1px 3px rgba(0,0,0,.5);
    box-shadow: inset 0 0 0 .16rem #fff,0 1px 3px rgba(0,0,0,.5);
    border: 0
}

.km-ios .km-buttongroup {
    border: none;
    background: 0 0;
    padding: 0 1px 1px 0
}

    .km-ios .km-buttongroup .km-button, .km-tablet .km-ios .km-buttongroup .km-button {
        border-radius: 0;
        border-width: 1px;
        border-right-width: 0
    }

.km-ios .km-navbar .km-buttongroup .km-button:not(.km-state-active) {
    background-color: transparent
}

.km-ios .km-view .km-buttongroup .km-button:first-child {
    border-radius: 5pt 0 0 5pt
}

.km-ios .km-view .km-buttongroup .km-button:last-child {
    border-radius: 0 5pt 5pt 0
}

.km-ios .k-toolbar .km-buttongroup {
    border-radius: 6pt
}

.km-ios .km-buttongroup .km-button:last-child {
    border-right-width: 1px
}

.km-ios .km-buttongroup .km-state-active {
    text-shadow: none;
    border-width: 1px 0 1px 1px
}

    .km-ios .km-buttongroup .km-state-active:last-child {
        margin-left: -1px
    }

.km-ios .km-dialog-title, .km-ios .km-view-title {
    position: relative;
    visibility: visible;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.3em;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto
}

.km-ios.km-horizontal .km-view-title {
    line-height: 2em
}

.km-ios .km-navbar, .km-ios .km-toolbar {
    overflow: visible
}

.km-ios .k-toolbar .k-split-button, .km-ios .k-toolbar .k-split-button > .km-button, .km-ios .k-toolbar .km-buttongroup, .km-ios .k-toolbar > .km-button {
    padding-top: 0;
    padding-bottom: 1px;
    font-size: 1em
}

    .km-ios .k-toolbar .km-buttongroup .km-button {
        padding: 0 .8em
    }

.km-ios .k-split-button .km-arrowdown, .km-ios .k-toolbar .k-button-icon .km-icon, .km-ios .k-toolbar .k-button-icontext .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    margin-top: -8px;
    margin-bottom: -5px;
    vertical-align: middle
}

.km-ios .k-split-button .km-arrowdown {
    margin-left: 2px;
    margin-right: 1px
}

.km-ios .k-split-button .km-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.km-ios .k-split-button-arrow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.km-ios .km-actionsheet.k-overflow-container > li > .km-button, .km-ios .km-actionsheet.k-split-container > li > .km-button {
    min-width: 10em;
    text-align: center;
    font-size: 1.1em;
    border-radius: 5px;
    margin: .4em 0;
    padding: .35em .6em;
    text-shadow: none
}

.km-ios .km-actionsheet.k-split-container > li > .km-button {
    min-width: 5em
}

.km-ios .k-overflow-wrapper .km-popup-wrapper, .km-ios .k-split-wrapper .km-popup-wrapper {
    padding: 7px
}

.km-ios .k-overflow-wrapper .km-actionsheet-wrapper, .km-ios .k-split-wrapper .km-actionsheet-wrapper {
    border-radius: 7px;
    padding: .4em 1em .7em
}

html .km-ios .k-overflow-container.km-actionsheet > li, html .km-ios .k-split-container.km-actionsheet > li {
    margin-top: 0;
    margin-bottom: 0
}

.km-ios .k-overflow-container.km-actionsheet, .km-ios .k-split-container.km-actionsheet {
    border-top: 0;
    background: 0 0;
    padding: 0
}

.km-ios .km-tabstrip {
    padding: .1em 0;
    border-top-width: 1px;
    border-top-style: solid
}

.km-phone .km-ios .km-tabstrip {
    display: table;
    border-collapse: separate;
    border-spacing: 3px 0
}

    .km-phone .km-ios .km-tabstrip .km-button {
        display: table-cell
    }

.km-root .km-ios .km-tabstrip {
    border-spacing: 0;
    padding: 0
}

.km-ios .km-tabstrip .km-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: 0;
    font-size: .7em;
    min-width: 6em;
    text-shadow: inherit;
    margin: 0;
    padding: .1em .3em .4em;
    border-radius: 0
}

    .km-ios .km-tabstrip .km-button:last-child {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-ios .km-switch {
    width: 5rem;
    height: 1.8rem;
    line-height: 1.65rem;
    overflow: hidden;
    font-family: HelveticaNeue,Arial,sans-serif
}

.km-ios .km-switch-wrapper {
    overflow: hidden
}

.km-ios .k-slider-selection, .km-ios .km-switch-background {
    background-position: 4.25em 0;
    background-repeat: no-repeat
}

.km-ios .k-slider-horizontal .k-slider-selection, .km-ios .km-switch-background {
    margin-left: -3.4rem
}

    .km-ios .km-switch-background:after {
        content: "\a0";
        display: inline-block;
        margin: 0 0 0 .3rem;
        width: 78%;
        height: 50%;
        line-height: 100%;
        vertical-align: bottom
    }

.km-ios .km-switch-container {
    padding: 1px 0 1px 1px;
    border-width: 0
}

.km-ios .km-checkbox {
    border-width: 3px;
    border-style: solid;
    border-radius: 15px;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.km-ios .km-switch-handle {
    width: 1.6em;
    margin: -1px 3px 0 -1px;
    border-width: 1px;
    border-style: solid
}

.km-ios .km-switch-label-off {
    left: 1.5em
}

.km-ios .km-switch-label-on {
    left: -3em
}

.km-ios .km-switch-label-off, .km-ios .km-switch-label-on {
    width: 195%;
    font-size: 1em;
    line-height: 1.5em;
    vertical-align: middle
}

.km-ios .km-switch-background, .km-ios .km-switch-container, .km-ios .km-switch-handle, .km-ios .km-switch-wrapper {
    border-radius: 1.3em
}

.km-ios .km-switch-container, .km-ios .km-switch-wrapper {
    border-radius: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.km-ios .km-switch-background:after {
    border-radius: 1em 1em .5em .5em
}

.km-ios li.km-state-active {
    border-width: 0
}

.km-ios .km-listview .km-switch {
    margin-top: -.85rem
}

.km-ios .km-filter-form {
    border-color: currentcolor;
    background-color: currentcolor
}

.km-ios .km-filter-wrap {
    color: inherit;
    border-radius: 2em;
    -webkit-box-shadow: inset 0 1px 3px #b1b3b8;
    box-shadow: inset 0 1px 3px #b1b3b8;
    -webkit-box-shadow: inset 0 1px 3px currentcolor;
    box-shadow: inset 0 1px 3px currentcolor;
    border-color: currentcolor;
    background: 0 0
}

    .km-ios .km-filter-wrap .km-clear:after {
        content: "\e031"
    }

.km-ios .km-list {
    overflow: visible
}

.km-ios .km-listgroupinset .km-list > li:first-child, .km-ios .km-listinset > li:first-child {
    border-width: 1px 1px 0;
    border-style: solid;
    border-radius: 7px 7px 0 0
}

.km-ios .km-list > li {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.km-ios .km-listgroupinset .km-list > li, .km-ios .km-listinset > li {
    border-style: solid;
    border-width: 0 1px
}

    .km-ios .km-listgroupinset .km-list > li:last-child, .km-ios .km-listinset > li:last-child {
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-radius: 0 0 7px 7px
    }

    .km-ios .km-listgroupinset .km-list > li:first-child:last-child, .km-ios .km-listinset > li:first-child:last-child {
        border-width: 1px;
        border-radius: 7px
    }

.km-ios .km-state-active .km-listview-link:after {
    border-color: inherit
}

.km-on-ios.km-ios .km-listview-link:after {
    width: .66rem;
    height: .64rem;
    border-width: 0;
    -webkit-box-shadow: inset -.2rem .2rem 0;
    box-shadow: inset -.2rem .2rem 0
}

.km-ios .km-listgroupinset .km-list > li:first-child, .km-ios .km-listgroupinset li:first-child > .km-listview-label, .km-ios .km-listgroupinset li:first-child > .km-listview-link, .km-ios .km-listinset li:first-child > .km-listview-label, .km-ios .km-listinset li:first-child > .km-listview-link, .km-ios .km-listinset > li:first-child {
    border-radius: 6px 6px 0 0
}

.km-ios .km-listgroupinset li:last-child > .km-listview-label, .km-ios .km-listgroupinset li:last-child > .km-listview-link, .km-ios .km-listinset li:last-child > .km-listview-label, .km-ios .km-listinset li:last-child > .km-listview-link {
    border-radius: 0 0 6px 6px
}

.km-ios .km-listgroupinset li:first-child:last-child > .km-listview-label, .km-ios .km-listgroupinset li:first-child:last-child > .km-listview-link, .km-ios .km-listinset li:first-child:last-child > .km-listview-label, .km-ios .km-listinset li:first-child:last-child > .km-listview-link {
    border-radius: 6px
}

.km-ios .km-group-title {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative
}

.km-ios .km-listgroupinset .km-group-title {
    font-size: 1.2em;
    padding: 0;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-ios .km-list > li {
    display: block;
    vertical-align: middle;
    line-height: 1.6em;
    font-size: 1.2em;
    font-weight: 700;
    overflow: hidden
}

.km-ios .km-insetcontent .km-content {
    background: 0 0
}

.km-ios .km-scroller-pull, .km-root .km-ios .km-load-more {
    font-size: 1em;
    background: 0 0
}

    .km-ios .km-load-more .km-icon, .km-ios .km-scroller-pull .km-icon {
        width: 2rem;
        height: 2rem;
        font-size: 2rem
    }

.km-ios .km-pages li {
    border-width: 1px;
    border-style: solid;
    border-radius: 1em
}

.km-ios .k-slider .k-draghandle, .km-ios .k-slider .k-draghandle:hover {
    border: 0;
    border-radius: 5em
}

.km-ios .km-list .km-full-width-slider {
    margin-top: .5em;
    padding: 1.1em 0
}

.km-ios .k-slider-vertical .k-draghandle {
    margin-left: -.3em
}

.km-ios .k-slider-selection {
    background: 0 0 no-repeat
}

.km-ios .k-slider-horizontal .k-draghandle {
    top: -.4em
}

.km-ios .k-slider-track {
    margin: -.5em .5em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.km-ios .k-slider-horizontal .k-slider-selection {
    margin-left: 0
}

.km-ios .km-full-width-slider .k-slider-track {
    height: .44rem;
    border-width: 1px;
    border-radius: 5px
}

.km-ios .km-full-width-slider .k-draghandle, .km-ios .km-full-width-slider .k-draghandle:hover {
    border-width: 1px;
    border-style: solid
}

.km-ios .km-dialog {
    border-width: 2px;
    border-style: solid
}

    .km-ios .km-dialog .km-button {
        display: block;
        margin: .4em;
        font-size: 1.3em;
        text-align: center;
        padding: .44em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px
    }

.km-ios .km-list .k-dropdown-wrap, .km-ios .km-list input[type=color], .km-ios .km-list input[type=date], .km-ios .km-list input[type=datetime-local], .km-ios .km-list input[type=datetime], .km-ios .km-list input[type=email], .km-ios .km-list input[type=month], .km-ios .km-list input[type=number], .km-ios .km-list input[type=password], .km-ios .km-list input[type=search], .km-ios .km-list input[type=tel], .km-ios .km-list input[type=text]:not(.k-input), .km-ios .km-list input[type=time], .km-ios .km-list input[type=url], .km-ios .km-list input[type=week], .km-ios .km-list select:not([multiple]), .km-ios .km-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.1rem;
    min-width: 6em;
    border: 0;
    padding: .4em;
    outline: 0;
    background: 0 0
}

.km-ios .km-list .k-dropdown-wrap {
    padding: .2em .8em
}

.km-ios .km-list .k-dropdown {
    margin-top: -1.05em;
    font-weight: 400
}

.km-ios .km-list .k-dropdown, .km-ios .km-list input[type=color], .km-ios .km-list input[type=date], .km-ios .km-list input[type=datetime-local], .km-ios .km-list input[type=datetime], .km-ios .km-list input[type=month], .km-ios .km-list input[type=time], .km-ios .km-list input[type=week] {
    text-align: right
}

    .km-ios .km-list .k-dropdown .k-dropdown-wrap {
        display: block;
        border-radius: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-ios label.km-required:after {
    content: "*";
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.km-ios .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-ios .km-icon-label:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    font: 1em/1em "Kendo UI";
    margin-right: .89em
}

.km-ios .km-list .km-icon-label .k-dropdown-wrap, .km-ios .km-list .km-icon-label input[type=color], .km-ios .km-list .km-icon-label input[type=date], .km-ios .km-list .km-icon-label input[type=datetime-local], .km-ios .km-list .km-icon-label input[type=datetime], .km-ios .km-list .km-icon-label input[type=email], .km-ios .km-list .km-icon-label input[type=month], .km-ios .km-list .km-icon-label input[type=number], .km-ios .km-list .km-icon-label input[type=password], .km-ios .km-list .km-icon-label input[type=search], .km-ios .km-list .km-icon-label input[type=tel], .km-ios .km-list .km-icon-label input[type=text]:not(.k-input), .km-ios .km-list .km-icon-label input[type=time], .km-ios .km-list .km-icon-label input[type=url], .km-ios .km-list .km-icon-label input[type=week], .km-ios .km-list .km-icon-label select:not([multiple]), .km-ios .km-list .km-icon-label textarea {
    right: 0
}

.km-ios .km-label-above {
    width: 100%;
    font-size: .87em;
    display: block;
    margin-top: -2px;
    margin-left: .8em;
    padding-top: .92em;
    padding-bottom: 2.5em
}

.km-ios fieldset .km-label-above {
    margin-top: 0;
    padding-top: 1.455em;
    padding-bottom: 3.091em
}

.km-ios .km-label-above textarea {
    top: 50%
}

.km-ios .km-label-above, .km-ios label.km-inline-field {
    font-size: .7em;
    line-height: 1.2em
}

.km-ios .km-list .km-label-above .k-dropdown-wrap, .km-ios .km-list .km-label-above input[type=color], .km-ios .km-list .km-label-above input[type=date], .km-ios .km-list .km-label-above input[type=datetime-local], .km-ios .km-list .km-label-above input[type=datetime], .km-ios .km-list .km-label-above input[type=email], .km-ios .km-list .km-label-above input[type=month], .km-ios .km-list .km-label-above input[type=number], .km-ios .km-list .km-label-above input[type=password], .km-ios .km-list .km-label-above input[type=search], .km-ios .km-list .km-label-above input[type=tel], .km-ios .km-list .km-label-above input[type=text]:not(.k-input), .km-ios .km-list .km-label-above input[type=time], .km-ios .km-list .km-label-above input[type=url], .km-ios .km-list .km-label-above input[type=week], .km-ios .km-list .km-label-above select:not([multiple]), .km-ios .km-list .km-label-above textarea, .km-ios .km-list fieldset .k-dropdown-wrap, .km-ios .km-list fieldset input[type=color], .km-ios .km-list fieldset input[type=date], .km-ios .km-list fieldset input[type=datetime-local], .km-ios .km-list fieldset input[type=datetime], .km-ios .km-list fieldset input[type=email], .km-ios .km-list fieldset input[type=month], .km-ios .km-list fieldset input[type=number], .km-ios .km-list fieldset input[type=password], .km-ios .km-list fieldset input[type=search], .km-ios .km-list fieldset input[type=tel], .km-ios .km-list fieldset input[type=text]:not(.k-input), .km-ios .km-list fieldset input[type=time], .km-ios .km-list fieldset input[type=url], .km-ios .km-list fieldset input[type=week], .km-ios .km-list fieldset select:not([multiple]), .km-ios .km-list fieldset textarea {
    width: 100%;
    right: 0;
    padding-left: 0;
    left: 1.2em;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    margin-top: -.375em
}

.km-ios .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -.5em -1.61em
}

    .km-ios .km-list fieldset textarea {
        width: 100%;
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-right: 0;
        padding-left: 0
    }

    .km-ios .km-list fieldset .k-dropdown-wrap, .km-ios .km-list fieldset input[type=color], .km-ios .km-list fieldset input[type=date], .km-ios .km-list fieldset input[type=datetime-local], .km-ios .km-list fieldset input[type=datetime], .km-ios .km-list fieldset input[type=email], .km-ios .km-list fieldset input[type=month], .km-ios .km-list fieldset input[type=number], .km-ios .km-list fieldset input[type=password], .km-ios .km-list fieldset input[type=search], .km-ios .km-list fieldset input[type=tel], .km-ios .km-list fieldset input[type=text]:not(.k-input), .km-ios .km-list fieldset input[type=time], .km-ios .km-list fieldset input[type=url], .km-ios .km-list fieldset input[type=week], .km-ios .km-list fieldset select:not([multiple]), .km-ios .km-list fieldset textarea {
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        right: auto;
        width: 100%;
        position: relative
    }

    .km-ios .km-list fieldset > .k-dropdown-wrap, .km-ios .km-list fieldset > input[type=color], .km-ios .km-list fieldset > input[type=date], .km-ios .km-list fieldset > input[type=datetime-local], .km-ios .km-list fieldset > input[type=datetime], .km-ios .km-list fieldset > input[type=email], .km-ios .km-list fieldset > input[type=month], .km-ios .km-list fieldset > input[type=number], .km-ios .km-list fieldset > input[type=password], .km-ios .km-list fieldset > input[type=search], .km-ios .km-list fieldset > input[type=tel], .km-ios .km-list fieldset > input[type=text]:not(.k-input), .km-ios .km-list fieldset > input[type=time], .km-ios .km-list fieldset > input[type=url], .km-ios .km-list fieldset > input[type=week], .km-ios .km-list fieldset > select:not([multiple]) {
        padding: .73em 0;
        margin-top: 0
    }

    .km-ios .km-list fieldset legend {
        text-indent: 0;
        font-size: .81em;
        margin: 0 -1.61em;
        font-weight: 400;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-style: solid;
        padding: 2em 1.61em .5em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.km-ios .km-legend-button {
    display: block;
    text-transform: uppercase
}

.km-ios .km-inline-field {
    display: inline-block;
    position: relative;
    width: -webkit-calc(48.39%);
    width: calc(48.39%);
    overflow: hidden;
    white-space: nowrap
}

.km-ios .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.61em;
    border-right-width: 1px;
    border-right-style: solid
}

    .km-ios .km-list fieldset .km-inline-field:first-of-type {
        padding-left: 0
    }

.km-ios .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-ios .km-list .km-inline-field .k-dropdown-wrap, .km-ios .km-list .km-inline-field input[type=color], .km-ios .km-list .km-inline-field input[type=date], .km-ios .km-list .km-inline-field input[type=datetime-local], .km-ios .km-list .km-inline-field input[type=datetime], .km-ios .km-list .km-inline-field input[type=email], .km-ios .km-list .km-inline-field input[type=month], .km-ios .km-list .km-inline-field input[type=number], .km-ios .km-list .km-inline-field input[type=password], .km-ios .km-list .km-inline-field input[type=search], .km-ios .km-list .km-inline-field input[type=tel], .km-ios .km-list .km-inline-field input[type=text]:not(.k-input), .km-ios .km-list .km-inline-field input[type=time], .km-ios .km-list .km-inline-field input[type=url], .km-ios .km-list .km-inline-field input[type=week], .km-ios .km-list .km-inline-field select:not([multiple]), .km-ios .km-list .km-inline-field textarea {
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-ios .km-list .km-inline-field:first-of-type .k-dropdown-wrap, .km-ios .km-list .km-inline-field:first-of-type input[type=color], .km-ios .km-list .km-inline-field:first-of-type input[type=date], .km-ios .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-ios .km-list .km-inline-field:first-of-type input[type=datetime], .km-ios .km-list .km-inline-field:first-of-type input[type=email], .km-ios .km-list .km-inline-field:first-of-type input[type=month], .km-ios .km-list .km-inline-field:first-of-type input[type=number], .km-ios .km-list .km-inline-field:first-of-type input[type=password], .km-ios .km-list .km-inline-field:first-of-type input[type=search], .km-ios .km-list .km-inline-field:first-of-type input[type=tel], .km-ios .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-ios .km-list .km-inline-field:first-of-type input[type=time], .km-ios .km-list .km-inline-field:first-of-type input[type=url], .km-ios .km-list .km-inline-field:first-of-type input[type=week], .km-ios .km-list .km-inline-field:first-of-type select:not([multiple]), .km-ios .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-ios input.km-checkbox, .km-ios input.km-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    height: 0
}

.km-ios .km-checkbox-label, .km-ios .km-radio-label {
    display: block;
    position: relative;
    vertical-align: middle;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-left: .89em
}

    .km-ios .km-checkbox-label:after, .km-ios .km-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        right: .7em;
        width: 1em;
        height: .9rem;
        border: 0
    }

.km-ios input.km-checkbox:checked + .km-checkbox-label:after {
    content: "\e227";
    font-size: 1.2em;
    line-height: 1em;
    font-family: "Kendo UI"
}

.km-ios .km-radio-label {
    position: relative;
    padding-left: 2.5em;
    vertical-align: middle;
    line-height: 1.5em
}

    .km-ios .km-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.75rem;
        height: 1.75rem;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%
    }

    .km-ios .km-radio-label:after {
        border-width: 1px;
        border-style: solid
    }

.km-ios input.km-radio:checked + .km-radio-label:after {
    content: "";
    width: 1.085rem;
    height: 1.085rem;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    left: .365rem;
    border-radius: 50%
}

.km-ios .km-listview-item-badge.km-badge, .km-ios .km-listview-link > .km-badge {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 2em
}

.km-ios .km-actionsheet > li > a {
    text-align: center
}

.km-ios .km-actionsheet > .km-actionsheet-cancel {
    margin: 1.5em 0 1em
}

.km-ios .km-actionsheet-root > .k-animation-container, .km-ios .km-actionsheet-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-ios .km-actionsheet > li > a {
    display: block
}

.km-ios .km-shim.km-actionsheet-root > .k-animation-container {
    left: 0 !important;
    width: 100%;
    top: auto !important;
    bottom: 0 !important
}

.km-ios .km-shim li.km-actionsheet-title {
    visibility: hidden;
    height: 0;
    margin: .5em 0 0
}

.km-ios .km-popup-arrow:after {
    border-style: solid;
    border-width: 0 15px 15px
}

.km-ios .km-down .km-popup-arrow:before {
    margin-top: -1px
}

.km-ios .km-up .km-popup-arrow:after {
    border-width: 15px 15px 0 15px
}

.km-ios .km-left .km-popup-arrow:after {
    border-width: 15px 0 15px 15px
}

.km-ios .km-right .km-popup-arrow:after {
    border-width: 15px 15px 15px 0
}

.km-ios .km-modalview {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-root .km-ios .km-modalview {
    border-radius: 5px
}

.km-ios .km-modalview .km-header {
    padding: 0;
    margin: -1px 0 0
}

.km-ios .km-modalview > :first-child {
    border: 0
}

.km-ios .km-splitview > .km-split-content > .km-pane {
    border-radius: 5px
}

.km-ios .km-split-vertical > .km-split-content > .km-pane {
    border-right: 0
}

.km-ios .km-splitview > .km-split-content > .km-pane {
    border-right-width: 1px;
    border-right-style: solid
}

.km-ios .km-split-vertical > .km-split-content > .km-pane {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.km-ios .km-modalview > :first-child, .km-ios .km-splitview .km-navbar, .km-ios .km-splitview .km-toolbar, .km-ios .km-splitview .km-view > :first-child {
    border-radius: 5px 5px 0 0
}

.km-ios .km-modalview > :last-child, .km-ios .km-splitview .km-tabstrip, .km-ios .km-splitview .km-view > :last-child {
    border-radius: 0 0 5px 5px
}

.km-ios .km-modalview > :first-child:last-child, .km-ios .km-pane > .km-view > :first-child:last-child {
    border-radius: 5px
}

.km-ios .km-splitview .km-pane:last-child {
    border: 0
}

.km-ios7 {
    font: 400 1em "HelveticaNeue Ultra Light","Roboto Light","Slate Light","Segoe WP",NokiaPureTextLight,sans-serif
}

.km-root .km-ios7 .km-filter-reset, .km-root .km-ios7 .km-group-title, .km-root .km-ios7 .km-shim .k-animation-container, .km-root .km-ios7 .km-slider, .km-root .km-ios7 .km-switch, .km-root .km-ios7 .km-view, .km-root .km-ios7.km-pane {
    -webkit-transform: none
}

.km-ios7 .k-toolbar, .km-ios7 .km-navbar, .km-ios7 .km-tabstrip {
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.km-ios7 .km-splitview, .km-ios7 .km-view:not([data-use-native-scrolling]) {
    overflow: hidden
}

    .km-ios7 .km-view:not([data-use-native-scrolling]) .km-content {
        overflow: visible !important
    }

.km-ios7, .km-ios7 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

    .km-ios7 [class^=k-], .km-ios7 [class^=k-] * {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-background-clip: border-box;
        background-clip: border-box
    }

    .km-ios7.km-on-android * {
        -webkit-background-clip: border-box;
        background-clip: border-box
    }

    .km-ios7 .k-toolbar, .km-ios7 .km-navbar, .km-ios7 .km-tabstrip {
        border-style: solid;
        border-width: 0 0 1px
    }

    .km-ios7 .km-footer .k-toolbar, .km-ios7 .km-footer .km-navbar, .km-ios7 .km-tabstrip {
        border-width: 1px 0 0
    }

        .km-ios7 .k-toolbar, .km-ios7 .km-navbar, .km-ios7 .km-tabstrip, .km-ios7 .km-tabstrip .km-button {
            border-radius: 0
        }

    .km-ios7 .km-actionsheet, .km-ios7 .km-popup .k-popup {
        background: 0 0;
        padding: 0 .5em
    }

    .km-ios7 .km-popup .k-popup {
        font-size: 1em
    }

    .km-ios7 .km-actionsheet > li > a, .km-ios7 .km-popup .k-item {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        padding: .3em 0;
        border: 0;
        border-radius: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .km-ios7 .km-popup {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .km-ios7 .km-popup .k-list-container {
            width: 100% !important;
            height: auto !important
        }

        .km-ios7 .km-actionsheet, .km-ios7 .km-popup .k-list-container {
            max-height: 80%
        }

        .km-ios7 .km-actionsheet-wrapper, .km-ios7 .km-popup .k-list-container {
            background: 0 0;
            bottom: 0;
            border: 0;
            border-radius: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .km-ios7 .km-actionsheet > li:last-child > a, .km-ios7 .km-popup .k-item:last-child {
            border: 0
        }

    .km-ios7 .km-shim .k-animation-container {
        left: 0;
        top: auto;
        bottom: 0
    }

    .km-ios7 .km-actionsheet > li:nth-child(2) > a, .km-ios7 .km-popup .k-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .km-ios7 .km-actionsheet > li:nth-last-child(2) > a, .km-ios7 .km-popup .k-item:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .km-ios7 .km-popup .k-item:last-child {
        margin: 0 0 .5em
    }

    .km-ios7 .km-popup-wrapper {
        padding: 15px
    }

    .km-ios7 .km-actionsheet-wrapper.km-popup {
        padding: 2px 0
    }

    .km-ios7 .km-pane > .km-loader, .km-ios7.km-pane > .km-loader {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .km-ios7 .km-loader:before {
        content: "\a0";
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle
    }

    .km-ios7 .km-load-more, .km-ios7 .km-scroller-pull {
        font-size: 1em
    }

    .km-ios7 .km-scroller-pull {
        opacity: .5
    }

    .km-ios7 .km-list > .km-load-more {
        border-top: 0
    }

    .km-ios7 .km-loader h1, .km-ios7 .km-scroller-refresh .km-template {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2em
    }

    .km-ios7 .km-scroller-pull .km-template {
        min-width: 0
    }

    .km-ios7 .km-loader .km-loading-left, .km-ios7 .km-loading, .km-ios7 .km-scroller-refresh .km-loading-left, .km-root .km-ios7 .km-load-more.km-scroller-refresh .km-icon, .km-root .km-ios7 .km-scroller-pull.km-scroller-refresh .km-icon {
        display: inline-block;
        top: auto;
        left: auto;
        width: 8px;
        height: 2px;
        font-size: 1em;
        margin: 0;
        border: 0;
        border-radius: 5px;
        vertical-align: middle;
        -webkit-transform-origin: 150% 50%;
        -ms-transform-origin: 150% 50%;
        transform-origin: 150% 50%;
        background: currentcolor;
        -webkit-animation: km-ios-spin 1.5s infinite steps(8);
        animation: km-ios-spin 1.5s infinite steps(8);
        -webkit-box-shadow: 16px 0 rgba(0,0,0,.6);
        box-shadow: 16px 0 rgba(0,0,0,.6)
    }

    .km-ios7 .km-loader .km-loading-left, .km-ios7 .km-loading {
        margin: 2px 0 0
    }

        .km-ios7 .km-load-more.km-scroller-refresh .km-icon:after, .km-ios7 .km-load-more.km-scroller-refresh .km-icon:before, .km-ios7 .km-loading:after, .km-ios7 .km-loading:before, .km-ios7 .km-scroller-pull.km-scroller-refresh .km-icon:after, .km-ios7 .km-scroller-pull.km-scroller-refresh .km-icon:before {
            color: inherit;
            content: "\a0";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            margin-left: 0;
            margin-top: 0;
            -webkit-transform-origin: inherit;
            -ms-transform-origin: inherit;
            transform-origin: inherit;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: inherit;
            height: inherit;
            border-radius: inherit;
            background: inherit;
            -webkit-background-clip: border-box;
            -webkit-text-fill-color: inherit;
            -webkit-box-shadow: 16px 0 rgba(0,0,0,.5);
            box-shadow: 16px 0 rgba(0,0,0,.5)
        }

        .km-ios7 .km-load-more.km-scroller-refresh .km-icon:after, .km-ios7 .km-loading:after, .km-ios7 .km-scroller-pull.km-scroller-refresh .km-icon:after {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            -webkit-box-shadow: 16px 0 rgba(0,0,0,.4);
            box-shadow: 16px 0 rgba(0,0,0,.4)
        }

    .km-ios7 .km-loader .km-loading-left, .km-ios7 .km-scroller-refresh .km-loading-left {
        margin-left: -8px;
        -webkit-box-shadow: 16px 0 rgba(0,0,0,.3);
        box-shadow: 16px 0 rgba(0,0,0,.3);
        -webkit-animation: km-ios-spin1 1.5s infinite steps(8);
        animation: km-ios-spin1 1.5s infinite steps(8)
    }

    .km-ios7 .km-loading-left:after, .km-ios7 .km-loading-left:before, .km-ios7 .km-loading-right {
        display: none
    }

    .km-ios7 .km-loading, .km-ios7 .km-loading:after, .km-ios7 .km-loading:before {
        color: #000
    }

        .km-ios7 .km-loading:before {
            color: rgba(0,0,0,.9)
        }

        .km-ios7 .km-loading:after {
            color: rgba(0,0,0,.8)
        }

    .km-ios7 .km-loading-left {
        color: rgba(0,0,0,.7)
    }

    .km-ios7 .k-toolbar, .km-ios7 .km-navbar, .km-ios7 .km-tabstrip {
        background-color: rgba(244,244,244,.95)
    }

    .km-ios7, .km-ios7.km-pane .km-content {
        color: #000;
        background-color: #fff
    }

        .km-ios7 .km-splitview > .km-split-content > .km-pane:first-child {
            border-right-color: rgba(180,180,180,.5)
        }

        .km-ios7 .k-toolbar, .km-ios7 .km-navbar, .km-ios7 .km-tabstrip {
            border-color: rgba(180,180,180,.5)
        }

        .km-ios7 .km-view-title {
            color: #000
        }

        .km-ios7 .km-button {
            background: rgba(0,0,0,0)
        }

        .km-ios7 .km-state-active[style*=background] {
            -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
            box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2)
        }

        .km-ios7 .km-back:before {
            -webkit-box-shadow: inset .25rem -.25rem 0 #007aff;
            box-shadow: inset .25rem -.25rem 0 #007aff
        }

        .km-ios7 .km-detail {
            color: #007aff;
            background-color: #fff
        }

            .km-ios7 .km-detail:active, .km-ios7 .km-state-active .km-detail {
                -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,0);
                box-shadow: inset 0 0 0 1000px rgba(0,0,0,0)
            }

            .km-ios7 .km-detail.km-rowinsert {
                color: green
            }

            .km-ios7 .km-detail.km-rowdelete {
                color: red
            }

        .km-ios7 .km-switch-wrapper {
            background-color: #bababa
        }

        .km-ios7 .k-slider-selection, .km-ios7 .km-switch-background {
            background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
            background-image: -webkit-linear-gradient(top,#fff,#fff);
            background-image: linear-gradient(to bottom,#fff,#fff)
        }

        .km-ios7 .km-switch-handle {
            background: #fff;
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.4),0 0 0 1px currentcolor;
            box-shadow: 0 3px 8px rgba(0,0,0,.4),0 0 0 1px currentcolor
        }

        .km-ios7 .km-switch-off .km-switch-handle {
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.4),0 0 0 1px #fff;
            box-shadow: 0 3px 8px rgba(0,0,0,.4),0 0 0 1px #fff
        }

        .km-ios7 .km-switch-container, .km-ios7 .km-switch-wrapper {
            border-color: #efeff4
        }

        .km-ios7 .k-slider .k-draghandle, .km-ios7 .k-slider .k-draghandle:hover {
            -webkit-box-shadow: 0 5px 5px #d9d9d9,inset 0 0 0 1px rgba(180,180,180,.5);
            box-shadow: 0 5px 5px #d9d9d9,inset 0 0 0 1px rgba(180,180,180,.5)
        }

        .km-ios7 .k-slider-track {
            background-color: #bababa
        }

        .km-ios7 .km-list > li {
            color: #000;
            border-top-color: rgba(180,180,180,.5);
            -webkit-border-image: -webkit-gradient(linear,left top,right top,color-stop(1em,transparent),color-stop(1em,rgba(180,180,180,.5)),to(rgba(180,180,180,.5))) 1 stretch;
            -webkit-border-image: -webkit-linear-gradient(left,transparent 1em,rgba(180,180,180,.5) 1em,rgba(180,180,180,.5) 100%) 1 stretch;
            border-image: -webkit-gradient(linear,left top,right top,color-stop(1em,transparent),color-stop(1em,rgba(180,180,180,.5)),to(rgba(180,180,180,.5))) 1 stretch;
            border-image: linear-gradient(to right,transparent 1em,rgba(180,180,180,.5) 1em,rgba(180,180,180,.5) 100%) 1 stretch
        }

            .km-ios7 .km-list > li:last-child {
                -webkit-box-shadow: inset 0 -1px 0 rgba(180,180,180,.5);
                box-shadow: inset 0 -1px 0 rgba(180,180,180,.5)
            }

            .km-ios7 .km-list > li.km-state-active, .km-ios7 .km-list > li.km-state-active + li {
                -webkit-border-image: none;
                border-image: none
            }

        .km-ios7 .km-listview-link:after {
            color: #999ea9;
            -webkit-box-shadow: inset -.2rem .2rem 0 #999ea9;
            box-shadow: inset -.2rem .2rem 0 #999ea9
        }

        .km-ios7 .km-group-title {
            color: rgba(104,104,104,.5);
            border-bottom-color: rgba(180,180,180,.5);
            background: #efeff4
        }

        .km-ios7 .km-listgroup .km-group-title, .km-ios7 .km-listgroupinset .km-group-title {
            border-top-color: #efeff4
        }

        .km-ios7 .km-filter-form {
            color: #efeff4;
            background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.3)));
            background-image: -webkit-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,.3));
            background-image: linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.3))
        }

        .km-ios7 .km-filter-wrap > input {
            text-shadow: 0 0 0 rgba(0,0,0,.4)
        }

        .km-ios7 .km-filter-reset .km-clear, .km-ios7 .km-filter-wrap:before {
            color: rgba(0,0,0,.4)
        }

        .km-ios7 label.km-required:after {
            color: #fd472b
        }

        .km-ios7 .km-touch-scrollbar {
            background-color: #919191
        }

        .km-ios7 .km-popup-overlay, .km-ios7 .km-shim {
            background: rgba(0,0,0,.4)
        }

        .km-ios7 .k-overflow-container .km-state-disabled:active, .km-ios7 .k-overflow-container a.km-state-disabled, .km-ios7 .km-actionsheet > li > a, .km-ios7 .km-popup .k-item {
            background: #F7F7F8;
            border-bottom-color: rgba(180,180,180,.5)
        }

        .km-ios7 .km-popup {
            background: rgba(0,0,0,.4)
        }

            .km-ios7 .km-popup.km-pane, .km-tablet .km-ios7 .km-actionsheet-wrapper {
                background-color: #F7F7F8
            }

            .km-ios7 .km-popup.km-pane {
                -webkit-box-shadow: 0 0 0 1px rgba(180,180,180,.5);
                box-shadow: 0 0 0 1px rgba(180,180,180,.5)
            }

        .km-ios7 .k-overflow-wrapper .km-popup, .km-ios7 .k-split-wrapper .km-popup {
            -webkit-box-shadow: 0 0 5px rgba(180,180,180,.5);
            box-shadow: 0 0 5px rgba(180,180,180,.5)
        }

        .km-ios7 .km-popup-arrow:after {
            border-color: #F7F7F8 transparent
        }

        .km-ios7 .km-left .km-popup-arrow:after, .km-ios7 .km-right .km-popup-arrow:after {
            border-color: transparent #F7F7F8
        }

        .km-ios7 .km-pane > .km-loader, .km-ios7.km-pane > .km-loader {
            background: rgba(0,0,0,.1)
        }

        .km-ios7 .k-overflow-wrapper .km-actionsheet-wrapper, .km-ios7 .k-split-wrapper .km-actionsheet-wrapper {
            background: rgba(0,0,0,.2)
        }

        .km-ios7 .km-loader h1, .km-ios7 .km-scroller-refresh .km-template {
            color: #222;
            text-shadow: 0 1px 0 rgba(255,255,255,.5)
        }

        .km-ios7 .km-scroller-pull .km-template {
            color: #363940
        }

        .km-ios7 .km-list select:not([multiple]) option {
            color: #333
        }

        .km-ios7 .km-collapsible-content, .km-ios7 .km-collapsible-header {
            border-color: rgba(180,180,180,.5);
            color: #000
        }

            .km-ios7 .km-collapsible-header .km-icon {
                color: #bababa
            }

        .km-ios7 .km-drawer a, .km-ios7 .km-legend-button {
            text-decoration: none
        }

        .km-ios7 .km-checkbox-label, .km-ios7 .km-list .km-label-above, .km-ios7 .km-radio-label {
            color: #8f8f8f
        }

        .km-ios7 .km-list fieldset .km-inline-field {
            border-color: rgba(180,180,180,.5)
        }

        .km-ios7 .km-group-title, .km-ios7 .km-list fieldset legend, .km-ios7 .km-shim li.km-actionsheet-title {
            background: #efeff4;
            border-color: rgba(180,180,180,.5);
            color: #007aff
        }

        .km-ios7 .k-slider .k-draghandle, .km-ios7 .k-slider .k-draghandle:hover, .km-ios7 .km-badge, .km-ios7 .km-buttongroup .km-state-active .km-icon, .km-ios7 .km-state-active .km-text, .km-ios7 .km-state-active.km-detail .km-icon:after, .km-ios7 .km-state-active.km-detail:after, .km-ios7 .km-switch-handle.km-state-active {
            color: #fff
        }

        .km-ios7 .k-overflow-container .km-state-active .km-text, .km-ios7 .k-toolbar .km-state-active .km-text, .km-ios7 .km-tabstrip .km-state-active .km-text {
            color: inherit
        }

        .km-ios7 .k-slider .k-draghandle, .km-ios7 .k-slider .k-draghandle:hover {
            background: #fff
        }

        .km-ios7 span.km-switch {
            color: #4CDA64
        }

        .km-ios7 .km-badge {
            background: #fd472b
        }

        .km-ios7 .km-actionsheet > li > a:active, .km-ios7 .km-popup .k-state-focused, .km-ios7 .km-popup .k-state-hover, .km-ios7 .km-popup .k-state-selected, .km-ios7 li.km-state-active .km-listview-label, .km-ios7 li.km-state-active .km-listview-link {
            background: #d9d9d9
        }

        .km-ios7 li.km-state-active .km-listview-label, .km-ios7 li.km-state-active .km-listview-link {
            color: #000
        }

        .km-ios7 .km-tabstrip .km-button:not(.km-state-active) {
            color: #929292
        }

        .km-ios7 .k-list, .km-ios7 .k-slider, .km-ios7 .km-checkbox-label:after, .km-ios7 .km-widget {
            color: #007aff
        }

        .km-ios7 .km-checkbox-label, .km-ios7 .km-radio-label {
            color: #000
        }

            .km-ios7 .km-radio-label:before {
                border-color: #8f8f8f
            }

            .km-ios7 .km-radio-label:after {
                background-color: #007aff
            }

        .km-ios7 .km-invalid-msg, .km-ios7 .km-list fieldset .km-legend-button.km-invalid, .km-ios7 .km-list > li label.km-invalid, .km-ios7 .km-list > li label.km-invalid.km-required:after {
            color: #f9a825
        }

        .km-ios7 .k-slider-selection, .km-ios7 .km-actionsheet > li > a, .km-ios7 .km-popup .k-item, .km-ios7 .km-tabstrip .km-button {
            color: inherit
        }

        .km-ios7 .km-state-active .km-badge {
            -webkit-text-fill-color: initial
        }

        .km-ios7 .k-overflow-container .km-state-active, .km-ios7 .k-overflow-container li > a:active, .km-ios7 .k-slider-selection, .km-ios7 .k-split-container .km-state-active, .km-ios7 .k-split-container li > a:active, .km-ios7 .km-pages .km-current-page, .km-ios7 .km-state-active {
            background: currentcolor
        }

        .km-ios7 .k-overflow-container .km-state-disabled .km-text {
            opacity: .5
        }

        .km-ios7 .km-leftitem .km-button.km-state-active, .km-ios7 .km-rightitem .km-button.km-state-active {
            background: 0 0;
            opacity: .4
        }

        .km-ios7 .k-toolbar .k-split-button .km-state-active, .km-ios7 .k-toolbar > .km-state-active {
            background: 0 0;
            text-shadow: .5px 0 1px currentcolor;
            -webkit-text-fill-color: initial
        }

.km-root .km-ios7 .k-toolbar .km-state-disabled {
    text-shadow: none
}

.km-root .km-ios7.k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    -webkit-filter: brightness(70%)
}

.km-root .km-ios7.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-root .km-ios7.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%);
    -webkit-filter: none
}

.km-root .km-ios7.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    -webkit-filter: brightness(70%)
}

.km-root .km-ios7.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-root .km-ios7.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%);
    -webkit-filter: none
}

.km-root .km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-ios7 .km-button {
    font-size: .9em;
    padding: .5em .8em;
    border: 1px solid currentcolor;
    border-radius: 3px
}

.km-ios7 .km-leftitem .km-button, .km-ios7 .km-rightitem .km-button {
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: .2em;
    padding-right: .2em
}

.km-ios7 .k-split-button > .km-button, .km-ios7 .k-toolbar > .km-button {
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.km-ios7 .km-footer, .km-ios7 .km-tabstrip .km-button {
    background: 0 0
}

.km-ios7 .km-back:before {
    content: "\a0";
    display: inline-block;
    color: currentcolor;
    width: .8em;
    height: .8em;
    border-width: 0;
    -webkit-box-shadow: inset .25rem -.25rem 0 currentcolor;
    box-shadow: inset .25rem -.25rem 0 currentcolor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.km-ios7 .km-badge, .km-ios7 .km-detail {
    font-size: .9em;
    border: 0;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    border-radius: 5em
}

.km-ios7 .km-detail {
    font-size: 1.1em;
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    border: 1px solid currentcolor
}

    .km-ios7 .km-detail:after {
        left: auto;
        top: auto;
        line-height: 1.3em;
        text-align: center
    }

.km-ios7 .km-detaildisclose:after {
    font-size: 1.2em;
    line-height: 1em
}

.km-ios7 .km-detail .km-icon:after, .km-ios7 .km-detail:after {
    color: inherit
}

.km-ios7 .km-buttongroup {
    font-size: 1em
}

    .km-ios7 .km-buttongroup > :not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .km-ios7 .km-buttongroup > :first-child {
        border-radius: 3px 0 0 3px
    }

    .km-ios7 .km-buttongroup > :last-child {
        border-radius: 0 3px 3px 0
    }

    .km-ios7 .km-buttongroup > .km-state-active {
        border-right-width: 1px
    }

        .km-ios7 .km-buttongroup > .km-state-active + * {
            border-left-width: 0
        }

.km-ios7 .km-view-title .km-buttongroup {
    font-weight: 400
}

.km-ios7 .km-navbar .km-button, .km-ios7 .km-view-title {
    font-size: 1.2em
}

.km-ios7 .km-view-title {
    font-weight: 700;
    line-height: 2.5em
}

.km-ios7.k-fx-slide.k-fx-end .k-fx-current .km-leftitem, .km-ios7.k-fx-slide.k-fx-end .k-fx-current .km-view-title, .km-ios7.k-fx-slide.k-fx-end .k-fx-next .km-leftitem, .km-ios7.k-fx-slide.k-fx-end .k-fx-next .km-view-title {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.km-ios7.k-fx-slide.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-ios7.k-fx-slide.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%);
    opacity: 0
}

.km-ios7.k-fx-slide.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

.km-ios7.k-fx-slide.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-ios7.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-ios7.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-ios7.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

.km-ios7.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%);
    opacity: 0
}

.km-ios7.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-ios7.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-leftitem {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    opacity: 0
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-ios7.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-leftitem {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-ios7 .k-toolbar .km-buttongroup .km-button {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2em
}

.km-ios7 .k-split-button .km-arrowdown, .km-ios7 .k-toolbar .k-button-icon .km-icon, .km-ios7 .k-toolbar .k-button-icontext .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    margin-top: -3px;
    vertical-align: middle
}

.km-ios7 .km-actionsheet.k-overflow-container > li > .km-button, .km-ios7 .km-actionsheet.k-split-container > li > .km-button {
    min-width: 10em;
    text-align: center;
    font-size: 1.1em;
    border: 0;
    border-radius: 0
}

.km-ios7 .km-actionsheet.k-split-container > li > .km-button {
    min-width: 5em
}

.km-ios7 .k-overflow-wrapper .km-actionsheet-wrapper, .km-ios7 .k-split-wrapper .km-actionsheet-wrapper {
    padding: 1px
}

html .km-ios7 .k-overflow-container.km-actionsheet > li, html .km-ios7 .k-split-container.km-actionsheet > li {
    margin-top: 0;
    margin-bottom: 0
}

.km-ios7 .km-tabstrip {
    padding: 0;
    display: table;
    table-layout: fixed
}

    .km-ios7 .km-tabstrip .km-button {
        font-size: .7em;
        display: table-cell;
        border: 0;
        padding: .6em .8em .195em;
        line-height: 1em
    }

    .km-ios7 .km-tabstrip .km-icon {
        font-size: 1.6rem;
        height: 1.6rem
    }

        .km-ios7 .km-tabstrip .km-icon:before {
            display: none
        }

        .km-ios7 .km-tabstrip .km-icon:after {
            text-align: center
        }

    .km-ios7 .km-tabstrip .km-button .km-icon, .km-ios7 .km-tabstrip .km-image {
        margin: 0 auto .326em;
        display: inline-block
    }

.km-tablet .km-ios7 .km-tabstrip .km-text {
    font-size: 1.125em
}

.km-tablet .km-ios7 .km-tabstrip .km-button {
    padding-top: .364em
}

    .km-tablet .km-ios7 .km-tabstrip .km-button .km-icon, .km-tablet .km-ios7 .km-tabstrip .km-image {
        margin-bottom: .231em
    }

.km-ios7 .km-switch {
    width: 3.6rem;
    height: 2.2rem;
    overflow: visible
}

.km-ios7 .km-switch-wrapper {
    overflow: hidden
}

.km-ios7 .k-slider-selection, .km-ios7 .km-switch-background {
    background-position: 4.25em 0;
    background-repeat: no-repeat;
    background-color: currentcolor;
    margin-left: -3.4rem
}

.km-ios7 .km-switch-container {
    overflow: visible;
    border-width: 0;
    padding: 0 0 0 1px
}

.km-ios7 .km-switch-handle {
    width: 2.2em;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    margin: 0 3px 0 0
}

    .km-ios7 .km-switch-handle.km-state-active {
        width: 2.6em
    }

.km-ios7 .km-switch-label-off, .km-ios7 .km-switch-label-on {
    display: none
}

.km-ios7 .km-switch-background, .km-ios7 .km-switch-container, .km-ios7 .km-switch-handle, .km-ios7 .km-switch-wrapper {
    border-radius: 3em
}

.km-ios7 .km-switch-container, .km-ios7 .km-switch-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.km-ios7 .km-switch-on .km-switch-container {
    border-color: currentcolor
}

.km-ios7 .km-listgroupinset, .km-ios7 .km-listinset {
    margin: 0
}

.km-ios7 .km-list > li {
    font-size: 1.1em;
    padding-left: 1em;
    background: 0 0;
    border-radius: 0;
    border-width: 1px 0 0;
    border-style: solid
}

.km-ios7 .km-list > .km-load-more + li {
    border-top: 0
}

.km-ios7 .km-listview-link:after {
    width: .66rem;
    height: .64rem;
    border-width: 0;
    -webkit-box-shadow: inset -.2rem .2rem 0 currentcolor;
    box-shadow: inset -.2rem .2rem 0 currentcolor
}

.km-ios7 .km-list li > .km-listview-label, .km-ios7 .km-list li > .km-listview-link {
    margin-left: -1em;
    padding-left: 1em;
    border-radius: 0
}

.km-ios7 .km-group-title {
    font-size: .95em;
    position: -webkit-sticky;
    text-indent: 1em;
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.km-ios7 .km-listgroup .km-group-title, .km-ios7 .km-listgroupinset .km-group-title {
    line-height: 2em;
    border-top-width: 2em;
    border-top-style: solid
}

.km-ios7 .km-listview .km-switch {
    margin-top: -1.1rem
}

.km-ios7 .km-filter-wrap {
    color: inherit;
    border-radius: 5px;
    background: currentcolor
}

    .km-ios7 .km-filter-wrap > input {
        padding: 0 1.8em;
        color: transparent;
        background: 0 0
    }

        .km-ios7 .km-filter-wrap > input::-webkit-input-placeholder {
            text-align: center
        }

        .km-ios7 .km-filter-wrap > input::-moz-placeholder {
            text-align: center
        }

        .km-ios7 .km-filter-wrap > input::-ms-input-placeholder {
            text-align: center
        }

        .km-ios7 .km-filter-wrap > input:focus::-webkit-input-placeholder {
            text-align: left
        }

        .km-ios7 .km-filter-wrap > input:focus::-moz-placeholder {
            text-align: left
        }

        .km-ios7 .km-filter-wrap > input:focus::-ms-input-placeholder {
            text-align: left
        }

    .km-ios7 .km-filter-reset .km-clear, .km-ios7 .km-filter-wrap:before {
        position: absolute;
        top: 50%;
        margin-top: -.55em
    }

    .km-ios7 .km-filter-wrap:before {
        font-size: 1em;
        content: "\e21e"
    }

    .km-ios7 .km-filter-wrap .km-clear:after {
        content: "\e031"
    }

.km-ios7 .km-pages {
    padding-top: .4em
}

    .km-ios7 .km-pages li {
        background: 0 0;
        border: 1px solid currentcolor;
        height: .5em;
        border-radius: 3em
    }

.km-ios7 .k-slider {
    margin-top: -.15em;
    height: .2em
}

.km-ios7 .km-list .km-full-width-slider {
    position: relative;
    margin-top: 0;
    padding: 1.55em 0;
    width: auto;
    display: block
}

.km-ios7 .k-slider .k-draghandle, .km-ios7 .k-slider .k-draghandle:hover {
    top: -.8em;
    border: 0;
    width: 1.6em;
    height: 1.6em;
    border-radius: 5em
}

.km-ios7 .k-slider-horizontal .k-slider-track {
    height: .29rem
}

.km-ios7 .k-slider-vertical .k-slider-track {
    width: .29rem
}

.km-ios7 .k-slider-track {
    margin: -.5em .5em 0 -.5em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.km-ios7 .k-slider-selection {
    margin-left: 0
}

.km-ios7 .km-listview-label input[type=checkbox]:checked, .km-ios7 .km-listview-label input[type=radio]:checked {
    font-size: 1.2em
}

.km-ios7 .km-list .k-dropdown-wrap, .km-ios7 .km-list input[type=color], .km-ios7 .km-list input[type=date], .km-ios7 .km-list input[type=datetime-local], .km-ios7 .km-list input[type=datetime], .km-ios7 .km-list input[type=email], .km-ios7 .km-list input[type=month], .km-ios7 .km-list input[type=number], .km-ios7 .km-list input[type=password], .km-ios7 .km-list input[type=search], .km-ios7 .km-list input[type=tel], .km-ios7 .km-list input[type=text]:not(.k-input), .km-ios7 .km-list input[type=time], .km-ios7 .km-list input[type=url], .km-ios7 .km-list input[type=week], .km-ios7 .km-list select:not([multiple]), .km-ios7 .km-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.1rem;
    min-width: 6em;
    border: 0;
    padding: .4em;
    outline: 0;
    right: .8em;
    background: 0 0
}

.km-ios7 .km-list .k-dropdown-wrap {
    padding: .2em
}

.km-ios7 .km-list .k-dropdown {
    margin-top: -1.05em;
    font-weight: 400
}

.km-ios7 .km-list .k-dropdown, .km-ios7 .km-list input[type=color], .km-ios7 .km-list input[type=date], .km-ios7 .km-list input[type=datetime-local], .km-ios7 .km-list input[type=datetime], .km-ios7 .km-list input[type=month], .km-ios7 .km-list input[type=time], .km-ios7 .km-list input[type=week] {
    text-align: right
}

    .km-ios7 .km-list .k-dropdown .k-dropdown-wrap {
        display: block;
        border-radius: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-ios7 label.km-required:after {
    content: "*";
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.km-ios7 .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-ios7 .km-icon-label:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    font: 1em/1em "Kendo UI";
    margin-right: .89em
}

.km-ios7 .km-list .km-icon-label .k-dropdown-wrap, .km-ios7 .km-list .km-icon-label input[type=color], .km-ios7 .km-list .km-icon-label input[type=date], .km-ios7 .km-list .km-icon-label input[type=datetime-local], .km-ios7 .km-list .km-icon-label input[type=datetime], .km-ios7 .km-list .km-icon-label input[type=email], .km-ios7 .km-list .km-icon-label input[type=month], .km-ios7 .km-list .km-icon-label input[type=number], .km-ios7 .km-list .km-icon-label input[type=password], .km-ios7 .km-list .km-icon-label input[type=search], .km-ios7 .km-list .km-icon-label input[type=tel], .km-ios7 .km-list .km-icon-label input[type=text]:not(.k-input), .km-ios7 .km-list .km-icon-label input[type=time], .km-ios7 .km-list .km-icon-label input[type=url], .km-ios7 .km-list .km-icon-label input[type=week], .km-ios7 .km-list .km-icon-label select:not([multiple]), .km-ios7 .km-list .km-icon-label textarea {
    right: 0
}

.km-ios7 .km-label-above {
    width: 100%;
    font-size: .87em;
    display: block;
    margin-top: -2px;
    padding-top: .92em;
    padding-bottom: 2.5em
}

.km-ios7 fieldset .km-label-above {
    margin-top: 0;
    padding-top: 1.455em;
    padding-bottom: 3.091em
}

.km-ios7 .km-label-above textarea {
    top: 50%
}

.km-ios7 .km-label-above, .km-ios7 label.km-inline-field {
    font-size: .7em;
    line-height: 1.2em
}

.km-ios7 .km-list .km-label-above .k-dropdown-wrap, .km-ios7 .km-list .km-label-above input[type=color], .km-ios7 .km-list .km-label-above input[type=date], .km-ios7 .km-list .km-label-above input[type=datetime-local], .km-ios7 .km-list .km-label-above input[type=datetime], .km-ios7 .km-list .km-label-above input[type=email], .km-ios7 .km-list .km-label-above input[type=month], .km-ios7 .km-list .km-label-above input[type=number], .km-ios7 .km-list .km-label-above input[type=password], .km-ios7 .km-list .km-label-above input[type=search], .km-ios7 .km-list .km-label-above input[type=tel], .km-ios7 .km-list .km-label-above input[type=text]:not(.k-input), .km-ios7 .km-list .km-label-above input[type=time], .km-ios7 .km-list .km-label-above input[type=url], .km-ios7 .km-list .km-label-above input[type=week], .km-ios7 .km-list .km-label-above select:not([multiple]), .km-ios7 .km-list .km-label-above textarea {
    width: 100%;
    right: 0;
    padding-left: 0;
    left: .89em;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    margin-top: -.375em
}

.km-ios7 .km-list fieldset .km-label-above .k-dropdown-wrap, .km-ios7 .km-list fieldset .km-label-above input[type=color], .km-ios7 .km-list fieldset .km-label-above input[type=date], .km-ios7 .km-list fieldset .km-label-above input[type=datetime-local], .km-ios7 .km-list fieldset .km-label-above input[type=datetime], .km-ios7 .km-list fieldset .km-label-above input[type=email], .km-ios7 .km-list fieldset .km-label-above input[type=month], .km-ios7 .km-list fieldset .km-label-above input[type=number], .km-ios7 .km-list fieldset .km-label-above input[type=password], .km-ios7 .km-list fieldset .km-label-above input[type=search], .km-ios7 .km-list fieldset .km-label-above input[type=tel], .km-ios7 .km-list fieldset .km-label-above input[type=text]:not(.k-input), .km-ios7 .km-list fieldset .km-label-above input[type=time], .km-ios7 .km-list fieldset .km-label-above input[type=url], .km-ios7 .km-list fieldset .km-label-above input[type=week], .km-ios7 .km-list fieldset .km-label-above select:not([multiple]), .km-ios7 .km-list fieldset .km-label-above textarea {
    margin-top: -.25em
}

.km-ios7 .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -.5em -1.61em
}

    .km-ios7 .km-list fieldset > .k-dropdown-wrap, .km-ios7 .km-list fieldset > input[type=color], .km-ios7 .km-list fieldset > input[type=date], .km-ios7 .km-list fieldset > input[type=datetime-local], .km-ios7 .km-list fieldset > input[type=datetime], .km-ios7 .km-list fieldset > input[type=email], .km-ios7 .km-list fieldset > input[type=month], .km-ios7 .km-list fieldset > input[type=number], .km-ios7 .km-list fieldset > input[type=password], .km-ios7 .km-list fieldset > input[type=search], .km-ios7 .km-list fieldset > input[type=tel], .km-ios7 .km-list fieldset > input[type=text]:not(.k-input), .km-ios7 .km-list fieldset > input[type=time], .km-ios7 .km-list fieldset > input[type=url], .km-ios7 .km-list fieldset > input[type=week], .km-ios7 .km-list fieldset > select:not([multiple]) {
        padding: 1.23em 0;
        margin-top: 0
    }

    .km-ios7 .km-list fieldset textarea {
        width: 100%;
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-right: 0;
        padding-left: 0
    }

    .km-ios7 .km-list fieldset .k-dropdown-wrap, .km-ios7 .km-list fieldset input[type=color], .km-ios7 .km-list fieldset input[type=date], .km-ios7 .km-list fieldset input[type=datetime-local], .km-ios7 .km-list fieldset input[type=datetime], .km-ios7 .km-list fieldset input[type=email], .km-ios7 .km-list fieldset input[type=month], .km-ios7 .km-list fieldset input[type=number], .km-ios7 .km-list fieldset input[type=password], .km-ios7 .km-list fieldset input[type=search], .km-ios7 .km-list fieldset input[type=tel], .km-ios7 .km-list fieldset input[type=text]:not(.k-input), .km-ios7 .km-list fieldset input[type=time], .km-ios7 .km-list fieldset input[type=url], .km-ios7 .km-list fieldset input[type=week], .km-ios7 .km-list fieldset select:not([multiple]), .km-ios7 .km-list fieldset textarea {
        width: 100%;
        position: relative;
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        right: auto
    }

    .km-ios7 .km-list fieldset legend {
        text-indent: 0;
        margin: 0 -1.61em;
        font-weight: 400;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding: 1.8em 1.61em .72em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.km-ios7 .km-legend-button {
    display: block;
    text-transform: uppercase
}

.km-ios7 .km-inline-field {
    display: inline-block;
    position: relative;
    width: -webkit-calc(48.39%);
    width: calc(48.39%);
    overflow: hidden;
    white-space: nowrap
}

.km-ios7 .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.61em;
    border-right-width: 1px;
    border-right-style: solid
}

    .km-ios7 .km-list fieldset .km-inline-field:first-of-type {
        padding-left: 0
    }

.km-ios7 .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-ios7 .km-list .km-inline-field .k-dropdown-wrap, .km-ios7 .km-list .km-inline-field input[type=color], .km-ios7 .km-list .km-inline-field input[type=date], .km-ios7 .km-list .km-inline-field input[type=datetime-local], .km-ios7 .km-list .km-inline-field input[type=datetime], .km-ios7 .km-list .km-inline-field input[type=email], .km-ios7 .km-list .km-inline-field input[type=month], .km-ios7 .km-list .km-inline-field input[type=number], .km-ios7 .km-list .km-inline-field input[type=password], .km-ios7 .km-list .km-inline-field input[type=search], .km-ios7 .km-list .km-inline-field input[type=tel], .km-ios7 .km-list .km-inline-field input[type=text]:not(.k-input), .km-ios7 .km-list .km-inline-field input[type=time], .km-ios7 .km-list .km-inline-field input[type=url], .km-ios7 .km-list .km-inline-field input[type=week], .km-ios7 .km-list .km-inline-field select:not([multiple]), .km-ios7 .km-list .km-inline-field textarea {
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-ios7 .km-list .km-inline-field:first-of-type .k-dropdown-wrap, .km-ios7 .km-list .km-inline-field:first-of-type input[type=color], .km-ios7 .km-list .km-inline-field:first-of-type input[type=date], .km-ios7 .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-ios7 .km-list .km-inline-field:first-of-type input[type=datetime], .km-ios7 .km-list .km-inline-field:first-of-type input[type=email], .km-ios7 .km-list .km-inline-field:first-of-type input[type=month], .km-ios7 .km-list .km-inline-field:first-of-type input[type=number], .km-ios7 .km-list .km-inline-field:first-of-type input[type=password], .km-ios7 .km-list .km-inline-field:first-of-type input[type=search], .km-ios7 .km-list .km-inline-field:first-of-type input[type=tel], .km-ios7 .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-ios7 .km-list .km-inline-field:first-of-type input[type=time], .km-ios7 .km-list .km-inline-field:first-of-type input[type=url], .km-ios7 .km-list .km-inline-field:first-of-type input[type=week], .km-ios7 .km-list .km-inline-field:first-of-type select:not([multiple]), .km-ios7 .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-ios7 input.km-checkbox, .km-ios7 input.km-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    height: 0
}

.km-ios7 .km-checkbox-label, .km-ios7 .km-radio-label {
    display: block;
    position: relative;
    vertical-align: middle;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-left: .89em
}

    .km-ios7 .km-checkbox-label:after, .km-ios7 .km-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        right: .7em;
        width: 1em;
        height: .9rem;
        border: 0
    }

.km-ios7 input.km-checkbox:checked + .km-checkbox-label:after {
    content: "\e227";
    font-size: 1.2em;
    line-height: 1em;
    font-family: "Kendo UI"
}

.km-ios7 .km-radio-label {
    position: relative;
    padding-left: 2.5em;
    vertical-align: middle;
    line-height: 1.5em
}

    .km-ios7 .km-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.75rem;
        height: 1.75rem;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%
    }

.km-ios7 input.km-radio:checked + .km-radio-label:after {
    content: "";
    width: 1.085rem;
    height: 1.085rem;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-42%);
    transform: translateY(-42%);
    -webkit-transform: translateY(-42%);
    left: .365rem;
    border-radius: 50%
}

.km-ios7 .km-listview-item-badge.km-badge, .km-ios7 .km-listview-link > .km-badge {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 2em
}

.km-ios7 .km-popup .km-actionsheet > li > a {
    padding: .5em 0
}

.km-ios7 .km-popup .km-actionsheet > li:nth-last-child(2) > a {
    border: 0
}

.km-ios7 .km-actionsheet > li > a {
    display: block
}

.km-ios7 .km-actionsheet > .km-actionsheet-cancel > a {
    font-weight: 700
}

.km-ios7 .km-popup .km-actionsheet-cancel, .km-ios7 .km-popup li.km-actionsheet-title, .km-ios7 .km-shim li.km-actionsheet-title {
    display: none
}

.km-ios7 .km-actionsheet > .km-actionsheet-cancel > a {
    border-radius: 3px
}

.km-ios7 .km-actionsheet > .km-actionsheet-cancel, .km-ios7 .km-actionsheet > li:first-child {
    margin: .5em 0
}

.km-ios7 .km-popup .km-actionsheet {
    padding: 0
}

.km-ios7 .km-popup.km-pane {
    overflow: visible
}

    .km-ios7 .km-popup.km-pane .km-leftitem {
        left: .5em
    }

    .km-ios7 .km-popup.km-pane .km-rightitem {
        right: .5em
    }

.km-ios7 .km-popup.km-pane {
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    border-radius: 5px
}

    .km-ios7 .km-popup.km-pane > .km-view {
        height: 100%;
        border-radius: 3px
    }

        .km-ios7 .km-popup.km-pane > .km-view > :first-child, .km-ios7 .km-popup.km-pane > .km-view > :first-child > * {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            -webkit-margin-collapse: separate
        }

        .km-ios7 .km-popup.km-pane > .km-view > :last-child, .km-ios7 .km-popup.km-pane > .km-view > :last-child > * {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            -webkit-margin-collapse: separate
        }

.km-ios7 .km-popup-arrow:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 0 15px 15px
}

.km-ios7 .km-down .km-popup-arrow:before {
    margin-top: -1px
}

.km-ios7 .km-up .km-popup-arrow:before {
    margin-top: 1px
}

.km-ios7 .km-up .km-popup-arrow:after, .km-ios7 .km-up .km-popup-arrow:before {
    border-width: 15px 15px 0 15px
}

.km-ios7 .km-left .km-popup-arrow:after, .km-ios7 .km-left .km-popup-arrow:before {
    border-width: 15px 0 15px 15px
}

.km-ios7 .km-right .km-popup-arrow:after, .km-ios7 .km-right .km-popup-arrow:before {
    border-width: 15px 15px 15px 0
}

.km-ios7 .km-touch-scrollbar {
    border: 0;
    width: 3px;
    border-radius: 1em
}

.km-ios7 .km-horizontal-scrollbar {
    width: 100%;
    height: 3px
}

.km-ios7 .km-splitview > .km-split-content > .km-pane:first-child {
    border-right-width: 1px;
    border-right-style: solid
}

.km-android {
    font-size: .9em;
    font-weight: 700;
    font-family: Roboto,HelveticaNeue,sans-serif
}

    .km-android .km-view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

.km-root .km-android .km-tabstrip .km-button {
    background: 0 0
}

.km-android .km-modalview, .km-android .km-pane-wrapper .km-view, .km-android .km-popover-root .km-view, .km-android .km-splitview .km-view, .km-android .km-view > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

html .km-android .km-stretched-view {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.km-android .km-view {
    overflow: hidden
}

.km-android .km-tabstrip .km-button {
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-android .k-toolbar, .km-android .km-button, .km-android .km-buttongroup, .km-android .km-navbar, .km-android .km-switch, .km-android .km-tabstrip {
    text-shadow: none
}

    .km-android .km-navbar [class*=item] .km-text, .km-android .km-tabstrip .km-text {
        position: relative;
        float: left;
        left: 0;
        top: 0;
        width: 100%;
        height: 2.2em;
        margin-top: -2.5em;
        border: 1em solid transparent;
        border-right-width: 1px;
        border-left: 0;
        text-indent: -9999px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .km-android .k-toolbar .km-button:last-child .km-text, .km-android .km-navbar .km-button:last-child .km-text, .km-android .km-tabstrip .km-button:last-child .km-text {
        border-right: 0
    }

.km-android .k-button-icontext .km-icon, .km-android .km-icon {
    text-indent: 0;
    z-index: 1
}

.km-android .k-buttonicon .km-icon, .km-android .km-notext {
    margin-left: 0;
    margin-right: 0
}

.km-android .km-navbar .km-icon {
    margin-left: .5rem;
    margin-right: -.3rem;
    font-size: 1.4em
}

html .km-android .km-navbar .km-notext {
    margin-left: 1em;
    margin-right: 1em
}

.km-android .km-tabstrip .km-icon {
    position: relative;
    left: 0;
    margin-bottom: .3rem;
    z-index: 2;
    color: #555
}

.km-android.km-horizontal .km-tabstrip .km-icon {
    margin-bottom: 0
}

.km-android .km-loader {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: auto;
    bottom: 0;
    left: 0;
    opacity: 1;
    border-radius: 0
}

    .km-android .km-loader h1 {
        display: none;
        position: absolute;
        overflow: hidden;
        width: 1em;
        left: 50%;
        height: 1.2em;
        bottom: 0;
        font-size: 1rem;
        margin-left: -.5em
    }

.km-android .km-loading {
    width: 1em;
    height: 1em;
    font-size: 1.8rem;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -.9rem;
    bottom: .4rem;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-android .km-loading:after, .km-android .km-loading:before {
        display: none
    }

.km-android .km-popup {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important
}

    .km-android .km-popup .k-list-container {
        position: static !important;
        margin-left: 10% !important;
        width: 80% !important;
        display: inline-block !important
    }

    .km-android .km-actionsheet, .km-android .km-popup .k-list-container {
        position: static;
        margin-left: 5%;
        width: 90%;
        display: inline-block;
        border: 0;
        padding: 0;
        vertical-align: middle;
        border-radius: 0
    }

.km-phone .km-android .km-popup .k-list-container {
    max-height: 80%
}

.km-android .km-popup .k-list-container .km-scroll-container {
    padding: 0
}

.km-android .km-actionsheet-wrapper:before, .km-android .km-popup:not(.km-pane):before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.km-android .km-actionsheet > li > a, .km-android .km-popup .k-item, .km-android li.km-actionsheet-title {
    font-size: 1.1em;
    font-weight: 400;
    display: block;
    line-height: 3rem;
    border-width: 0 0 1px;
    padding: 0 1em;
    border-radius: 0;
    text-decoration: none;
    border-style: solid
}

.km-android .km-popup-wrapper {
    padding: 7px 7px 13px
}

.km-android .km-actionsheet-root .km-popup-wrapper {
    padding: 15px
}

.km-android, .km-android .km-content, .km-android .km-footer, .km-android .km-header, .km-android .km-pane, .km-android .km-scroll-header .km-group-title, .km-android input[type=email], .km-android input[type=number], .km-android input[type=password], .km-android input[type=search], .km-android input[type=tel], .km-android input[type=text]:not(.k-input), .km-android input[type=url], .km-root .km-android textarea {
    background: #000;
    outline-color: #000
}

.km-android-light, .km-android-light .km-content, .km-android-light .km-footer, .km-android-light .km-header, .km-android-light .km-pane, .km-android-light .km-scroll-header .km-group-title, .km-android-light input[type=email], .km-android-light input[type=number], .km-android-light input[type=password], .km-android-light input[type=search], .km-android-light input[type=tel], .km-android-light input[type=text]:not(.k-input), .km-android-light input[type=url], .km-root .km-android-light textarea {
    background: #fcfcfc;
    outline-color: #fcfcfc
}

.km-android .k-toolbar, .km-android .km-actionsheet > li > a, .km-android .km-button, .km-android .km-buttongroup, .km-android .km-navbar, .km-android .km-popup .k-item, .km-android .km-switch, .km-android select:not([multiple]):focus option {
    color: #fff;
    border-color: rgba(153,153,153,.7);
    background-color: #000
}

.km-android-light .k-toolbar, .km-android-light .km-actionsheet > li > a, .km-android-light .km-button, .km-android-light .km-buttongroup, .km-android-light .km-navbar, .km-android-light .km-popup .k-item, .km-android-light .km-switch, .km-android-light .km-tabstrip, .km-android-light select:not([multiple]):focus option {
    color: #222;
    background-color: #fcfcfc
}

.km-android-light .k-toolbar, .km-android-light .km-actionsheet > li > a, .km-android-light .km-navbar, .km-android-light .km-popup .k-item, .km-android-light .km-switch, .km-android-light .km-tabstrip {
    background-color: #e9e9e9
}

.km-android .km-widget, .km-android input, .km-android select, .km-android textarea {
    color: #fff;
    border-color: rgba(153,153,153,.7)
}

.km-android-light .km-widget, .km-android-light input, .km-android-light select, .km-android-light textarea {
    color: #222
}

.km-android .k-toolbar, .km-android .km-navbar, .km-android .km-tabstrip {
    -webkit-box-shadow: 0 0 1px #999,0 0 4px #999;
    box-shadow: 0 0 1px #999,0 0 4px #999
}

    .km-android .km-button, .km-android .km-buttongroup .km-button, .km-android .km-navbar .km-buttongroup .km-button, .km-android .km-switch-handle {
        border-color: rgba(204,204,204,.5) rgba(102,102,102,.5) rgba(102,102,102,.5) rgba(204,204,204,.5);
        background: rgba(153,153,153,.5)
    }

.km-android .km-switch-container {
    background: #222
}

.km-android-light .km-switch-container {
    background: #dadada
}

.km-android .km-badge {
    -webkit-box-shadow: 0 2px 2px rgba(102,102,102,.5);
    box-shadow: 0 2px 2px rgba(102,102,102,.5)
}

.km-android .km-badge, .km-android .km-detail, .km-android .km-rowdelete {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),color-stop(50%,rgba(204,204,204,.5)),color-stop(50%,rgba(255,255,255,.1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5),rgba(204,204,204,.5) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(204,204,204,.5) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0));
    border-color: #fff;
    background-color: #B01B1A
}

.km-android-light .km-badge, .km-android-light .km-detail, .km-android-light .km-rowdelete {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(34,34,34,.5)),color-stop(50%,rgba(204,204,204,.5)),color-stop(50%,rgba(34,34,34,.1)),to(rgba(34,34,34,0)));
    background-image: -webkit-linear-gradient(top,rgba(34,34,34,.5),rgba(204,204,204,.5) 50%,rgba(34,34,34,.1) 50%,rgba(34,34,34,0));
    background-image: linear-gradient(to bottom,rgba(34,34,34,.5),rgba(204,204,204,.5) 50%,rgba(34,34,34,.1) 50%,rgba(34,34,34,0));
    border-color: #222
}

.km-android .km-detail .km-text {
    border-left-color: #ddd
}

.km-android .km-rowinsert {
    background-color: #24870D
}

.km-android .k-toolbar, .km-android .km-tabstrip {
    border-bottom-color: rgba(255,255,255,.4)
}

.km-android-light .k-toolbar, .km-android-light .km-tabstrip {
    border-bottom-color: rgba(34,34,34,.4)
}

.km-android .km-header {
    -webkit-box-shadow: 0 2px 0 #222 0 -2px 0 #222;
    box-shadow: 0 2px 0 #222, 0 -2px 0 #222
}

.km-android .km-navbar [class*=item] .km-text, .km-android .km-tabstrip .km-text {
    border-right-color: rgba(0,0,0,.265)
}

.km-android .km-navbar [class*=item] .km-text {
    border-right-color: rgba(255,255,255,.4)
}

.km-android-light .km-navbar [class*=item] .km-text, .km-android-light .km-tabstrip .km-text {
    border-right-color: rgba(252,252,252,.265)
}

.km-android-light .km-navbar [class*=item] .km-text {
    border-right-color: rgba(34,34,34,.4)
}

.km-android .km-list > li {
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.135);
    box-shadow: 0 -1px 0 rgba(255,255,255,.135)
}

.km-android-light .km-list > li {
    -webkit-box-shadow: 0 1px 1px rgba(34,34,34,.135);
    box-shadow: 0 -1px 0 rgba(34,34,34,.135)
}

.km-android .km-group-title {
    color: rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.3);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.3)
}

.km-android-light .km-group-title {
    color: rgba(34,34,34,.4);
    -webkit-box-shadow: inset 0 -1px 1px rgba(34,34,34,.3);
    box-shadow: inset 0 -1px 0 rgba(34,34,34,.3)
}

.km-android .km-scroll-header .km-group-title {
    border-bottom-color: #333
}

.km-android-light .km-scroll-header .km-group-title {
    border-bottom-color: #fff
}

.km-android .km-filter-reset .km-clear, .km-android .km-filter-wrap:before {
    color: rgba(153,153,153,.7)
}

.km-android .km-item label:before {
    border-color: #000;
    background-color: #363636;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#363636),to(#2b2b2b));
    background-image: -webkit-linear-gradient(top,#363636,#2b2b2b);
    background-image: linear-gradient(to bottom,#363636,#2b2b2b);
    -webkit-box-shadow: 0 0 1px 2px grey;
    box-shadow: 0 0 1px 2px grey
}

.km-android-light .km-item label:before {
    border-color: #fcfcfc;
    background-color: #c6c6c6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c6c6c6),to(#d1d1d1));
    background-image: -webkit-linear-gradient(top,#c6c6c6,#d1d1d1);
    background-image: linear-gradient(to bottom,#c6c6c6,#d1d1d1);
    -webkit-box-shadow: 0 0 1px 2px #999;
    box-shadow: 0 0 1px 2px #999
}

.km-android .km-button .km-icon, .km-android .km-navbar .km-icon {
    color: rgba(255,255,255,.8)
}

.km-android-light .km-button .km-icon, .km-android-light .km-navbar .km-icon {
    color: rgba(34,34,34,.8)
}

.km-android .km-tabstrip .km-icon {
    color: rgba(255,255,255,.4)
}

.km-android-light .km-tabstrip .km-icon {
    color: rgba(34,34,34,.4)
}

.km-android .km-loader {
    background: rgba(0,0,0,.1)
}

.km-android .km-loading {
    border-color: #fff rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1)
}

.km-android-light .km-loading {
    border-color: #222 rgba(34,34,34,.2);
    -webkit-box-shadow: 0 1px 0 rgba(252,252,252,.1),0 -1px 0 rgba(252,252,252,.1),inset 0 1px 0 rgba(252,252,252,.1),inset 0 -1px 0 rgba(252,252,252,.1);
    box-shadow: 0 1px 0 rgba(252,252,252,.1),0 -1px 0 rgba(252,252,252,.1),inset 0 1px 0 rgba(252,252,252,.1),inset 0 -1px 0 rgba(252,252,252,.1)
}

.km-android .k-slider-track {
    background: rgba(153,153,153,.5)
}

.km-android input[type=email], .km-android input[type=number], .km-android input[type=password], .km-android input[type=search], .km-android input[type=tel], .km-android input[type=text]:not(.k-input), .km-android input[type=url], .km-root .km-android textarea {
    border-color: rgba(153,153,153,.5)
}

.km-android input[type=checkbox], .km-android input[type=radio] {
    color: rgba(153,153,153,.5);
    border-color: currentcolor;
    -webkit-box-shadow: 0 0 1px currentcolor;
    box-shadow: 0 0 1px currentcolor
}

.km-android .k-dropdown .k-dropdown-wrap, .km-android input[type=color], .km-android input[type=date], .km-android input[type=datetime-local], .km-android input[type=datetime], .km-android input[type=month], .km-android input[type=time], .km-android input[type=week], .km-android select:not([multiple]) {
    border-bottom-color: rgba(127,127,127,.5);
    background: 100% 100% no-repeat url(/Content/ExcaliburIV_Custom/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAACWCAQAAABj2vCcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAf0lEQVR4XuzLsQkAAAwCsP7/tD1CcAqZcykMsizLsizLsizLsizLsizLsizLsizL8ncuxzYAgEAAhJz893BazVfXE2quGc9z32asZahlqGWoZahlqGWoZahlqGWoZahlqGWoZahlqGWoZahlqGWoZahlqOUq5CrkKuStlKuS3QdJPtFaleZ1DgAAAABJRU5ErkJggg==) transparent;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.km-android li.km-actionsheet-title {
    color: inherit;
    border-color: inherit
}

.km-android .km-shim, .km-phone .km-android .km-actionsheet-wrapper {
    background: rgba(102,102,102,.5)
}

.km-android .km-actionsheet, .km-android .km-popup .k-list-container {
    background: #000;
    -webkit-box-shadow: 2px 2px 5px rgba(102,102,102,.5);
    box-shadow: 2px 2px 5px rgba(102,102,102,.5)
}

.km-android-light .km-actionsheet, .km-android-light .km-popup .k-list-container {
    background: #fcfcfc
}

.km-android .km-actionsheet > li > a, .km-android .km-popup .k-item {
    border-color: rgba(255,255,255,.2)
}

.km-android-light .km-actionsheet > li > a, .km-android-light .km-popup .k-item {
    border-color: rgba(34,34,34,.2)
}

.km-android .km-popup-arrow:before {
    border-color: rgba(153,153,153,.7) transparent
}

.km-android .k-toolbar .km-buttongroup, .km-android .km-left .km-popup-arrow:before, .km-android .km-right .km-popup-arrow:before {
    border-color: transparent rgba(153,153,153,.7)
}

.km-android .km-popup-arrow:after {
    border-color: #000 transparent
}

.km-android .km-left .km-popup-arrow:after, .km-android .km-right .km-popup-arrow:after {
    border-color: transparent #000
}

.km-android-light .km-popup-arrow:after {
    border-color: #e9e9e9 transparent
}

.km-android-light .km-left .km-popup-arrow:after, .km-android-light .km-right .km-popup-arrow:after {
    border-color: transparent #e9e9e9
}

.km-android .km-state-active input[type=checkbox], .km-android .km-state-active input[type=radio] {
    border-color: #ddd;
    -webkit-box-shadow: 0 0 1px #ddd;
    box-shadow: 0 0 1px #ddd
}

.km-android-light .km-state-active input[type=checkbox], .km-android-light .km-state-active input[type=radio] {
    border-color: #fff;
    -webkit-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff
}

.km-android .km-splitview .km-pane:last-child {
    -webkit-box-shadow: -1px 0 1px 1px rgba(102,102,102,.5);
    box-shadow: -1px 0 1px 1px rgba(102,102,102,.5)
}

    .km-android .km-popup.km-pane .km-view, .km-android .km-splitview .km-pane:last-child .km-content {
        border-color: rgba(128,128,128,.4);
        -webkit-box-shadow: inset 0 0 1px 1px #000;
        box-shadow: inset 0 0 1px 1px #000
    }

.km-android-light .km-popup.km-pane .km-view, .km-android-light .km-splitview .km-pane:last-child .km-content {
    border-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 1px 1px #fcfcfc;
    box-shadow: inset 0 0 1px 1px #fcfcfc
}

.km-android .km-modalview {
    -webkit-box-shadow: 0 0 10px rgba(102,102,102,.5) 0 0 2px rgba(255,255,255,.7);
    box-shadow: 0 0 10px rgba(102,102,102,.5), 0 0 2px rgba(255,255,255,.7);
    border-color: #000
}

    .km-android .km-modalview .km-view-title {
        -webkit-box-shadow: inset 0 -2px rgba(255,255,255,.1);
        box-shadow: inset 0 -2px rgba(255,255,255,.1)
    }

.km-android-light .km-modalview {
    -webkit-box-shadow: 0 0 10px rgba(102,102,102,.5) 0 0 2px rgba(34,34,34,.7);
    box-shadow: 0 0 10px rgba(102,102,102,.5), 0 0 2px rgba(34,34,34,.7);
    border-color: #fcfcfc
}

.km-android .km-collapsible-content, .km-android .km-collapsible-header {
    border-color: rgba(102,102,102,.5)
}

.km-android-light .km-collapsible-content, .km-android-light .km-collapsible-header {
    border-color: rgba(204,204,204,.5)
}

.km-android .km-collapsible-header .km-icon {
    color: #999
}

.km-tablet .km-android :not(.km-actionsheet-phone) > .km-actionsheet {
    -webkit-box-shadow: 0 0 7px rgba(153,153,153,.5);
    box-shadow: 0 0 7px rgba(153,153,153,.5)
}

.km-android .k-draghandle, .km-android .k-dropdown .k-input, .km-android .k-list, .km-android .km-actionsheet, .km-android .km-actionsheet-wrapper, .km-android .km-actionsheet > li > a:active, .km-android .km-actionsheet > li > a:focus, .km-android .km-popup > .k-list-container, .km-android .km-state-active .km-detail, .km-android .km-state-active .km-listview-label, .km-android .km-state-active .km-listview-link, .km-android .km-tabstrip .km-button, .km-android .km-widget .k-state-focused, .km-android .km-widget .k-state-hover, .km-android .km-widget .k-state-selected {
    color: inherit
}

    .km-android .k-slider .k-draghandle, .km-android .k-slider .k-draghandle:before, .km-android .k-slider .k-draghandle:hover, .km-android .k-slider-selection, .km-android .km-actionsheet > li > a:active, .km-android .km-actionsheet > li > a:focus, .km-android .km-badge, .km-android .km-detail.km-state-active, .km-android .km-listview-label input[type=radio]:checked:after, .km-android .km-pages .km-current-page, .km-android .km-popup .k-state-focused, .km-android .km-popup .k-state-hover, .km-android .km-popup .k-state-selected, .km-android .km-state-active, .km-android .km-state-active .km-detail, .km-android .km-switch-on .km-switch-handle, .km-android .km-touch-scrollbar, .km-android .km-widget .km-state-active, .km-android select:not([multiple]):focus option {
        background: currentcolor
    }

        .km-android .km-state-active .km-detail:after, .km-android .km-state-active .km-icon, .km-android .km-state-active .km-switch-label-off, .km-android .km-state-active .km-text, .km-android .km-state-active.km-detail:after, .km-android .km-switch-label-on {
            color: #fff
        }

    .km-android .km-actionsheet > li > a:active, .km-android .km-actionsheet > li > a:focus, .km-android .km-popup .k-state-focused, .km-android .km-popup .k-state-hover, .km-android .km-popup .k-state-selected {
        text-indent: -10000px;
        text-shadow: 10000px 0 0 #fff
    }

.km-android2 .km-actionsheet > li > a:active, .km-android2 .km-actionsheet > li > a:focus, .km-android2 .km-popup .k-state-focused, .km-android2 .km-popup .k-state-hover, .km-android2 .km-popup .k-state-selected {
    text-shadow: 10000px 0 1px #fff
}

.km-android .km-state-active .km-listview-label, .km-android .km-state-active .km-listview-link {
    color: #fff;
    background: #33b5e5
}

.km-android .km-badge, .km-android li.km-actionsheet-cancel > a:active, .km-android li.km-actionsheet-cancel > a:focus {
    text-indent: -10000px;
    text-shadow: 5000px 0 0 #fff;
    opacity: .8
}

.km-android2 .km-badge, .km-android2 li.km-actionsheet-cancel > a:active, .km-android2 li.km-actionsheet-cancel > a:focus {
    text-shadow: 5000px 0 1px #fff
}

.km-android .k-overflow-container > li > a:active, .km-android .k-overflow-container > li > a:focus, .km-android .k-split-container > li > a:active, .km-android .k-split-container > li > a:focus {
    text-indent: 0;
    text-shadow: none
}

.km-android .km-actionsheet > li > a:active > *, .km-android .km-actionsheet > li > a:focus > *, .km-android .km-badge > *, .km-android .km-popup .k-state-focused > *, .km-android .km-popup .k-state-hover > *, .km-android .km-popup .k-state-selected > *, .km-android li.km-actionsheet-cancel > a:active > *, .km-android li.km-actionsheet-cancel > a:focus > * {
    text-indent: 0;
    text-shadow: none;
    color: #fff
}

.km-android .k-dropdown .k-state-focused, .km-android li.km-actionsheet-title, .km-android select:focus, .km-android textarea:focus, .km-android.km-pane input:focus {
    border-color: currentcolor
}

.km-android .km-listview-label input[type=checkbox]:checked:after {
    text-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.km-android .km-state-active input[type=checkbox]:before, .km-android .km-state-active input[type=radio]:before {
    background-color: rgba(0,0,0,.2)
}

.km-android-light .km-listview-label input[type=checkbox]:checked:after {
    text-shadow: 0 1px 1px rgba(252,252,252,.2)
}

.km-android-light .km-state-active input[type=checkbox]:before, .km-android-light .km-state-active input[type=radio]:before {
    background-color: rgba(252,252,252,.2)
}

.km-android .k-overflow-container .km-state-disabled, .km-android .km-contactadd:before, .km-android .km-detaildisclose:before, .km-android .km-icon:before, .km-android .km-rowdelete:before, .km-android .km-rowinsert:before {
    display: block;
    color: #999
}

.km-android .k-overflow-container a.km-state-disabled {
    color: #999;
    background-color: #000;
    border-color: rgba(153,153,153,.7)
}

.km-android-light .k-overflow-container a.km-state-disabled {
    color: #999;
    background-color: #e9e9e9;
    border-color: rgba(204,204,204,.5)
}

.km-android .km-state-active.km-state-disabled .km-text {
    color: #999
}

.km-android .k-slider, .km-android .km-badge, .km-android .km-current-page, .km-android .km-popup, .km-android .km-shim, .km-android .km-switch-on, .km-android .km-touch-scrollbar, .km-android .km-widget .k-state-focused, .km-android .km-widget .km-state-active, .km-android input:checked, .km-android input:focus, .km-android select:focus, .km-android textarea:focus {
    color: #33b5e5
}

.km-android .km-required:after {
    color: #f44336
}

.km-android-light .km-list fieldset legend {
    -webkit-box-shadow: 0 2px 0 0 rgba(34,34,34,.135);
    box-shadow: 0 2px 0 0 rgba(34,34,34,.135)
}

.km-android-dark .km-list fieldset legend {
    -webkit-box-shadow: 0 2px 0 0 rgba(255,255,255,.4);
    box-shadow: 0 2px 0 0 rgba(255,255,255,.4)
}

.km-android-light .km-checkbox-label:after, .km-android-light .km-checkbox-label:before, .km-android-light .km-icon-label, .km-android-light .km-label-above, .km-android-light .km-radio-label:after, .km-android-light .km-radio-label:before {
    color: rgba(34,34,34,.4)
}

.km-android-dark .km-checkbox-label:after, .km-android-dark .km-checkbox-label:before, .km-android-dark .km-icon-label, .km-android-dark .km-label-above, .km-android-dark .km-radio-label:after, .km-android-dark .km-radio-label:before {
    color: rgba(255,255,255,.4)
}

.km-android .km-radio-label:after {
    background-color: #33b5e5
}

.km-android-dark .km-checkbox-label:after, .km-android-dark .km-checkbox-label:before, .km-android-dark .km-radio-label:before {
    border-color: rgba(153,153,153,.5)
}

.km-android-light input.km-checkbox:checked + .km-checkbox-label:before {
    border-color: #222
}

.km-android input.km-checkbox:focus + .km-checkbox-label:before {
    -webkit-box-shadow: 0 0 1px 2px #33b5e5;
    box-shadow: 0 0 1px 2px #33b5e5
}

.km-android input.km-checkbox:checked + .km-checkbox-label:after {
    color: #33b5e5
}

.km-android input.km-radio:checked + .km-radio-label:after {
    -webkit-box-shadow: 0 0 16px 1px #33b5e5;
    box-shadow: 0 0 16px 1px #33b5e5;
    border-color: rgba(34,34,34,.4)
}

.km-android .km-list fieldset .km-legend-button.km-invalid, .km-android .km-list > li label.km-invalid, .km-android .km-list > li label.km-invalid.km-required:after {
    color: #f9a825
}

.km-android .km-invalid-msg {
    color: #fff;
    background: #f9a825
}

.km-android .km-button.km-state-active, .km-android input[type=file]:active, .km-android input[type=file]:focus {
    overflow: visible
}

    .km-android .km-button.km-state-active:after, .km-android .km-buttongroup .km-state-active:after {
        content: "\a0";
        display: block;
        top: -4px;
        left: -4px;
        width: 100%;
        height: 100%;
        position: absolute;
        border: 4px solid transparent;
        background: inherit;
        border-radius: 2px;
        opacity: .5
    }

.km-android .k-overflow-container .km-state-active:after, .km-android .k-split-container .km-state-active:after, .km-android .k-toolbar .km-state-active:after, .km-android .km-navbar .km-state-active:after, .km-android .km-tabstrip .km-state-active:after, .km-android2 .km-buttongroup .km-state-active:after {
    display: none
}

.km-tablet .km-android .km-actionsheet-title, .km-tablet .km-android li.km-actionsheet-cancel {
    display: none
}

.km-tablet .km-android .km-actionsheet-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-tablet .km-android :not(.km-actionsheet-phone) > .km-actionsheet {
    margin: 0;
    width: 100%
}

    .km-tablet .km-android :not(.km-actionsheet-phone) > .km-actionsheet :nth-last-child(2) > a {
        border-bottom-width: 0
    }

.km-android .km-button {
    border-radius: 1px;
    padding: .6em 1em;
    border-width: 1px;
    border-style: solid
}

    .km-android .km-button .km-text {
        position: relative;
        z-index: 1
    }

    .km-android .km-button .km-notext {
        width: 1em
    }

.km-android .km-back:before {
    display: none
}

.km-android .km-badge, .km-android .km-detail {
    border-width: .3em;
    border-style: solid
}

.km-android .km-badge {
    opacity: .8;
    border: 0;
    top: -1.05em;
    min-width: 1.1em;
    height: 2em;
    line-height: 2.2em;
    border-radius: 3em
}

.km-android .km-detail {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-android .km-detail:before {
        content: "\a0";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

.km-root .km-android .km-detail {
    height: 100%;
    width: 3rem;
    font-size: 1.8rem;
    margin: 0
}

    .km-android .km-detail .km-icon, .km-android .km-detail .km-icon:after, .km-android .km-detail .km-icon:before, .km-root .km-android .km-detail:after {
        line-height: 3.4rem;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 3.4rem;
        vertical-align: middle
    }

.km-android .km-detail .km-icon {
    display: inline-block;
    position: relative
}

.km-android .km-detail .km-text {
    width: 100%;
    display: block;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.8rem;
    border-left-width: 1px;
    border-left-style: dotted
}

.km-android .km-widget.km-buttongroup {
    background: 0 0
}

.km-android .km-navbar .km-buttongroup {
    margin-top: .2em;
    line-height: 1.2em;
    height: 1.8em
}

    .km-android .km-buttongroup .km-button, .km-android .km-navbar .km-buttongroup .km-button {
        border-radius: 1px;
        padding: .6em 1em;
        border-style: solid;
        border-width: 1px 0 1px 1px
    }

    .km-android .km-navbar .km-buttongroup .km-button {
        font-size: .9em
    }

.k-ff .km-android .km-buttongroup .km-button {
    display: inline-block;
    margin-left: -4px
}

.km-android .km-buttongroup .km-state-active, .km-android .km-navbar .km-buttongroup .km-state-active {
    overflow: visible;
    z-index: 1
}

.km-android .km-buttongroup .km-button .km-text {
    position: relative;
    width: 100%;
    z-index: 1
}

.km-android .km-buttongroup .km-button .km-icon {
    width: 1.1em;
    height: 1.1em
}

.km-root .km-android .km-buttongroup .km-button:first-child {
    margin-left: 0;
    border-radius: 1px 0 0 1px
}

.km-root .km-android .km-buttongroup .km-button:last-child {
    border-radius: 0 1px 1px 0
}

.km-android .km-view-title {
    visibility: hidden
}

.km-android .km-modalview .km-view-title, .km-android .km-popover-root .km-view-title, .km-android .km-splitview .km-view-title {
    visibility: visible;
    display: block
}

.km-android .km-dialog-title, .km-android .km-view-title {
    text-align: center;
    font-size: 1.4em;
    line-height: 2.4em;
    font-weight: 700
}

.km-android.km-horizontal .km-view-title {
    line-height: 2.1em
}

.km-root .km-android .k-toolbar, .km-root .km-android .km-navbar {
    font-size: .8em
}

.km-android .km-navbar {
    padding: 0 .5em
}

    .km-android .k-toolbar .km-button, .km-android .km-navbar .km-button {
        margin: 0;
        border-style: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: 0 0
    }

    .km-android .km-navbar .km-button {
        display: inline
    }

    .km-android .km-navbar [class*=item] .km-button {
        padding: .95em 0;
        text-transform: uppercase
    }

.km-android .k-toolbar > .km-button {
    text-transform: uppercase
}

.km-android .km-navbar [class*=item] .km-text {
    float: none;
    border: 0;
    border-right-width: 1px;
    border-right-style: solid;
    padding: 0 .95em
}

.km-android.km-horizontal .km-leftitem .km-button, .km-android.km-horizontal .km-rightitem .km-button {
    padding: .4em 0
}

html .km-android .k-toolbar .km-state-active, html .km-android .km-navbar .km-state-active {
    background: currentcolor;
    opacity: .6
}

html .km-android .k-toolbar .km-state-active {
    opacity: 1
}

.km-android .k-toolbar {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2.6em;
    background-image: none
}

    .km-android .k-toolbar > * {
        vertical-align: top
    }

    .km-android .k-split-button .km-arrowdown, .km-android .k-toolbar .k-button-icon .km-icon, .km-android .k-toolbar .k-button-icontext .km-icon {
        width: 1em;
        height: 1em;
        font-size: 2.4em;
        margin-top: -8px;
        margin-bottom: -5px;
        margin-right: .1em;
        vertical-align: middle
    }

    .km-android .k-toolbar .km-button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .km-android .k-toolbar .km-text {
        vertical-align: middle
    }

    .km-android .k-toolbar .km-buttongroup .k-button-icon {
        padding-left: .6em;
        padding-right: .6em
    }

    .km-android .k-toolbar .km-buttongroup {
        border-width: 0 1px;
        border-style: solid;
        padding: 0 .5em
    }

        .km-android .k-toolbar .km-buttongroup .km-button {
            border-style: solid;
            border-color: transparent;
            border-width: 1px 0
        }

        .km-android .k-toolbar .km-buttongroup + .km-buttongroup {
            padding-left: 0;
            border-left: 0;
            margin-left: 0
        }

.km-root .k-toolbar .km-buttongroup.k-toolbar-last-visible {
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}

.km-android .k-toolbar .k-split-button-arrow {
    border-radius: 0
}

.km-android .k-split-button .km-arrowdown {
    margin: 0
}

.km-android .km-popup .k-overflow-container, .km-android .km-popup .k-split-container {
    margin-left: 0 !important;
    width: 100% !important
}

.km-android .k-overflow-wrapper > .km-popup-wrapper, .km-android .k-split-wrapper > .km-popup-wrapper {
    padding: 7px 7px 13px
}

.km-tablet .km-android .k-overflow-wrapper > .km-popup-wrapper, .km-tablet .km-android .k-split-wrapper > .km-popup-wrapper {
    padding: 9px 9px 15px
}

.km-android .k-overflow-container .km-actionsheet-cancel, .km-android .k-split-container .km-actionsheet-cancel {
    display: none
}

.km-android .k-overflow-container .km-button, .km-android .k-split-container .km-button {
    margin: 0;
    padding-right: 3em
}

.km-android .k-overflow-wrapper {
    height: auto !important;
    bottom: 0
}

.km-android .km-tabstrip {
    display: table;
    padding: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .km-android .km-tabstrip .km-text {
        font-size: 0
    }

    .km-android .km-tabstrip .km-button {
        display: table-cell;
        font-size: .8em;
        padding: .5em 0 .4em 0;
        border-radius: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 0;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        min-width: 5em
    }

.km-android.km-horizontal .km-tabstrip .km-text {
    height: 2em
}

.km-android.km-horizontal .km-tabstrip .km-text {
    margin-top: -2.2em
}

.km-android.km-horizontal .km-tabstrip .km-button {
    padding: 0
}

.km-android .km-tabstrip .km-badge {
    top: 0
}

.km-android .km-tabstrip .km-state-active {
    border-bottom-width: .4em;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: currentcolor
}

    .km-android .km-tabstrip .km-state-active .km-icon {
        color: inherit
    }

.km-android .km-tabstrip .km-icon:before {
    display: none
}

.km-android .km-tabstrip .km-state-active .km-icon:before {
    display: block
}

.km-android .km-slider-background, .km-android .km-switch-background {
    display: none
}

.km-android .km-switch {
    background: 0 0;
    width: 7em;
    height: 1.8em;
    line-height: 1.8em
}

.km-android .km-switch-container {
    overflow: hidden;
    border-radius: 0;
    border: 2px solid transparent;
    border-left-width: 1px
}

.km-android .km-switch-handle {
    width: 3em;
    margin: 0 3px 1px 1px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-android2 .km-switch-handle {
    border-radius: 0
}

.km-android .km-switch-label-off, .km-android .km-switch-label-on {
    font-size: .8em;
    left: 0;
    width: 100%;
    line-height: 1.9em;
    height: 100%;
    text-align: center;
    text-shadow: none;
    position: absolute;
    z-index: 1
}

.km-android .km-switch-off .km-switch-label-on, .km-android .km-switch-on .km-switch-label-off {
    display: none
}

.km-android li.km-state-active {
    border: 0
}

.km-android .km-listgroupinset, .km-android .km-listinset {
    margin: 0
}

.km-android .km-listview-wrapper {
    padding: 0 1em
}

.km-android .km-list > li {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 2em;
    overflow: hidden
}

.km-android .km-list {
    margin-bottom: 1em;
    -webkit-margin-collapse: separate
}

.km-android .km-group-title {
    margin-top: 0;
    background: 0 0;
    padding: .8em 0 .5em;
    line-height: inherit;
    text-transform: uppercase
}

.km-android .km-scroll-header .km-group-title {
    margin: 0 1em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.km-android .km-listview-label:after, .km-android .km-listview-link:after {
    display: none
}

.km-android .km-list .km-item {
    height: 56px
}

.km-android .km-listview .km-switch {
    margin-top: -.8em
}

.km-android .km-listview-wrapper form .km-filter-wrap > input {
    font-size: 1.2em;
    padding-left: 1.8em;
    padding-right: 1.8em
}

.km-android .km-filter-wrap:before {
    margin: 0 -1.3em 0 .3em
}

.km-android .km-filter-reset .km-clear, .km-android .km-filter-wrap:before {
    font-size: 1.4em
}

    .km-android .km-filter-reset .km-clear:after {
        content: "\e038"
    }

.km-android .km-scroller-pull, .km-root .km-android .km-load-more {
    font-size: 1.2em
}

    .km-android .km-load-more .km-icon, .km-android .km-scroller-pull .km-icon {
        width: 1em;
        height: 1em;
        font-size: 1.7em
    }

    .km-android .km-scroller-pull .km-template {
        min-width: 0
    }

.km-android .km-item label:before {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-android .km-listview-item-badge.km-badge, .km-android .km-listview-link > .km-badge {
    min-width: 2.1em
}

.km-android .km-pages {
    display: table;
    width: 100%;
    height: 3px
}

    .km-android .km-pages li {
        display: table-cell;
        height: 2px;
        background: 0 0
    }

    .km-android .km-pages .km-current-page {
        opacity: .6
    }

.km-android .k-slider-horizontal {
    margin-top: -.5em;
    height: .1em
}

.km-android .km-list .km-full-width-slider .k-slider-track {
    border-width: 0
}

.km-android .k-slider .k-draghandle, .km-android .k-slider .k-draghandle:hover {
    width: .4em;
    height: .4em;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5em;
    border: 0
}

.km-android .k-slider-horizontal .k-draghandle {
    top: -3px
}

.km-android .k-slider-vertical .k-draghandle {
    left: -.5em
}

.km-android .k-slider-horizontal .k-slider-selection {
    margin-top: -1px;
    height: .2em
}

.km-android .k-slider-vertical .k-slider-selection {
    margin-left: -.1em;
    width: .2em
}

.km-android .k-slider-horizontal .k-slider-track {
    height: .1em
}

.km-android .k-slider-vertical .k-slider-track {
    width: .1em
}

.km-android .km-list .km-full-width-slider .k-slider-selection, .km-android .km-list .km-full-width-slider .k-slider-track {
    height: .15rem
}

.km-android .k-slider-selection {
    margin-left: 0
}

.km-android .k-dropdown, .km-android input[type=color], .km-android input[type=date], .km-android input[type=datetime-local], .km-android input[type=datetime], .km-android input[type=email], .km-android input[type=month], .km-android input[type=number], .km-android input[type=password], .km-android input[type=search], .km-android input[type=tel], .km-android input[type=text]:not(.k-input), .km-android input[type=time], .km-android input[type=url], .km-android input[type=week], .km-android select:not([multiple]), .km-android textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .4em;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-android .km-list .k-dropdown, .km-android .km-list input[type=color], .km-android .km-list input[type=date], .km-android .km-list input[type=datetime-local], .km-android .km-list input[type=datetime], .km-android .km-list input[type=email], .km-android .km-list input[type=month], .km-android .km-list input[type=number], .km-android .km-list input[type=password], .km-android .km-list input[type=search], .km-android .km-list input[type=tel], .km-android .km-list input[type=text]:not(.k-input), .km-android .km-list input[type=time], .km-android .km-list input[type=url], .km-android .km-list input[type=week], .km-android .km-list select:not([multiple]) {
    margin-top: -1.05em;
    font-size: 1em
}

.km-native-scrolling .km-android .km-list input[type=color], .km-native-scrolling .km-android .km-list input[type=date], .km-native-scrolling .km-android .km-list input[type=datetime-local], .km-native-scrolling .km-android .km-list input[type=datetime], .km-native-scrolling .km-android .km-list input[type=email], .km-native-scrolling .km-android .km-list input[type=month], .km-native-scrolling .km-android .km-list input[type=number], .km-native-scrolling .km-android .km-list input[type=password], .km-native-scrolling .km-android .km-list input[type=search], .km-native-scrolling .km-android .km-list input[type=tel], .km-native-scrolling .km-android .km-list input[type=text]:not(.k-input), .km-native-scrolling .km-android .km-list input[type=time], .km-native-scrolling .km-android .km-list input[type=url], .km-native-scrolling .km-android .km-list input[type=week], .km-native-scrolling .km-android .km-list select:not([multiple]), .km-native-scrolling .km-android .km-list textarea {
    position: static;
    float: right;
    margin-top: 0;
    margin-bottom: -.2em
}

.km-android input[type=file] {
    padding: .25em;
    outline: 0
}

.km-android .km-list textarea {
    font-size: 1em
}

.km-native-scrolling .km-android .km-list textarea {
    width: 50%;
    margin: 0
}

.km-android .k-dropdown {
    padding: 0;
    min-width: 8em
}

.km-root .km-android .k-dropdown {
    margin-top: -1.2em
}

.km-native-scrolling .km-android .km-list .k-dropdown {
    width: 48%;
    width: -webkit-calc(50% - .7em);
    width: calc(50% - .7em);
    margin-right: .7em
}

.km-android .k-dropdown .k-dropdown-wrap {
    width: 100%;
    padding: .1em .3em;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-android .k-dropdown .k-input {
    border-radius: 0
}

.km-android input[type=email], .km-android input[type=number], .km-android input[type=password], .km-android input[type=search], .km-android input[type=tel], .km-android input[type=text]:not(.k-input), .km-android input[type=url], .km-root .km-android textarea {
    outline-width: 4px;
    outline-style: solid;
    outline-offset: -5px;
    border-width: 0 0 5px;
    border-style: solid
}

    .km-android input[type=email]:focus, .km-android input[type=number]:focus, .km-android input[type=password]:focus, .km-android input[type=search]:focus, .km-android input[type=tel]:focus, .km-android input[type=text]:not(.k-input):focus, .km-android input[type=url]:focus, .km-android textarea:focus {
        outline-offset: -6px
    }

.km-android .k-dropdown .k-dropdown-wrap, .km-android input[type=color], .km-android input[type=date], .km-android input[type=datetime-local], .km-android input[type=datetime], .km-android input[type=month], .km-android input[type=time], .km-android input[type=week], .km-android select:not([multiple]) {
    border-width: 0 0 1px;
    border-style: solid;
    margin-bottom: 1px;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.km-android .k-slider .k-draghandle, .km-android .k-slider .k-draghandle:hover {
    margin-top: -.5em;
    padding: .5em;
    background-clip: content-box;
    -webkit-background-clip: content-box
}

    .km-android .k-slider .k-draghandle:before {
        content: "\a0";
        display: block;
        margin-top: -.5em;
        margin-left: -.5em;
        width: 100%;
        height: 100%;
        opacity: .3;
        border-radius: 5em;
        padding: .5em;
        margin-bottom: .5em
    }

    .km-android .k-slider .k-draghandle:active:before {
        opacity: .4
    }

.km-android .km-popup .k-state-hover {
    opacity: .6
}

.km-android .km-listview-label input[type=checkbox], .km-android .km-listview-label input[type=radio] {
    border-width: 1px;
    border-style: solid;
    width: 1em;
    height: 1em;
    font-size: 1.2em
}

    .km-android .km-listview-label input[type=radio], .km-android .km-listview-label input[type=radio]:after, .km-android .km-state-active input[type=radio]:before {
        border-radius: 1em
    }

        .km-android .km-listview-label input[type=checkbox]:after, .km-android .km-listview-label input[type=radio]:after, .km-android .km-state-active input[type=checkbox]:before, .km-android .km-state-active input[type=radio]:before {
            content: "\a0";
            display: block;
            width: 78%;
            height: 78%
        }

        .km-android .km-listview-label input[type=radio]:after {
            margin: 11% 0 0 11%
        }

    .km-android .km-listview-label input[type=checkbox]:after {
        margin: -20% 0 0 20%;
        width: 120%;
        height: 120%;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }

.km-android .km-state-active input[type=checkbox]:before, .km-android .km-state-active input[type=radio]:before {
    position: absolute;
    margin: -45% 0 0 -45%;
    width: 190%;
    height: 190%
}

.km-android .km-state-active input[type=checkbox], .km-android .km-state-active input[type=radio] {
    border-width: 1px;
    border-style: solid
}

.km-android .km-listview-label input[type=radio]:checked:after {
    content: "\a0";
    -webkit-box-shadow: 0 0 3px currentcolor;
    box-shadow: 0 0 3px currentcolor
}

.km-android .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-android .km-label-above {
    font-size: .87em;
    margin-top: -2px;
    padding-top: .42em;
    padding-bottom: 2em;
    margin-bottom: .13em
}

.km-android fieldset .km-label-above {
    margin-top: 0;
    padding-top: 1.455em;
    padding-bottom: 3.091em
}

.km-android .km-label-above textarea {
    top: 50%
}

.km-android .km-list .km-label-above .k-dropdown-wrap, .km-android .km-list .km-label-above input[type=color], .km-android .km-list .km-label-above input[type=date], .km-android .km-list .km-label-above input[type=datetime-local], .km-android .km-list .km-label-above input[type=datetime], .km-android .km-list .km-label-above input[type=email], .km-android .km-list .km-label-above input[type=month], .km-android .km-list .km-label-above input[type=number], .km-android .km-list .km-label-above input[type=password], .km-android .km-list .km-label-above input[type=search], .km-android .km-list .km-label-above input[type=tel], .km-android .km-list .km-label-above input[type=text]:not(.k-input), .km-android .km-list .km-label-above input[type=time], .km-android .km-list .km-label-above input[type=url], .km-android .km-list .km-label-above input[type=week], .km-android .km-list .km-label-above select:not([multiple]), .km-android .km-list .km-label-above textarea {
    padding-left: .7em;
    margin-top: -.375em;
    border: none
}

.km-android .km-list fieldset .km-label-above .k-dropdown-wrap, .km-android .km-list fieldset .km-label-above input[type=color], .km-android .km-list fieldset .km-label-above input[type=date], .km-android .km-list fieldset .km-label-above input[type=datetime-local], .km-android .km-list fieldset .km-label-above input[type=datetime], .km-android .km-list fieldset .km-label-above input[type=email], .km-android .km-list fieldset .km-label-above input[type=month], .km-android .km-list fieldset .km-label-above input[type=number], .km-android .km-list fieldset .km-label-above input[type=password], .km-android .km-list fieldset .km-label-above input[type=search], .km-android .km-list fieldset .km-label-above input[type=tel], .km-android .km-list fieldset .km-label-above input[type=text]:not(.k-input), .km-android .km-list fieldset .km-label-above input[type=time], .km-android .km-list fieldset .km-label-above input[type=url], .km-android .km-list fieldset .km-label-above input[type=week], .km-android .km-list fieldset .km-label-above select:not([multiple]), .km-android .km-list fieldset .km-label-above textarea {
    margin-top: -.25em
}

.km-android .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -.5em -1.61em
}

    .km-android .km-list fieldset > .k-dropdown-wrap, .km-android .km-list fieldset > input[type=color], .km-android .km-list fieldset > input[type=date], .km-android .km-list fieldset > input[type=datetime-local], .km-android .km-list fieldset > input[type=datetime], .km-android .km-list fieldset > input[type=email], .km-android .km-list fieldset > input[type=month], .km-android .km-list fieldset > input[type=number], .km-android .km-list fieldset > input[type=password], .km-android .km-list fieldset > input[type=search], .km-android .km-list fieldset > input[type=tel], .km-android .km-list fieldset > input[type=text]:not(.k-input), .km-android .km-list fieldset > input[type=time], .km-android .km-list fieldset > input[type=url], .km-android .km-list fieldset > input[type=week], .km-android .km-list fieldset > select:not([multiple]), .km-android .km-list fieldset > textarea {
        padding: 1.23em 0 1.23em 0;
        margin: 2px 0;
        border: none;
        outline: 0
    }

    .km-android .km-list fieldset legend {
        text-indent: 0;
        margin: 0 -1.61em;
        font-weight: 400;
        padding: 1.23em 1.61em .11em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-transform: uppercase
    }

.km-android .km-legend-button {
    text-transform: uppercase
}

.km-android .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.61em
}

    .km-android .km-list fieldset .km-inline-field:first-of-type {
        padding-left: 0
    }

.km-android .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-android .km-list .km-inline-field .k-dropdown-wrap, .km-android .km-list .km-inline-field input[type=color], .km-android .km-list .km-inline-field input[type=date], .km-android .km-list .km-inline-field input[type=datetime-local], .km-android .km-list .km-inline-field input[type=datetime], .km-android .km-list .km-inline-field input[type=email], .km-android .km-list .km-inline-field input[type=month], .km-android .km-list .km-inline-field input[type=number], .km-android .km-list .km-inline-field input[type=password], .km-android .km-list .km-inline-field input[type=search], .km-android .km-list .km-inline-field input[type=tel], .km-android .km-list .km-inline-field input[type=text]:not(.k-input), .km-android .km-list .km-inline-field input[type=time], .km-android .km-list .km-inline-field input[type=url], .km-android .km-list .km-inline-field input[type=week], .km-android .km-list .km-inline-field select:not([multiple]), .km-android .km-list .km-inline-field textarea {
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-android .km-list .km-inline-field:first-of-type .k-dropdown-wrap, .km-android .km-list .km-inline-field:first-of-type input[type=color], .km-android .km-list .km-inline-field:first-of-type input[type=date], .km-android .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-android .km-list .km-inline-field:first-of-type input[type=datetime], .km-android .km-list .km-inline-field:first-of-type input[type=email], .km-android .km-list .km-inline-field:first-of-type input[type=month], .km-android .km-list .km-inline-field:first-of-type input[type=number], .km-android .km-list .km-inline-field:first-of-type input[type=password], .km-android .km-list .km-inline-field:first-of-type input[type=search], .km-android .km-list .km-inline-field:first-of-type input[type=tel], .km-android .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-android .km-list .km-inline-field:first-of-type input[type=time], .km-android .km-list .km-inline-field:first-of-type input[type=url], .km-android .km-list .km-inline-field:first-of-type input[type=week], .km-android .km-list .km-inline-field:first-of-type select:not([multiple]), .km-android .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-android .km-list .km-full-width-slider {
    margin-top: 0;
    padding: 1.55em 0
}

.km-android .km-checkbox-label, .km-android .km-radio-label {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: .89em
}

    .km-android .km-checkbox-label:after, .km-android .km-checkbox-label:before {
        right: .7em;
        width: 1.07rem;
        height: 1.07rem;
        text-align: right;
        font-size: 1.5em
    }

    .km-android .km-checkbox-label:before {
        border-width: .133rem;
        border-style: solid
    }

.km-android .km-radio-label {
    padding-left: 2.5em;
    line-height: 1.5em
}

    .km-android .km-radio-label:before {
        width: 1.07rem;
        height: 1.07rem;
        border-width: .133rem;
        border-style: solid
    }

.km-android input.km-radio:checked + .km-radio-label:after {
    border-width: 2px;
    border-style: solid;
    top: 45%
}

.km-android input.km-radio:checked + .km-radio-label:after {
    width: .55rem;
    height: .55rem;
    left: .2rem
}

.km-android .km-shim.km-actionsheet-root {
    left: 0 !important;
    width: 100%;
    height: 100% !important
}

.km-android .km-actionsheet-wrapper {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.km-android .km-actionsheet > li:last-child > a {
    border: 0
}

.km-android li.km-actionsheet-cancel > a {
    text-align: center;
    font-size: 1em
}

.km-android li.km-actionsheet-title {
    font-weight: 400;
    line-height: normal;
    padding: .8em 1em;
    font-size: 1.2em;
    border-bottom-width: 2px;
    border-radius: 5px 5px 0 0
}

.km-android .km-popup.km-pane .km-view {
    padding: 1px
}

.km-android .km-popup.km-pane {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.km-android .km-popover-root .km-list:last-child {
    margin-bottom: 0
}

.km-android .km-left .km-popup-arrow, .km-android .km-right .km-popup-arrow {
    margin-top: 0
}

.km-android .km-popup-arrow:after, .km-android .km-popup-arrow:before {
    border-style: solid;
    border-width: 0 10px 10px
}

.km-android .km-down .km-popup-arrow:after {
    margin-top: -1px
}

.km-android .km-down .km-popup-arrow:before {
    margin-top: -2px
}

.km-android .km-up .km-popup-arrow:before {
    margin-top: 1px
}

.km-android .km-up .km-popup-arrow:after, .km-android .km-up .km-popup-arrow:before {
    border-width: 10px 10px 0 10px
}

.km-android .km-left .km-popup-arrow:after, .km-android .km-left .km-popup-arrow:before {
    border-width: 10px 0 10px 10px
}

.km-android .km-right .km-popup-arrow:after, .km-android .km-right .km-popup-arrow:before {
    border-width: 10px 10px 10px 0
}

.km-android .km-modalview-wrapper {
    padding: 10px
}

.km-android .km-modalview {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid
}

.km-android .km-touch-scrollbar {
    border-radius: 0
}

.km-android .km-vertical-scrollbar {
    width: .3em
}

.km-android .km-horizontal-scrollbar {
    height: .3em
}

.km-android .km-popup.km-pane .km-view, .km-android .km-scrollview .km-pane:last-child .km-content {
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.km-android .km-pane {
    z-index: 1
}

    .km-android .km-pane:first-child {
        z-index: 0
    }

.km-root .km-blackberry .km-filter-reset, .km-root .km-blackberry .km-group-title, .km-root .km-blackberry .km-shim .k-animation-container, .km-root .km-blackberry .km-slider, .km-root .km-blackberry .km-switch, .km-root .km-blackberry .km-view, .km-root .km-blackberry.km-pane {
    -webkit-transform: none
}

.km-blackberry {
    font: 1em Slate,Helvetica,sans-serif
}

    .km-blackberry .km-button, .km-blackberry .km-buttongroup, .km-blackberry .km-navbar, .km-blackberry .km-tabstrip, .km-blackberry .km-toolbar, .km-blackberry input[type=file] {
        font-weight: 400;
        border: 0;
        border-radius: 3px
    }

    .km-blackberry .km-navbar, .km-blackberry .km-tabstrip, .km-blackberry .km-toolbar {
        border-radius: 0
    }

        .km-blackberry .km-tabstrip .km-icon {
            width: 2.4rem;
            height: 2.4rem;
            font-size: 2.4rem;
            position: relative;
            margin: .3rem auto
        }

    .km-blackberry.km-vertical .km-tabstrip .km-icon {
        margin: .2rem auto .1rem
    }

    .km-blackberry .km-buttongroup .km-state-active .km-icon:before, .km-blackberry .km-buttongroup :active .km-icon:before {
        display: none
    }

    .km-blackberry .km-load-more {
        height: 3.4em
    }

        .km-blackberry .km-load-more .km-button {
            margin: 0 .8em;
            display: block
        }

    .km-blackberry .km-loader, .km-blackberry .km-scroller-pull, .km-blackberry .km-scroller-refresh.km-load-more {
        overflow: visible;
        background: 0 0
    }

    .km-blackberry .km-loader {
        margin-top: -2em;
        margin-left: -2em;
        width: 4em;
        height: 4em
    }

    .km-blackberry .km-scroller-refresh.km-load-more {
        padding: 0;
        position: relative;
        margin: auto
    }

    .km-blackberry .km-scroller-pull, .km-blackberry .km-scroller-refresh.km-load-more {
        font-size: 1em;
        width: 2.5em;
        height: 2.5em;
        top: .25em;
        white-space: nowrap
    }

    .km-blackberry .km-scroller-pull {
        left: 50%;
        margin: 0 0 0 -90px
    }

    .km-blackberry .km-loader h1 {
        display: none;
        font-size: 1em;
        position: absolute;
        left: -50%;
        width: 200%;
        top: auto;
        bottom: -2em
    }

    .km-blackberry .km-scroller-pull .km-template {
        position: absolute;
        line-height: 2em;
        font-size: 1.2em;
        min-width: 0;
        top: 0;
        left: 3em
    }

    .km-blackberry .km-load-more.km-scroller-refresh .km-icon, .km-blackberry .km-loader .km-loading-left, .km-blackberry .km-loading, .km-blackberry .km-scroller-pull.km-scroller-refresh .km-icon, .km-blackberry .km-scroller-refresh .km-loading-left {
        font-size: 1em;
        display: block;
        width: 2.5em;
        height: 2.5em;
        top: 10%;
        left: 10%;
        position: absolute;
        border-width: 2px;
        border-style: solid;
        border-radius: 1em;
        -webkit-animation: km-blackberryload 10s infinite linear;
        animation: km-blackberryload 10s infinite linear;
        -webkit-background-clip: none
    }

    .km-blackberry .km-loader .km-loading-left, .km-blackberry .km-loading {
        width: 3em;
        height: 3em
    }

    .km-blackberry .km-loader .km-loading-left, .km-blackberry .km-scroller-refresh .km-loading-left {
        -webkit-transform: rotate(45deg) scale(.8);
        -ms-transform: rotate(45deg) scale(.8);
        transform: rotate(45deg) scale(.8);
        -webkit-animation: km-blackberryload2 2.5s infinite linear;
        animation: km-blackberryload2 2.5s infinite linear
    }

    .km-blackberry .km-scroller-pull .km-icon {
        margin-right: 0;
        display: block;
        position: absolute
    }

        .km-blackberry .km-scroller-pull .km-icon:after {
            content: "\e012";
            margin-left: -3px
        }

    .km-blackberry .km-scroller-refresh .km-icon:after {
        display: none
    }

@keyframes km-blackberryload {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes km-blackberryload {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes km-blackberryload2 {
    0% {
        -webkit-transform: rotate(45deg) scale(.82);
        transform: rotate(45deg) scale(.82)
    }

    25% {
        -webkit-transform: rotate(90deg) scale(.86);
        transform: rotate(90deg) scale(.86)
    }

    50% {
        -webkit-transform: rotate(135deg) scale(1);
        transform: rotate(135deg) scale(1)
    }

    75% {
        -webkit-transform: rotate(180deg) scale(.86);
        transform: rotate(180deg) scale(.86)
    }

    100% {
        -webkit-transform: rotate(225deg) scale(.82);
        transform: rotate(225deg) scale(.82)
    }
}

@-webkit-keyframes km-blackberryload2 {
    0% {
        -webkit-transform: rotate(45deg) scale(.82)
    }

    25% {
        -webkit-transform: rotate(90deg) scale(.86)
    }

    50% {
        -webkit-transform: rotate(135deg) scale(1)
    }

    75% {
        -webkit-transform: rotate(180deg) scale(.86)
    }

    100% {
        -webkit-transform: rotate(225deg) scale(.82)
    }
}

.km-blackberry .km-popup .k-item {
    padding: 0 1em;
    border: 0
}

.km-blackberry .km-popup .k-list-container {
    margin-right: 1px;
    margin-bottom: 1px;
    border-width: 1px;
    border-style: solid
}

.km-blackberry .k-dropdown.k-state-border-down, .km-blackberry .k-dropdown.k-state-border-up {
    background: 0 0;
    background-position: 0 0,100% 0,0 0;
    background-repeat: no-repeat;
    -webkit-background-size: 1px 100%,1px 100%,auto;
    background-size: 1px 100%,1px 100%,auto
}

.km-blackberry .km-popup .k-state-border-up {
    border-top: 0;
    border-radius: 0 0 3px 3px
}

.km-blackberry .km-popup .k-state-border-down {
    border-bottom: 0;
    margin-top: 1px;
    border-radius: 3px 3px 0 0
}

.km-blackberry .km-modalview-wrapper, .km-blackberry .km-popup-wrapper {
    padding: 10px
}

.km-blackberry .k-overflow-wrapper .km-actionsheet-wrapper, .km-blackberry .k-split-wrapper .km-actionsheet-wrapper, .km-blackberry .km-popup.km-pane, .km-tablet .km-blackberry .km-actionsheet-wrapper:not(.km-actionsheet-phone) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid transparent;
    border-radius: 3px
}

.km-blackberry, .km-blackberry .km-content {
    color: #000;
    background: #fff
}

    .km-blackberry .k-toolbar, .km-blackberry .km-button, .km-blackberry .km-buttongroup, .km-blackberry .km-navbar, .km-blackberry .km-tabstrip, .km-blackberry input[type=file] {
        color: #000;
        background-color: #e6e6e6;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),color-stop(70%,rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);
        background-image: linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);
        -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
    }

    .km-blackberry .km-button, .km-blackberry .km-buttongroup {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.1)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.1));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1));
        border-color: rgba(0,0,0,.2)
    }

        .km-blackberry .km-button:after, .km-blackberry .km-button:before, .km-blackberry .km-buttongroup {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2),inset 0 0 0 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.2),inset 0 0 0 2px rgba(0,0,0,.1)
        }

    .km-blackberry .k-toolbar .km-button, .km-blackberry .km-navbar .km-button {
        color: #fff;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0))
    }

    .km-blackberry .km-view-title {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-shadow: 0 1px 3px rgba(0,0,0,.3)
    }

    .km-blackberry .km-dialog-title, .km-blackberry .km-view-title {
        color: #fff;
        text-shadow: 0 1px 0 #000
    }

    .km-blackberry .km-badge, .km-blackberry .km-detail {
        color: #fff;
        background-color: #00aae7
    }

    .km-blackberry .km-badge {
        -webkit-box-shadow: 0 0 0 1px #fff;
        box-shadow: 0 0 0 1px #fff
    }

    .km-blackberry .km-detail {
        background: #999;
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
        box-shadow: inset 0 1px 3px rgba(0,0,0,.4)
    }

    .km-blackberry .km-rowinsert {
        background-color: #24870D
    }

    .km-blackberry .km-rowdelete {
        background-color: #B01B1A
    }

    .km-blackberry .k-toolbar, .km-blackberry .km-navbar, .km-blackberry .km-popup.km-pane .km-header {
        background-color: #015e98;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(255,255,255,.2)),color-stop(rgba(255,255,255,0)),color-stop(left),color-stop(0,rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 40%,rgba(255,255,255,0),left,rgba(255,255,255,0) 0,rgba(255,255,255,.3));
        /*background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 40%,rgba(255,255,255,0),left,rgba(255,255,255,0) 0,rgba(255,255,255,.3))*/
    }

    .km-blackberry .km-tabstrip {
        -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.3);
        box-shadow: inset 0 2px 0 rgba(0,0,0,.3);
        background-color: #1A1A1A;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.18)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.18),rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.18),rgba(255,255,255,0))
    }

        .km-blackberry .km-tabstrip .km-button {
            color: #d1d1d1;
            -webkit-box-shadow: -1px 0 0 rgba(0,0,0,.5);
            box-shadow: -1px 0 0 rgba(0,0,0,.5)
        }

    .km-blackberry .km-switch-container {
        border-color: rgba(104,104,104,.3);
        background-color: rgba(180,180,180,.5);
        -webkit-box-shadow: inset 0 1px 3px rgba(27,27,27,.3);
        box-shadow: inset 0 1px 3px rgba(27,27,27,.3)
    }

    .km-blackberry .km-switch-handle {
        background: rgba(255,255,255,.9);
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.15)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.15));
        -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.3),0 0 0 1px rgba(27,27,27,.3);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.3),0 0 0 1px rgba(27,27,27,.3)
    }

    .km-blackberry .km-switch-on .km-switch-handle {
        background-color: #0879c6
    }

    .km-blackberry .km-switch-label-off, .km-blackberry .km-switch-label-on {
        color: #000
    }

    .km-blackberry .km-buttongroup > .km-button {
        color: #fff
    }

    .km-blackberry .km-content .km-buttongroup > .km-button {
        color: #000
    }

    .km-blackberry div.km-group-title {
        border-top-color: rgba(180,180,180,.3);
        border-bottom-color: #00aae7
    }

    .km-blackberry .km-scroll-header .km-group-title {
        background-color: #fff
    }

    .km-blackberry .km-list > li {
        border-bottom-color: rgba(180,180,180,.3)
    }

    .km-blackberry .km-filter-reset .km-clear, .km-blackberry .km-filter-wrap:before {
        color: #adadad
    }

    .km-blackberry .km-load-more .km-icon, .km-blackberry .km-scroller-pull .km-icon {
        color: #259fff
    }

    .km-blackberry .km-content .km-button .km-icon, .km-blackberry .km-content .km-buttongroup .km-button:active .km-icon, .km-blackberry .km-content .km-buttongroup .km-state-active .km-icon {
        color: #057fe4
    }

    .km-blackberry .km-listview-link .km-icon {
        color: #2a3235
    }

    .km-blackberry .km-button:active .km-icon, .km-blackberry .km-detail .km-icon, .km-blackberry .km-listview-link:active .km-icon, .km-blackberry .km-state-active .km-icon, .km-blackberry .km-tabstrip .km-icon {
        color: #eee
    }

    .km-blackberry .km-pages .km-current-page {
        background: rgba(150,150,150,.7)
    }

    .km-blackberry .k-slider .k-draghandle, .km-blackberry .k-slider .k-draghandle:hover {
        background-color: #eee;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,0));
        -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 1px 1px rgba(0,0,0,.3);
        box-shadow: inset 0 0 0 1px #fff,0 0 1px 1px rgba(0,0,0,.3)
    }

        .km-blackberry .k-slider .k-draghandle:active {
            background-color: #00aae7;
            -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.3),0 0 0 .5em rgba(0,170,231,.2),0 0 .5em rgba(0,170,231,.6);
            box-shadow: 0 0 1px 1px rgba(0,0,0,.3),0 0 0 .5em rgba(0,170,231,.2),0 0 .5em rgba(0,170,231,.6)
        }

    .km-blackberry .k-slider-selection {
        background: #0879c6;
        -webkit-box-shadow: inset 0 4px 8px rgba(255,255,255,.3),inset 0 0 0 1px #005d9c;
        box-shadow: inset 0 4px 8px rgba(255,255,255,.3),inset 0 0 0 1px #005d9c
    }

    .km-blackberry .k-slider-track {
        background: #e7e3e7;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.3);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.3)
    }

    .km-blackberry .km-touch-scrollbar {
        background-color: #777;
        border-color: rgba(255,255,255,.5)
    }

    .km-blackberry .km-load-more.km-scroller-refresh .km-icon, .km-blackberry .km-loader .km-loading-left, .km-blackberry .km-loading, .km-blackberry .km-scroller-pull.km-scroller-refresh .km-icon, .km-blackberry .km-scroller-refresh .km-loading-left {
        border-color: #000
    }

    .km-blackberry .km-loader h1, .km-blackberry .km-scroller-pull .km-icon {
        color: #000
    }

    .km-blackberry .k-dropdown, .km-blackberry input[type=color], .km-blackberry input[type=date], .km-blackberry input[type=datetime-local], .km-blackberry input[type=datetime], .km-blackberry input[type=email], .km-blackberry input[type=month], .km-blackberry input[type=number], .km-blackberry input[type=password], .km-blackberry input[type=search], .km-blackberry input[type=tel], .km-blackberry input[type=text]:not(.k-input), .km-blackberry input[type=time], .km-blackberry input[type=url], .km-blackberry input[type=week], .km-blackberry select:not([multiple]), .km-blackberry textarea {
        border-color: rgba(27,27,27,.3);
        background: rgba(27,27,27,.03)
    }

        .km-blackberry .k-dropdown .k-dropdown-wrap {
            border-color: rgba(27,27,27,.3)
        }

    .km-blackberry input[type=email], .km-blackberry input[type=number], .km-blackberry input[type=password], .km-blackberry input[type=search], .km-blackberry input[type=tel], .km-blackberry input[type=text]:not(.k-input), .km-blackberry input[type=url], .km-blackberry textarea {
        -webkit-box-shadow: inset 0 1px 1px rgba(180,180,180,.3);
        box-shadow: inset 0 1px 1px rgba(180,180,180,.3)
    }

        .km-blackberry input[type=email]:focus, .km-blackberry input[type=number]:focus, .km-blackberry input[type=password]:focus, .km-blackberry input[type=search]:focus, .km-blackberry input[type=tel]:focus, .km-blackberry input[type=text]:not(.k-input):focus, .km-blackberry input[type=url]:focus, .km-blackberry textarea:focus {
            border-color: #00aae7
        }

    .km-blackberry .k-dropdown-wrap, .km-blackberry input[type=color], .km-blackberry input[type=date], .km-blackberry input[type=datetime-local], .km-blackberry input[type=datetime], .km-blackberry input[type=month], .km-blackberry input[type=time], .km-blackberry input[type=week], .km-blackberry select:not([multiple]) {
        background: transparent 100% 0 no-repeat;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.1)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.1));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1));
        -webkit-background-size: 1.8em 100%,auto;
        background-size: 1.8em 100%,auto;
        background: -webkit-calc(100% - 5px) 50% no-repeat url(/Content/ExcaliburIV_Custom/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADICAQAAADrJAMDAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS4xLjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+MahxaQAAA/RJREFUeF7t1OlqVVcYh/HnIiz0LrYedWs8UXGc5yGKsxXtVVjwSryOFnoFxYq1TgQVhwQVT+KE0fihhRJ6IHkXGc7Jztr7PO/z8f9l82Oz+KeSrGcAE1pooU1ooU1ooYU2oYU2oYUW2oQW2oQWWmgTWmgTWmihTWihTWihhTahhTahhRbahBbahBZaaBNaaBNaaKFNaKFNaKGFNqGFNqGFFtqEFtqEFlpoE1poE1pooU1ooU1ooYU2oYVmFTf4lRusmlmo13W/H8gXmhE6M8MYW2sIvZWxGYAOI9lC8wOd7sD0f9T1Yv7eBaDDj7lC/zJrmGZLjaC3MD0L4Gau0L/NGb6xmXrcZr7NAfg9/z+621eGyf+G+RoA3Mz3jR4PhimGa8n8Jos3Oo5t4TBFm3yvzVQIsA1yhU5Tf8mWus2XFHM20HFsD4fPWVK3+RwCbIesoOPYEQ6fsqNu8yk02QF1gE5Tf8yKus3HUGQnZAkdx85w+MAm8rhNfEgxZwsdx65weM9QBsxDvA81dkF10M2nHmIytNgN2UPHsTscJtnIyt3GBPMeyB46HXvCYYINrMxtYCLFXBvoOPaGQ2dFqEs6ocJeqD90mrqsnPldirkJ0Gnqd5QZMO+D5kDDvnB8Wxl1ydtQYD80Cxr2h/ObSqhLXqeYmwadpn697NQl46HAAWgmNBwIqccpq2fmIDQXGg6G1GOsZ3luPWOhwCFoNjQcqpB6Ha9SzE2HTlO/Yh39vbW8DAUOw2BAw+EQ4CVrK2A+AoMDDUdChBd9o27xIhQ4CoMFnaZu9YX5eYp58KDhaIjxvGfqFs9CgWMwmNBwLAR51hN1i6ehwHEYXGg4HqI8XTJ1iyehwAkYZOg09ZMlUbcYTTELDSdCnNFFU7d4HAqcBKEB4GQI9HhR1Gt4FAqcAqG7nUpR98g8AkIvhPoRa5j/VvNwocxCw0iI9ZDV83gUPAgFToPQcadDsAdpaqDgfihwBoROdyZBXSSZ/w4FzoLQS6G+H1IX3AsFzoHQ83c2xLs3h7rgbi/MQsO5EPCvLjVQcCcUOA9CL7zzIeLd/6kL/gwFLoDQ/aC+QwEU3A7XiyD04rsQYt6m4I9+MgsNF2PqUOASCL30LgWkUZdB6OWnvgJC997lapiFhitpZq7StxMafkowX6OvJzRcDZiv0/cTGq7NYv6ZZTmh4Xo1zEJDyS1GuUUJQluV0Ca00EKb0EKb0EILbUILbUILLbQJLbQJLbTQJrTQJrTQQpvQQpvQQgttQgttQgsttAkttAkttNAmtNAmtNBCm9BCm9BCC21CC21CCy20CS20CS200Ca00Ca00EKb0EKb0EILbUILbf8CmhlC4QhCFjcAAAAASUVORK5CYII=),-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.1))) transparent;
        -webkit-background-size: auto 90%,auto
    }

        .km-blackberry .k-dropdown .k-state-focused, .km-blackberry input[type=color]:active, .km-blackberry input[type=color]:focus, .km-blackberry input[type=date]:active, .km-blackberry input[type=date]:focus, .km-blackberry input[type=datetime-local]:active, .km-blackberry input[type=datetime-local]:focus, .km-blackberry input[type=datetime]:active, .km-blackberry input[type=datetime]:focus, .km-blackberry input[type=month]:active, .km-blackberry input[type=month]:focus, .km-blackberry input[type=time]:active, .km-blackberry input[type=time]:focus, .km-blackberry input[type=week]:active, .km-blackberry input[type=week]:focus, .km-blackberry select:not([multiple]):focus {
            color: #fff;
            background-color: #00aae7;
            background: -webkit-calc(100% - 5px) 50% no-repeat url(/Content/ExcaliburIV_Custom/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADICAQAAADrJAMDAAADrUlEQVR4Xu3a6UocWQCG4bqJhrkL933Lvu9LK25JJpjchTA3MhcSmCsIg4i4ZCSImjSJ2GpCcMuPbwwFdoIfpklOl6e63+/l/C8eDvWjqESZRPEDAE1AAw00AQ00AQ000AQ00AQ00EAT0EAT0EADTUADTUADDTQBDTQBDTTQBDTQBDTQQBPQQBPQQANNQANNQAMNNAENNAENNNAENNAENNBAE9BAE9BAA01AA01AAw00AQ00AQ000AR0h/7Wf0enA+ha9kKVvQS6Vk3px70AuhY918lNAR26P+X3HOiQPZNZaGqgn+r0PQM6RE/08z0FOjyz7wnQv9Ok3P4NSw30hNxm1KTXcpsE+lcal9usmpQcHX+rJ4AOyfytJs3IbRxon29MbnMpcyhqoEflNn/MXKGeldsY0NU0IreFlPkE9ZzcRoEOyZxSz8ttBOjTGpbboppTgDDUQBfltqSWnwA0aUFuw0C7HntmtVYB0KxFuRWBro75jWH2tWhJbo+B/r5Hclv2zD616s3p1EA/lNvblDkA9SOgv/UgEHNKvSy3h0B75hXDXC31W7k9aGzo+3JbtczVU6946saFvie3NcMchvp+Y0LfDcTsqVfldq/xoD3zutoCAbRqTW53Gwv6jtzeqT0gQJvWPXXjQN/2zMH/EG3XO7ndaQxoz/w+Zc6I+nb9Q9+SW0mdNfuf+r3cbtU39E25fTDM4epUyVPXL/SNDJg99Qe53axPaM+8YZizo75Rf9DX5baZMmdCvSG36/UFfU1u5ZQ5M+rNs6SuV2ZPXZbbtfqA9sxb6lKSeV3a8tT5h74qt211pwDRUF/NN/QVz6weJWdWt7Y9dX6hL8ttxzBnW4925HYln9Ce+ZN6lZx5vfokt8v5g74kt8/qMwAxUV/KF/TFqJh9ffqcJXV2zF9S5qiov8jtYj6gL8ht1zDHQL0rtwvxQ5+X255hjoV6T27nI4AOwxw/dbzQBfuJfV/9SqKuX/sG+qP+iBV62jAfaEBJ9A3owFD/FSv0K8M8qCQXDerwBPQ/ebnRh445fur4b3RBZVX2VUNKctWQvqqychzvaF/xmLqkc0py1zmVjpmLcX/rKGhar45OIU/A/vmzhKb4oQlooIEmoIEmoIEGmoAGmoAGGmgCGmgCGmigCWigCWiggSaggSaggQaagAaagAYaaAIaaAIaaKAJaKAJaKCBJqCBJqCBBpqABpqABhpoAhpoAhpooAlooAlooIEmoIEmoIEGmoAGmv4H0vCT+B5BT60AAAAASUVORK5CYII=),-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.1))),#00aae7;
            -webkit-background-size: auto 90%,auto
        }

            .km-blackberry .k-dropdown .k-state-focused .k-input {
                color: #fff
            }

            .km-blackberry select:not([multiple]):focus option {
                color: #000;
                background-color: #fff
            }

    .km-blackberry .km-shim {
        background: rgba(27,27,27,.3)
    }

    .km-blackberry .km-popup .k-item {
        color: #000;
        background: #fff
    }

    .km-blackberry .km-popup .k-state-focused, .km-blackberry .km-popup .k-state-hover, .km-blackberry .km-popup .k-state-selected {
        color: #fff;
        background: #00aae7;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.2)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.2))
    }

    .km-blackberry .km-popup .k-state-hover {
        background-color: rgba(0,170,231,.8)
    }

    .km-blackberry .km-popup .k-list-container {
        background: #fff;
        border-color: #777
    }

    .km-blackberry .k-dropdown.k-state-border-up {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#777),color-stop(10%,#777),color-stop(10%,transparent),color-stop(top),color-stop(#777),color-stop(10%,#777),color-stop(10%,transparent),color-stop(top),color-stop(#fff),color-stop(10%,#fff),color-stop(10%,transparent));
        background-image: -webkit-linear-gradient(top,#777,#777 10%,transparent 10%,top,#777,#777 10%,transparent 10%,top,#fff,#fff 10%,transparent 10%);
        /*background-image: linear-gradient(to bottom,#777,#777 10%,transparent 10%,top,#777,#777 10%,transparent 10%,top,#fff,#fff 10%,transparent 10%)*/
    }

    .km-blackberry .k-dropdown.k-state-border-down {
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(90%,transparent),color-stop(90%,#777),color-stop(#777),color-stop(top),color-stop(90%,transparent),color-stop(90%,#777),color-stop(#777),color-stop(top),color-stop(90%,transparent),color-stop(90%,#fff),to(#fff));
        background-image: -webkit-linear-gradient(top,transparent 90%,#777 90%,#777,top,transparent 90%,#777 90%,#777,top,transparent 90%,#fff 90%,#fff);
        /*background-image: linear-gradient(to bottom,transparent 90%,#777 90%,#777,top,transparent 90%,#777 90%,#777,top,transparent 90%,#fff 90%,#fff)*/
    }

    .km-blackberry .km-popup .k-state-border-up {
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
        box-shadow: 1px 1px 1px rgba(0,0,0,.3)
    }

    .km-blackberry .km-popup .k-state-border-down {
        -webkit-box-shadow: 1px 0 1px rgba(0,0,0,.3);
        box-shadow: 1px 0 1px rgba(0,0,0,.3)
    }

    .km-blackberry .km-listview-label input[type=checkbox], .km-blackberry .km-listview-label input[type=radio] {
        border-color: rgba(0,0,0,.4);
        -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.3);
        box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.3)
    }

        .km-blackberry .km-listview-label input[type=checkbox]:checked, .km-blackberry .km-listview-label input[type=radio]:checked {
            color: #fff;
            background-color: #00aae7
        }

    .km-blackberry.km-pane .km-listview-label input[type=checkbox]:after {
        text-shadow: 0 1px 1px rgba(0,0,0,.2)
    }

.km-root .km-blackberry.km-pane .km-listview-label input[type=radio]:checked:after {
    -webkit-background-clip: inherit;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(10%,#f9f9f9),to(#eee));
    background-image: -webkit-linear-gradient(top,#fff,#f9f9f9 10%,#eee);
    background-image: linear-gradient(to bottom,#fff,#f9f9f9 10%,#eee);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.7);
    box-shadow: 0 1px 1px rgba(0,0,0,.7)
}

.km-blackberry.km-pane div.km-actionsheet-wrapper {
    background-color: #000
}

.km-blackberry.km-pane .km-actionsheet-title {
    color: #9a9a9a
}

.km-blackberry .km-actionsheet > li > a {
    color: #fff;
    border-color: rgba(180,180,180,.3)
}

.km-blackberry .km-actionsheet > li:nth-child(2) > a {
    border-top-color: rgba(180,180,180,.3)
}

.km-blackberry .km-pane {
    -webkit-box-shadow: -3px 0 10px 1px rgba(0,0,0,.5);
    box-shadow: -3px 0 10px 1px rgba(0,0,0,.5)
}

.km-blackberry .k-overflow-wrapper div.km-actionsheet-wrapper, .km-blackberry .k-split-wrapper div.km-actionsheet-wrapper, .km-blackberry .km-popup.km-pane, .km-tablet .km-blackberry .km-actionsheet-wrapper:not(.km-actionsheet-phone) {
    background: #015e98;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5)
}

.km-blackberry .km-popup-arrow:after, .km-blackberry .km-popup-arrow:before {
    border-color: rgba(0,0,0,.5) transparent
}

.km-blackberry .km-down .km-popup-arrow:after, .km-blackberry .km-popup-arrow:after {
    border-color: #015e98 transparent
}

.km-blackberry .km-left .km-popup-arrow:after, .km-blackberry .km-right .km-popup-arrow:after {
    border-color: transparent #015e98
}

.km-blackberry .k-overflow-container.km-actionsheet, .km-blackberry .k-split-container.km-actionsheet, .km-blackberry .km-popup.km-pane .km-content, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),color-stop(10%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0) 10%);
    background-image: linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,0) 10%);
    border-color: rgba(255,255,255,.7)
}

.km-blackberry .km-modalview {
    background-color: #7185a2;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5)
}

.km-blackberry .km-collapsible-content, .km-blackberry .km-collapsible-header {
    border-color: rgba(180,180,180,.3)
}

.km-blackberry input[type=file]:active, .km-blackberry input[type=file]:focus {
    color: #fff;
    background-color: rgba(0,0,0,.2)
}

.km-blackberry .km-button.km-state-active:before, .km-blackberry .km-button:active:before {
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2),inset 0 0 1000px rgba(0,0,0,.2);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2),inset 0 0 1000px rgba(0,0,0,.2)
}

.km-blackberry .km-detail.km-state-active, .km-blackberry .km-state-active .km-detail, .km-blackberry .km-state-active a.km-listview-link, .km-blackberry a.km-listview-link:active {
    -webkit-box-shadow: inset 0 0 0 2px #00aae7;
    box-shadow: inset 0 0 0 2px #00aae7;
    background: rgba(0,170,231,.5)
}

.km-blackberry .k-toolbar .km-buttongroup .km-state-active {
    -webkit-box-shadow: inset 0 0 1000px rgba(0,0,0,.1);
    box-shadow: inset 0 0 1000px rgba(0,0,0,.1)
}

.km-blackberry :not(.km-buttongroup) > .km-button.km-state-active .km-text, .km-blackberry :not(.km-buttongroup) > .km-button:active .km-text {
    top: 1px
}

.km-blackberry .km-actionsheet > li > .km-state-active, .km-blackberry .km-actionsheet > li > a:active, .km-blackberry .km-actionsheet > li > a:focus, .km-blackberry .km-actionsheet > li > a:hover {
    background: #00aae7;
    color: #fff
}

.km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet {
    background-color: #fff
}

.km-tablet .km-blackberry .km-popup-arrow:after {
    border-color: #cfd1d3 transparent
}

.km-tablet .km-blackberry .km-left .km-popup-arrow:after, .km-tablet .km-blackberry .km-right .km-popup-arrow:after {
    border-color: transparent #cfd1d3
}

.km-blackberry .k-overflow-container > li > a, .km-blackberry .k-split-container > li > a, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet > li:not(.km-actionsheet-cancel) > a {
    color: #000
}

    .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet > li:not(.km-actionsheet-cancel) > .km-state-active, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet > li:not(.km-actionsheet-cancel) > a:active, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet > li:not(.km-actionsheet-cancel) > a:focus, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet > li:not(.km-actionsheet-cancel) > a:hover {
        color: #fff;
        background: #00aae7;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));
        background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0))
    }

.km-blackberry .km-required:after {
    color: #f44336
}

.km-blackberry .km-legend-button {
    color: #00aae7
}

.km-blackberry .km-checkbox-label:after, .km-blackberry .km-checkbox-label:before, .km-blackberry .km-icon-label, .km-blackberry .km-label-above, .km-blackberry .km-radio-label:after, .km-blackberry .km-radio-label:before {
    color: #999
}

.km-blackberry input.km-checkbox + .km-checkbox-label:before, .km-blackberry input.km-radio + .km-radio-label:before {
    color: #fff;
    border-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.3)
}

.km-blackberry input.km-checkbox:checked + .km-checkbox-label:before, .km-blackberry input.km-radio:checked + .km-radio-label:before {
    background-color: #00aae7;
    border-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.3)
}

.km-blackberry input.km-checkbox:checked + .km-checkbox-label:after {
    color: #fff
}

.km-blackberry input.km-radio:checked + .km-radio-label:after {
    -webkit-background-clip: inherit;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(10%,#f9f9f9),to(#eee));
    background-image: -webkit-linear-gradient(top,#fff,#f9f9f9 10%,#eee);
    background-image: linear-gradient(to bottom,#fff,#f9f9f9 10%,#eee);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.7);
    box-shadow: 0 1px 1px rgba(0,0,0,.7)
}

.km-blackberry .km-list fieldset legend {
    -webkit-box-shadow: 0 2px 0 0 #00aae7;
    box-shadow: 0 2px 0 0 #00aae7
}

.km-blackberry .km-list .km-label-above .k-dropdown, .km-blackberry .km-list .km-label-above input[type=color], .km-blackberry .km-list .km-label-above input[type=date], .km-blackberry .km-list .km-label-above input[type=datetime-local], .km-blackberry .km-list .km-label-above input[type=datetime], .km-blackberry .km-list .km-label-above input[type=email], .km-blackberry .km-list .km-label-above input[type=file], .km-blackberry .km-list .km-label-above input[type=month], .km-blackberry .km-list .km-label-above input[type=number], .km-blackberry .km-list .km-label-above input[type=password], .km-blackberry .km-list .km-label-above input[type=search], .km-blackberry .km-list .km-label-above input[type=tel], .km-blackberry .km-list .km-label-above input[type=text]:not(.k-input), .km-blackberry .km-list .km-label-above input[type=time], .km-blackberry .km-list .km-label-above input[type=url], .km-blackberry .km-list .km-label-above input[type=week], .km-blackberry .km-list .km-label-above select:not([multiple]), .km-blackberry .km-list .km-label-above textarea {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-blackberry .km-list fieldset > .k-dropdown-wrap, .km-blackberry .km-list fieldset > input[type=color], .km-blackberry .km-list fieldset > input[type=date], .km-blackberry .km-list fieldset > input[type=datetime-local], .km-blackberry .km-list fieldset > input[type=datetime], .km-blackberry .km-list fieldset > input[type=email], .km-blackberry .km-list fieldset > input[type=month], .km-blackberry .km-list fieldset > input[type=number], .km-blackberry .km-list fieldset > input[type=password], .km-blackberry .km-list fieldset > input[type=search], .km-blackberry .km-list fieldset > input[type=tel], .km-blackberry .km-list fieldset > input[type=text]:not(.k-input), .km-blackberry .km-list fieldset > input[type=time], .km-blackberry .km-list fieldset > input[type=url], .km-blackberry .km-list fieldset > input[type=week], .km-blackberry .km-list fieldset > select:not([multiple]), .km-blackberry .km-list fieldset > textarea {
    background: 0 0
}

.km-blackberry .km-list fieldset .km-legend-button.km-invalid, .km-blackberry .km-list > li label.km-invalid, .km-blackberry .km-list > li label.km-invalid.km-required:after {
    color: #f9a825
}

.km-blackberry .km-invalid-msg {
    color: #fff;
    background: #f9a825
}

.km-blackberry .km-button, .km-blackberry .km-buttongroup {
    text-align: center;
    padding: .44em 1em;
    min-width: 1em;
    background-color: transparent;
    border-width: 1px;
    border-style: solid
}

.km-tablet .km-blackberry {
    font-size: 1.2em
}

    .km-tablet .km-blackberry .km-dialog-title, .km-tablet .km-blackberry .km-view-title {
        line-height: 2.1em
    }

    .km-tablet .km-blackberry .km-content .km-button {
        padding: .5rem 2rem
    }

    .km-tablet .km-blackberry .km-content .km-buttongroup .km-button, .km-tablet .km-blackberry .km-footer > .km-buttongroup .km-button, .km-tablet .km-blackberry .km-header > .km-buttongroup .km-button {
        padding: .6rem 3rem
    }

    .km-tablet .km-blackberry .km-tabstrip .km-icon {
        margin: .5rem auto
    }

    .km-tablet .km-blackberry.km-vertical .km-tabstrip .km-icon {
        margin: .1rem auto .2rem
    }

    .km-tablet .km-blackberry .km-tabstrip .km-button {
        width: auto;
        min-width: 7em;
        padding: .2em 1em
    }

    .km-tablet .km-blackberry.km-vertical .km-tabstrip .km-button {
        padding: .1em 1em
    }

    .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .km-tablet .km-blackberry :not(.km-actionsheet-phone) > * > .km-actionsheet-title, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > * > li.km-actionsheet-cancel {
        display: none
    }

    .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet > li:not(.km-actionsheet-cancel) > a {
        border-radius: 0
    }

    .km-tablet .km-blackberry .km-detail .km-icon, .km-tablet .km-blackberry .km-detail .km-icon:after, .km-tablet .km-blackberry .km-detail .km-icon:before, .km-tablet .km-blackberry .km-detail:after, .km-tablet .km-blackberry .km-detail:before {
        line-height: 1.5rem
    }

.km-blackberry .km-button {
    margin-left: 4px;
    margin-right: 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .km-blackberry .km-button:before {
        content: "\a0";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0;
        top: -1px;
        left: -1px;
        background-color: inherit;
        border: inherit;
        border-radius: inherit;
        z-index: -1
    }

    .km-blackberry .km-button:before {
        z-index: 0;
        display: none
    }

    .km-blackberry .km-button .km-text {
        position: relative
    }

.km-blackberry .km-badge {
    min-width: 1em;
    font-size: .7rem;
    border-radius: 2rem
}

.km-blackberry .km-detail {
    line-height: .95rem;
    border-radius: .2rem
}

.km-root .km-blackberry .km-detail {
    width: 1.35rem;
    height: 1.4rem
}

    .km-blackberry .km-detail .km-icon, .km-blackberry .km-detail .km-icon:after, .km-blackberry .km-detail .km-icon:before, .km-root .km-blackberry .km-detail:after, .km-root .km-blackberry .km-detail:before {
        line-height: 1.4rem;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }

        .km-blackberry .km-detail .km-icon:after, .km-blackberry .km-detail .km-icon:before {
            text-shadow: none
        }

        .km-blackberry .km-detail .km-icon:before, .km-root .km-blackberry .km-detail:before {
            display: block
        }

.km-blackberry .km-detail .km-text {
    display: none
}

.km-blackberry .km-button.km-state-active:before, .km-blackberry .km-button:active:before {
    display: block
}

.km-blackberry .km-content .km-button:after {
    background-color: transparent
}

.km-blackberry .km-buttongroup {
    padding: .25em;
    border-radius: 4px;
    border-collapse: separate;
    background-image: none;
    border-color: transparent
}

.km-blackberry .km-navbar .km-buttongroup {
    font-size: .8em;
    text-shadow: none;
    top: 0;
    margin-top: .16em;
    height: auto;
    line-height: 1.2em
}

.km-blackberry .km-buttongroup > .km-button {
    display: inline-block;
    border-right-width: 1px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-blackberry .km-content .km-buttongroup > .km-button {
    margin: 0 5px 0 0
}

.km-blackberry .km-buttongroup > .km-button:after, .km-blackberry .km-buttongroup > .km-button:before {
    display: none
}

.km-blackberry .km-content .km-buttongroup .km-button, .km-blackberry .km-footer > .km-buttongroup .km-button, .km-blackberry .km-header > .km-buttongroup .km-button {
    padding: .3em 1.5em
}

.km-root .km-blackberry .km-view .km-buttongroup > .km-state-active {
    border-radius: 3px;
    background: 0 0
}

.km-blackberry .km-buttongroup > .km-button:not(.km-state-active) {
    border-color: transparent;
    background: 0 0
}

.km-blackberry .km-buttongroup > .km-button:last-child {
    margin-right: 0
}

.km-blackberry .km-view-title {
    visibility: visible
}

.km-blackberry .km-dialog-title, .km-blackberry .km-view-title {
    text-align: center;
    font-size: 1.2em;
    line-height: 2.4em;
    font-weight: 700
}

.km-blackberry.km-vertical .km-view-title {
    line-height: 2.6em
}

.km-blackberry .km-navbar [class*=item] .km-button, .km-blackberry .km-toolbar .km-button {
    margin-top: .44rem;
    margin-bottom: .44rem
}

.km-blackberry.km-vertical .km-navbar [class*=item] .km-button, .km-blackberry.km-vertical .km-toolbar .km-button {
    margin-top: .54rem;
    margin-bottom: .54rem
}

.km-blackberry.km-horizontal .km-no-title {
    padding-top: .2rem;
    padding-bottom: .2rem
}

.km-blackberry.km-vertical .km-no-title {
    padding-top: .3rem;
    padding-bottom: .3rem
}

.km-blackberry .k-toolbar {
    line-height: 1.8em
}

    .km-blackberry .k-toolbar .km-button {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .km-blackberry .k-toolbar .km-buttongroup {
        padding: 3px
    }

        .km-blackberry .k-toolbar .km-buttongroup .km-button {
            padding-top: 1px;
            padding-bottom: 1px;
            line-height: 1.6em
        }

    .km-blackberry .k-split-button .km-arrowdown, .km-blackberry .k-toolbar .k-button-icon .km-icon, .km-blackberry .k-toolbar .k-button-icontext .km-icon {
        width: 1em;
        height: 1em;
        font-size: 1.2em;
        margin-top: -7px;
        margin-bottom: -2px;
        vertical-align: middle
    }

.km-blackberry .k-split-button .km-arrowdown {
    margin-left: 2px;
    margin-right: 1px
}

.km-blackberry .k-split-button .k-button-icontext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.km-blackberry .k-split-button-arrow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.km-blackberry .km-actionsheet.k-overflow-container > li > .km-button, .km-blackberry .km-actionsheet.k-split-container > li > .km-button {
    min-width: 10em;
    text-align: center;
    font-size: 1.1em;
    border: 0;
    border-radius: 0
}

.km-blackberry .km-actionsheet.k-split-container > li > .km-button {
    min-width: 5em
}

.km-blackberry .k-overflow-wrapper .km-actionsheet-wrapper, .km-blackberry .k-split-wrapper .km-actionsheet-wrapper {
    padding: 1px
}

    .km-blackberry .k-overflow-wrapper .km-actionsheet-wrapper:before, .km-blackberry .k-split-wrapper .km-actionsheet-wrapper:before {
        display: none
    }

html .km-blackberry .k-overflow-container.km-actionsheet > li, html .km-blackberry .k-split-container.km-actionsheet > li {
    margin-top: 0;
    margin-bottom: 0
}

.km-blackberry .k-overflow-container.km-actionsheet, .km-blackberry .k-split-container.km-actionsheet {
    border-top: 0
}

.km-phone .km-blackberry .km-tabstrip {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0
}

    .km-phone .km-blackberry .km-tabstrip .km-button {
        display: table-cell
    }

.km-blackberry .km-tabstrip {
    font-size: .7em;
    padding: 0
}

    .km-blackberry .km-tabstrip .km-button {
        border: 0;
        margin: 0;
        border-radius: 0;
        background: 0 0;
        padding: .1em .3em .4em;
        border-top: 2px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.km-root .km-blackberry .km-tabstrip .km-button:before {
    display: none
}

.km-blackberry .km-tabstrip .km-button.km-state-active + .km-button, .km-blackberry .km-tabstrip .km-button:active + .km-button, .km-blackberry .km-tabstrip .km-button:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-blackberry .km-tabstrip .km-button.km-state-active, .km-blackberry .km-tabstrip .km-button:active {
    background: rgba(255,255,255,.1);
    border-top: 2px solid #057fe4;
    -webkit-box-shadow: 0 1px 5px #000;
    box-shadow: 0 1px 5px #000
}

.km-blackberry .km-tabstrip.km-vertical .km-button {
    padding: 0 .7em
}

.km-blackberry .km-tabstrip .km-badge {
    text-indent: 0
}

.km-blackberry .km-switch {
    width: 6rem;
    height: 2rem;
    line-height: 2rem
}

.km-blackberry .km-switch-wrapper {
    display: none
}

.km-blackberry .km-switch-container {
    padding: 1px 0 1px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3em;
    border-width: 1px;
    border-style: solid
}

.km-blackberry .km-switch-handle {
    border-radius: 2em;
    width: 1.7em;
    height: 1.7em;
    margin: 0 4px 0 0
}

.km-blackberry .km-switch-label-off {
    left: 1.7em
}

.km-blackberry .km-switch-label-on {
    left: -4.1em
}

.km-blackberry .km-switch-label-off, .km-blackberry .km-switch-label-on {
    text-transform: capitalize;
    text-shadow: none;
    width: 240%;
    line-height: 1.8em;
    vertical-align: middle
}

.km-blackberry .km-listgroupinset, .km-blackberry .km-listinset {
    margin: 0
}

.km-blackberry .km-listview {
    margin: 0
}

.km-blackberry div.km-group-title {
    margin-top: 0;
    padding: .2em 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.km-blackberry .km-list > li {
    font-size: 1em;
    font-weight: 400;
    line-height: 2em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    overflow: hidden
}

.km-blackberry .km-list .km-button {
    line-height: 1.2em
}

.km-blackberry .km-group-title {
    color: #333;
    background: 0 0;
    padding-top: .2em;
    line-height: inherit
}

.km-blackberry .km-list {
    margin-top: 0
}

.km-blackberry .km-listview-link:after {
    display: none
}

.km-blackberry .km-list .km-item {
    height: 56px
}

.km-blackberry .km-listview .km-switch {
    margin-top: -1em
}

.km-blackberry .km-listview-wrapper form .km-filter-wrap > input {
    font-size: 1.2em;
    padding-left: 1.8em;
    padding-right: 1.8em
}

.km-blackberry .km-filter-wrap:before {
    margin: 0 -1.3em 0 .3em
}

.km-blackberry .km-filter-reset {
    margin-left: -2em
}

    .km-blackberry .km-filter-reset .km-clear:after {
        content: "\e038"
    }

.km-blackberry .km-load-more, .km-blackberry .km-scroller-pull {
    font-size: 1.4rem
}

    .km-blackberry .km-load-more .km-icon, .km-blackberry .km-scroller-pull .km-icon {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 2.4rem
    }

.km-blackberry .km-scroller-refresh .km-icon {
    width: 2rem;
    height: 2rem;
    font-size: 2rem
}

.km-blackberry .km-pages {
    display: table;
    width: 100%
}

    .km-blackberry .km-pages li {
        display: table-cell;
        height: 2px;
        background: 0 0
    }

.km-blackberry .k-slider .k-draghandle, .km-blackberry .k-slider .k-draghandle:hover {
    border: 0;
    border-radius: 5em
}

.km-blackberry .k-slider-horizontal .k-draghandle {
    top: -.34em
}

.km-blackberry .k-slider-vertical .k-draghandle {
    left: -.34em
}

.km-blackberry .k-slider-horizontal .k-slider-selection {
    top: 0;
    height: 100%
}

.km-blackberry .k-slider-track {
    border-width: 1px
}

.km-blackberry .km-list .km-full-width-slider .k-slider-track {
    height: .6em;
    margin-top: 0;
    border-width: 0
}

.km-blackberry .k-slider-horizontal .k-slider-track {
    margin-top: .4em
}

.km-blackberry .k-dropdown, .km-blackberry input[type=color], .km-blackberry input[type=date], .km-blackberry input[type=datetime-local], .km-blackberry input[type=datetime], .km-blackberry input[type=email], .km-blackberry input[type=month], .km-blackberry input[type=number], .km-blackberry input[type=password], .km-blackberry input[type=search], .km-blackberry input[type=tel], .km-blackberry input[type=text]:not(.k-input), .km-blackberry input[type=time], .km-blackberry input[type=url], .km-blackberry input[type=week], .km-blackberry select:not([multiple]), .km-blackberry textarea {
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: solid;
    padding: .4em;
    outline: 0;
    border-width: 1px;
    border-radius: 3px
}

.km-blackberry .k-dropdown, .km-phone .km-blackberry .km-list input[type=email] .km-phone .km-blackberry .km-list input[type=datetime], .km-phone .km-blackberry .km-list input[type=number], .km-phone .km-blackberry .km-list input[type=password], .km-phone .km-blackberry .km-list input[type=search], .km-phone .km-blackberry .km-list input[type=tel], .km-phone .km-blackberry .km-list input[type=text]:not(.k-input), .km-phone .km-blackberry .km-list input[type=url] {
    margin-top: -1em
}

.km-blackberry .k-dropdown, .km-phone .km-blackberry .km-list input[type=color], .km-phone .km-blackberry .km-list input[type=date], .km-phone .km-blackberry .km-list input[type=datetime-local], .km-phone .km-blackberry .km-list input[type=month], .km-phone .km-blackberry .km-list input[type=time], .km-phone .km-blackberry .km-list input[type=week], .km-phone .km-blackberry .km-list select:not([multiple]) {
    margin-top: -1.2em
}

.km-blackberry .km-list .k-dropdown, .km-blackberry .km-list .k-slider, .km-blackberry .km-list input[type=color], .km-blackberry .km-list input[type=date], .km-blackberry .km-list input[type=datetime-local], .km-blackberry .km-list input[type=datetime], .km-blackberry .km-list input[type=email], .km-blackberry .km-list input[type=month], .km-blackberry .km-list input[type=number], .km-blackberry .km-list input[type=password], .km-blackberry .km-list input[type=search], .km-blackberry .km-list input[type=tel], .km-blackberry .km-list input[type=text]:not(.k-input), .km-blackberry .km-list input[type=time], .km-blackberry .km-list input[type=url], .km-blackberry .km-list input[type=week], .km-blackberry .km-list select:not([multiple]), .km-blackberry .km-list textarea {
    right: .8em
}

.km-root .km-blackberry .km-view .km-content .km-list input[type=file] {
    padding: .2em;
    outline: 0;
    right: .8em;
    margin-top: -1.1em
}

.km-blackberry .k-dropdown {
    border: 0;
    padding: 0;
    width: 10em;
    border-radius: 0
}

    .km-blackberry .k-dropdown .k-dropdown-wrap {
        display: block;
        padding: .05em 2em .05em .4em;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px
    }

.km-blackberry select:not([multiple]) {
    min-width: 6em;
    padding-right: 2em
}

.km-blackberry input[type=email]:focus, .km-blackberry input[type=number]:focus, .km-blackberry input[type=password]:focus, .km-blackberry input[type=search]:focus, .km-blackberry input[type=tel]:focus, .km-blackberry input[type=text]:not(.k-input):focus, .km-blackberry input[type=url]:focus, .km-blackberry textarea:focus {
    border-width: 2px;
    border-style: solid;
    padding: -webkit-calc(.4em - 1px);
    padding: calc(.4em - 1px)
}

.km-blackberry .km-list .k-dropdown .k-input {
    background-color: transparent
}

.km-blackberry .km-listview-label input[type=checkbox] {
    margin-top: -.4em
}

.km-blackberry .km-listview-label input[type=checkbox], .km-blackberry .km-listview-label input[type=radio] {
    border-width: 1px;
    border-style: solid;
    width: 1.05em;
    height: 1em;
    font-size: 1.6em;
    border-radius: 3px
}

    .km-blackberry .km-listview-label input[type=radio], .km-blackberry .km-listview-label input[type=radio]:after {
        border-radius: 2em
    }

        .km-blackberry .km-listview-label input[type=checkbox]:after, .km-blackberry .km-listview-label input[type=checkbox]:before, .km-blackberry .km-listview-label input[type=radio]:after {
            content: "\a0";
            display: block;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute
        }

        .km-blackberry .km-listview-label input[type=radio]:after {
            position: relative;
            margin: 20% auto;
            width: 70%;
            height: 70%
        }

    .km-blackberry .km-listview-label input[type=checkbox]:after {
        -webkit-transform: scale(.8,1);
        -ms-transform: scale(.8,1);
        transform: scale(.8,1);
        -webkit-transform-origin: 25% 50%;
        -ms-transform-origin: 25% 50%;
        transform-origin: 25% 50%
    }

    .km-blackberry .km-listview-label input[type=radio]:checked:after {
        color: transparent
    }

.km-blackberry .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-blackberry .km-label-above {
    font-size: .87em;
    padding-top: .65em;
    padding-bottom: 2.4em
}

.km-blackberry fieldset .km-label-above {
    margin-top: 0;
    padding-top: 1.455em;
    padding-bottom: 3.091em
}

.km-blackberry .km-list .km-label-above .k-dropdown-wrap, .km-blackberry .km-list .km-label-above input[type=color], .km-blackberry .km-list .km-label-above input[type=date], .km-blackberry .km-list .km-label-above input[type=datetime-local], .km-blackberry .km-list .km-label-above input[type=datetime], .km-blackberry .km-list .km-label-above input[type=email], .km-blackberry .km-list .km-label-above input[type=month], .km-blackberry .km-list .km-label-above input[type=number], .km-blackberry .km-list .km-label-above input[type=password], .km-blackberry .km-list .km-label-above input[type=search], .km-blackberry .km-list .km-label-above input[type=tel], .km-blackberry .km-list .km-label-above input[type=text]:not(.k-input), .km-blackberry .km-list .km-label-above input[type=time], .km-blackberry .km-list .km-label-above input[type=url], .km-blackberry .km-list .km-label-above input[type=week], .km-blackberry .km-list .km-label-above select:not([multiple]), .km-blackberry .km-list .km-label-above textarea {
    padding: 0 .7em;
    margin-top: 2px;
    border: none;
    right: 0;
    font-size: 1.2em
}

.km-blackberry .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -.5em -1.61em;
    margin-top: 0
}

    .km-blackberry .km-list fieldset > .k-dropdown-wrap, .km-blackberry .km-list fieldset > input[type=color], .km-blackberry .km-list fieldset > input[type=date], .km-blackberry .km-list fieldset > input[type=datetime-local], .km-blackberry .km-list fieldset > input[type=datetime], .km-blackberry .km-list fieldset > input[type=email], .km-blackberry .km-list fieldset > input[type=month], .km-blackberry .km-list fieldset > input[type=number], .km-blackberry .km-list fieldset > input[type=password], .km-blackberry .km-list fieldset > input[type=search], .km-blackberry .km-list fieldset > input[type=tel], .km-blackberry .km-list fieldset > input[type=text]:not(.k-input), .km-blackberry .km-list fieldset > input[type=time], .km-blackberry .km-list fieldset > input[type=url], .km-blackberry .km-list fieldset > input[type=week], .km-blackberry .km-list fieldset > select:not([multiple]), .km-blackberry .km-list fieldset > textarea {
        padding: 1.23em 0 1.23em 0;
        margin: 2px 0;
        border: none;
        outline: 0
    }

    .km-blackberry .km-list fieldset legend {
        text-indent: 0;
        margin: 0 -1.61em;
        font-weight: 400;
        padding: 1.45em 1.61em .3em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-transform: uppercase
    }

.km-blackberry .km-legend-button {
    font-size: .87em;
    text-transform: uppercase
}

.km-blackberry .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.61em
}

    .km-blackberry .km-list fieldset .km-inline-field:first-of-type {
        padding-left: 0
    }

.km-blackberry .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-blackberry .km-list .km-inline-field .k-dropdown-wrap, .km-blackberry .km-list .km-inline-field input[type=color], .km-blackberry .km-list .km-inline-field input[type=date], .km-blackberry .km-list .km-inline-field input[type=datetime-local], .km-blackberry .km-list .km-inline-field input[type=datetime], .km-blackberry .km-list .km-inline-field input[type=email], .km-blackberry .km-list .km-inline-field input[type=month], .km-blackberry .km-list .km-inline-field input[type=number], .km-blackberry .km-list .km-inline-field input[type=password], .km-blackberry .km-list .km-inline-field input[type=search], .km-blackberry .km-list .km-inline-field input[type=tel], .km-blackberry .km-list .km-inline-field input[type=text]:not(.k-input), .km-blackberry .km-list .km-inline-field input[type=time], .km-blackberry .km-list .km-inline-field input[type=url], .km-blackberry .km-list .km-inline-field input[type=week], .km-blackberry .km-list .km-inline-field select:not([multiple]), .km-blackberry .km-list .km-inline-field textarea {
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-blackberry .km-list .km-inline-field:first-of-type .k-dropdown-wrap, .km-blackberry .km-list .km-inline-field:first-of-type input[type=color], .km-blackberry .km-list .km-inline-field:first-of-type input[type=date], .km-blackberry .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-blackberry .km-list .km-inline-field:first-of-type input[type=datetime], .km-blackberry .km-list .km-inline-field:first-of-type input[type=email], .km-blackberry .km-list .km-inline-field:first-of-type input[type=month], .km-blackberry .km-list .km-inline-field:first-of-type input[type=number], .km-blackberry .km-list .km-inline-field:first-of-type input[type=password], .km-blackberry .km-list .km-inline-field:first-of-type input[type=search], .km-blackberry .km-list .km-inline-field:first-of-type input[type=tel], .km-blackberry .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-blackberry .km-list .km-inline-field:first-of-type input[type=time], .km-blackberry .km-list .km-inline-field:first-of-type input[type=url], .km-blackberry .km-list .km-inline-field:first-of-type input[type=week], .km-blackberry .km-list .km-inline-field:first-of-type select:not([multiple]), .km-blackberry .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-blackberry .km-list fieldset > .k-dropdown-wrap, .km-blackberry .km-list fieldset > input[type=color], .km-blackberry .km-list fieldset > input[type=date], .km-blackberry .km-list fieldset > input[type=datetime-local], .km-blackberry .km-list fieldset > input[type=datetime], .km-blackberry .km-list fieldset > input[type=email], .km-blackberry .km-list fieldset > input[type=month], .km-blackberry .km-list fieldset > input[type=number], .km-blackberry .km-list fieldset > input[type=password], .km-blackberry .km-list fieldset > input[type=search], .km-blackberry .km-list fieldset > input[type=tel], .km-blackberry .km-list fieldset > input[type=text]:not(.k-input), .km-blackberry .km-list fieldset > input[type=time], .km-blackberry .km-list fieldset > input[type=url], .km-blackberry .km-list fieldset > input[type=week], .km-blackberry .km-list fieldset > select:not([multiple]), .km-phone .km-blackberry .km-list fieldset > .k-dropdown-wrap, .km-phone .km-blackberry .km-list fieldset > input[type=color], .km-phone .km-blackberry .km-list fieldset > input[type=date], .km-phone .km-blackberry .km-list fieldset > input[type=datetime-local], .km-phone .km-blackberry .km-list fieldset > input[type=datetime], .km-phone .km-blackberry .km-list fieldset > input[type=email], .km-phone .km-blackberry .km-list fieldset > input[type=month], .km-phone .km-blackberry .km-list fieldset > input[type=number], .km-phone .km-blackberry .km-list fieldset > input[type=password], .km-phone .km-blackberry .km-list fieldset > input[type=search], .km-phone .km-blackberry .km-list fieldset > input[type=tel], .km-phone .km-blackberry .km-list fieldset > input[type=text]:not(.k-input), .km-phone .km-blackberry .km-list fieldset > input[type=time], .km-phone .km-blackberry .km-list fieldset > input[type=url], .km-phone .km-blackberry .km-list fieldset > input[type=week], .km-phone .km-blackberry .km-list fieldset > select:not([multiple]) {
    margin-top: 0;
    right: 0
}

.km-blackberry .km-list .km-full-width-slider {
    margin-top: 0;
    padding: 1.55em 0
}

.km-blackberry .km-checkbox-label, .km-blackberry .km-radio-label {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: .89em
}

    .km-blackberry .km-checkbox-label:after, .km-blackberry .km-checkbox-label:before {
        right: .7em;
        width: 1.5rem;
        height: 1.5rem;
        text-align: right
    }

    .km-blackberry .km-checkbox-label:before {
        border-width: .133rem;
        border-style: solid;
        border-radius: 3px
    }

.km-blackberry input.km-checkbox:checked + .km-checkbox-label:after {
    font-size: 1.5em;
    margin-right: -3px
}

.km-blackberry .km-radio-label {
    padding-left: 2.5em;
    line-height: 1.5em
}

    .km-blackberry .km-radio-label:before {
        width: 1.5rem;
        height: 1.5rem;
        border-width: .133rem;
        border-style: solid
    }

.km-blackberry input.km-radio:checked + .km-radio-label:after {
    width: 1.05rem;
    height: 1.05rem;
    top: 55%;
    left: .3rem
}

.km-blackberry .km-shim.km-actionsheet-root > .k-animation-container {
    top: 0;
    right: 0;
    left: auto !important;
    height: 100% !important;
    width: 80% !important
}

.km-blackberry.km-pane div.km-actionsheet-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.km-blackberry .km-actionsheet {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 0;
    vertical-align: middle;
    padding: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-blackberry.km-pane .km-actionsheet-title {
    text-align: center
}

.km-blackberry .km-actionsheet-cancel, .km-blackberry .km-actionsheet-title {
    display: none
}

.km-blackberry .km-actionsheet-wrapper:before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.km-blackberry .km-actionsheet > li > a {
    font-size: 1em;
    font-weight: 400;
    display: block;
    line-height: 3rem;
    padding: 0 1em;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    text-decoration: none;
    white-space: nowrap
}

.km-blackberry .km-actionsheet > li:nth-child(2) > a {
    border-top-width: 1px;
    border-style: solid
}

.km-blackberry .km-popup-arrow {
    width: 10px;
    height: 10px
}

.km-blackberry .km-popup.km-pane .km-view {
    overflow: visible;
    border-radius: 0
}

.km-blackberry .km-popup.km-pane .km-navbar, .km-blackberry .km-popup.km-pane .km-tabstrip, .km-blackberry .km-popup.km-pane .km-toolbar {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-blackberry .km-popup.km-pane .km-header {
    padding: 2px 3px 0;
    margin: -3px -3px 2px;
    border-radius: 3px;
    -webkit-margin-collapse: separate;
    background-color: transparent
}

.km-blackberry .km-popup-arrow:after, .km-blackberry .km-popup-arrow:before {
    border-style: solid;
    border-width: 0 10px 10px
}

.km-blackberry .km-down .km-popup-arrow:before {
    margin-top: -1px
}

.km-blackberry .km-up .km-popup-arrow:after {
    border-width: 10px 10px 0 10px
}

.km-blackberry .km-left .km-popup-arrow:after {
    border-width: 10px 0 10px 10px
}

.km-blackberry .km-right .km-popup-arrow:after {
    border-width: 10px 10px 10px 0
}

.km-blackberry .km-left .km-popup-arrow, .km-blackberry .km-right .km-popup-arrow {
    margin-top: -2px
}

.km-blackberry .km-down .km-popup-arrow, .km-blackberry .km-up .km-popup-arrow {
    margin-left: -2px
}

.km-blackberry .km-popup.km-pane .km-content, .km-tablet .km-blackberry :not(.km-actionsheet-phone) > .km-actionsheet {
    border-width: 1px;
    border-style: solid
}

.km-blackberry .km-modalview {
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-blackberry .km-modalview .km-header {
        padding: 0;
        margin: -1px 0 0
    }

    .km-blackberry .km-modalview > :first-child {
        border: 0
    }

    .km-blackberry .km-modalview .km-navbar, .km-blackberry .km-modalview .km-toolbar, .km-blackberry .km-modalview > :first-child {
        border-radius: 3px 3px 0 0
    }

    .km-blackberry .km-modalview > :last-child {
        border-radius: 0 0 3px 3px
    }

.km-blackberry .km-touch-scrollbar {
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-blackberry .km-pane {
    z-index: 1
}

    .km-blackberry .km-pane:first-child {
        z-index: 0
    }

.km-wp {
    font-size: 1em;
    font-family: 'Segoe WP','Segoe UI Symbol','Segoe UI',sans-serif
}

    .km-wp a {
        text-decoration: none
    }

    .km-root .km-wp .km-view .km-buttongroup .km-button, .km-wp .km-button {
        border-style: solid;
        border-width: .1em;
        border-radius: 0;
        line-height: 1em;
        padding: .04em .5em .16em
    }

    .km-root .km-wp .km-tabstrip .km-icon, .km-wp .km-scroller-pull .km-icon {
        width: 1em;
        height: 1em;
        font-size: 3.2em;
        border-width: .08em;
        border-style: solid;
        border-radius: 5em;
        margin-bottom: .2em;
        padding: .1em
    }

    .km-wp .km-scroller-pull .km-icon {
        width: 1em;
        height: 1em;
        font-size: 1.2em
    }

    .km-wp .km-icon {
        line-height: 1em
    }

        .km-wp .km-icon:before {
            margin-top: .08em
        }

        .km-wp .km-icon:after {
            margin-top: .04em;
            vertical-align: middle;
            height: 1em
        }

    .km-wp .km-tabstrip .km-icon:after, .km-wp .km-tabstrip .km-icon:before {
        margin-top: .02em;
        margin-left: -.05em
    }

    .km-wp .km-tabstrip .km-icon:before {
        margin-top: .06em
    }

    .km-wp .km-touch-scrollbar {
        border-width: 1px;
        border-style: solid
    }

    .km-wp .km-vertical-scrollbar {
        width: 2px
    }

    .km-wp .km-horizontal-scrollbar {
        height: 2px
    }

    .km-wp .km-scrollview {
        overflow: hidden
    }

@media all and (orientation:landscape) {
    .km-root > .km-pane {
        -webkit-animation-name: -kendo-landscape;
        animation-name: -kendo-landscape
    }
}

.km-wp .km-load-more, .km-wp .km-scroller-pull {
    font-size: 1.2em
}

.km-wp .km-popup {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-wp .km-popup .k-list-container {
        width: 100% !important;
        height: auto !important;
        bottom: 0;
        border: 0;
        padding: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.km-phone .km-wp .km-popup .k-list-container, .km-wp .km-actionsheet {
    max-height: 80%
}

.km-wp .km-popup li.k-state-hover {
    color: inherit
}

.km-wp .km-loader, .km-wp .km-loading-right, .km-wp .km-scroller-refresh {
    display: block;
    width: 100%;
    height: 4em;
    padding: 0;
    top: 50%;
    left: 0;
    border-radius: 0;
    border: 0;
    margin: -2em 0 0;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    line-height: .65rem
}

.km-wp .km-loading-right {
    position: absolute;
    z-index: -1
}

.km-wp .km-loader {
    margin: 0;
    top: 0;
    height: 100%;
    background: 0 0
}

.km-wp .km-scroller-refresh {
    background: 0 0;
    height: 3em;
    margin: 0;
    width: 100%;
    font-size: 1.2rem
}

.km-load-more.km-scroller-refresh {
    position: relative
}

.km-wp .km-loader h1, .km-wp .km-scroller-refresh .km-template {
    position: absolute;
    display: none;
    font-size: 1em;
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 50%
}

.km-wp .km-scroller-refresh .km-template {
    left: 0;
    margin-left: 0;
    text-align: center;
    width: 100%
}

.km-wp .km-loader .km-loading, .km-wp .km-scroller-refresh .km-icon {
    -webkit-animation: none;
    animation: none;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0
}

    .km-wp .km-loader .km-loading, .km-wp .km-loader .km-loading:after, .km-wp .km-loader .km-loading:before, .km-wp .km-loader:after, .km-wp .km-loader:before, .km-wp .km-scroller-refresh .km-icon, .km-wp .km-scroller-refresh .km-icon:after, .km-wp .km-scroller-refresh .km-icon:before, .km-wp .km-scroller-refresh:after, .km-wp .km-scroller-refresh:before {
        position: absolute;
        display: inline-block;
        content: "\a0";
        top: 0;
        left: 0;
        border: 0;
        width: 12em;
        margin: 0;
        padding: 0;
        height: 0;
        text-align: left;
        font-family: "Kendo UI";
        vertical-align: top
    }

        .km-wp .km-scroller-refresh .km-icon, .km-wp .km-scroller-refresh .km-icon:after, .km-wp .km-scroller-refresh .km-icon:before, .km-wp .km-scroller-refresh:after, .km-wp .km-scroller-refresh:before {
            width: 100%
        }

.km-wp .km-scroller-refresh .km-icon, .km-wp .km-scroller-refresh:after, .km-wp .km-scroller-refresh:before {
    top: 46%;
    font-size: .3em
}

.km-wp .km-loader .km-loading, .km-wp .km-loader:after, .km-wp .km-loader:before {
    left: 50%;
    margin-left: -7em;
    top: 50%;
    font-size: .3em;
    line-height: 0
}

    .km-wp .km-loader .km-loading:after, .km-wp .km-loader .km-loading:before, .km-wp .km-loader:after, .km-wp .km-loader:before, .km-wp .km-scroller-refresh .km-icon:after, .km-wp .km-scroller-refresh .km-icon:before, .km-wp .km-scroller-refresh:after, .km-wp .km-scroller-refresh:before {
        opacity: 0;
        height: .6em;
        border-left: .7em solid;
        -webkit-animation: km-wpload 2s infinite linear;
        animation: km-wpload 2s infinite linear
    }

    .km-wp .km-loader .km-loading:after, .km-wp .km-scroller-refresh .km-icon:after {
        -webkit-animation-delay: 0;
        animation-delay: 0s;
    }

    .km-wp .km-loader .km-loading:before, .km-wp .km-scroller-refresh .km-icon:before {
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

.km-wp .km-loader:before, .km-wp .km-scroller-refresh:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.km-wp .km-loader:after, .km-wp .km-scroller-refresh:after {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@keyframes km-wpload {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }

    8% {
        -webkit-transform: translateX(30%);
        transform: translateX(30%)
    }

    16% {
        opacity: 1
    }

    34% {
        opacity: 1
    }

    42% {
        -webkit-transform: translateX(70%);
        transform: translateX(70%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes km-wpload {
    0% {
        -webkit-transform: translateX(0);
        opacity: 0
    }

    8% {
        -webkit-transform: translateX(30%)
    }

    16% {
        opacity: 1
    }

    34% {
        opacity: 1
    }

    42% {
        -webkit-transform: translateX(70%)
    }

    50% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.km-wp .km-view:not(.km-splitview) .km-content:not(.km-stretched-view) {
    display: block
}

.km-wp, .km-wp .km-button, .km-wp .km-content {
    background-color: Background
}

.km-wp-dark-force, .km-wp-dark-force .km-button, .km-wp-dark-force .km-content {
    background-color: #000
}

.km-wp-light-force, .km-wp-light-force .km-button, .km-wp-light-force .km-content {
    background-color: #fff
}

.km-wp-dark, .km-wp-dark .k-content, .km-wp-dark .k-dropdown .k-dropdown-wrap, .km-wp-dark .k-group, .km-wp-dark .k-widget, .km-wp-dark .km-button, .km-wp-dark .km-detail, .km-wp-dark .km-load-more, .km-wp-dark .km-popup .km-item, .km-wp-dark .km-scroller-pull, .km-wp-dark a {
    color: #fff
}

.km-wp-light, .km-wp-light .k-content, .km-wp-light .k-dropdown .k-dropdown-wrap, .km-wp-light .k-group, .km-wp-light .k-widget, .km-wp-light .km-button, .km-wp-light .km-detail, .km-wp-light .km-load-more, .km-wp-light .km-popup .km-item, .km-wp-light .km-scroller-pull, .km-wp-light a {
    color: #000
}

.km-wp-dark .km-actionsheet-wrapper, .km-wp-dark .km-footer, .km-wp-dark .km-modalview, .km-wp-dark .km-popup .k-list-container, .km-wp-dark .km-popup-wrapper {
    background-color: #1f1f1f
}

.km-wp-light .km-actionsheet-wrapper, .km-wp-light .km-footer, .km-wp-light .km-modalview, .km-wp-light .km-popup .k-list-container, .km-wp-light .km-popup-wrapper {
    background-color: #ddd
}

.km-wp-dark .km-button, .km-wp-dark .km-listview-link:after {
    border-color: #fff
}

.km-wp-light .km-button, .km-wp-light .km-listview-link:after {
    border-color: #000
}

.km-wp .km-actionsheet > li > .k-state-active, .km-wp .km-actionsheet > li > a:active, .km-wp .km-actionsheet > li > a:hover, .km-wp .km-button.km-state-active, .km-wp .km-button:active, .km-wp .km-detail.km-state-active, .km-wp .km-detail:active, .km-wp .km-popup li.k-item:active, .km-wp .km-popup li.k-state-selected {
    background: Highlight
}

.km-wp .km-actionsheet > li > .k-state-active, .km-wp .km-actionsheet > li > a:active, .km-wp .km-actionsheet > li > a:hover, .km-wp .km-detail.km-state-active, .km-wp .km-detail:active, .km-wp .km-popup li.k-item:active, .km-wp .km-popup li.k-state-selected, .km-wp :not(.km-tabstrip) > .km-button.km-state-active, .km-wp :not(.km-tabstrip) > .km-button:active {
    color: HighlightText
}

.km-wp-dark .km-list > li > .km-icon, .km-wp-dark .km-listview-link > .km-icon {
    background: #333
}

.km-wp-light .km-list > li > .km-icon, .km-wp-light .km-listview-link > .km-icon {
    background: #bebebe
}

.km-wp-dark .km-state-active .km-listview-label, .km-wp-dark .km-state-active .km-listview-link {
    color: #ddd
}

.km-wp-light .km-state-active .km-listview-label, .km-wp-light .km-state-active .km-listview-link {
    color: #1f1f1f
}

.km-wp .km-badge, .km-wp .km-state-active .km-listview-link:after {
    border-color: HighlightText
}

.km-wp .km-listview-label input[type=checkbox], .km-wp .km-listview-label input[type=radio] {
    border-color: #fff;
    -webkit-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff
}

.km-wp-light .km-listview-label input[type=checkbox], .km-wp-light .km-listview-label input[type=radio] {
    border-color: #000;
    -webkit-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000
}

.km-wp .km-listview-label input[type=checkbox]:checked:after {
    color: #fff
}

.km-wp-light .km-listview-label input[type=checkbox]:checked:after {
    color: #000
}

.km-wp .km-listview-label input[type=radio]:checked:after {
    color: transparent;
    background: #fff
}

.km-wp-light .km-listview-label input[type=radio]:checked:after {
    background: #000
}

.km-wp .km-badge, .km-wp .km-group-title {
    background-color: Highlight;
    color: HighlightText
}

.km-wp-dark .km-filter-reset .km-clear, .km-wp-dark .km-filter-wrap:before, .km-wp-dark .km-loader h1 {
    color: #fff
}

.km-wp-light .km-filter-reset .km-clear, .km-wp-light .km-filter-wrap:before, .km-wp-light .km-loader h1 {
    color: #000
}

.km-wp .k-toolbar, .km-wp .km-navbar {
    background: Background
}

.km-wp-dark-force .k-toolbar, .km-wp-dark-force .km-navbar {
    background: #000
}

.km-wp-light-force .k-toolbar, .km-wp-light-force .km-navbar {
    background: #fff
}

.km-wp-dark .km-pages > li {
    background: #fff
}

.km-wp-light .km-pages > li {
    background: #000
}

.km-wp .km-pages .km-current-page {
    background: Highlight
}

.km-wp-dark .km-switch-wrapper {
    border-color: #fff
}

.km-wp-light .km-switch-wrapper {
    border-color: #000
}

.km-wp-light .km-switch-container {
    -webkit-box-shadow: inset 0 0 0 .2em #fff;
    box-shadow: inset 0 0 0 .2em #fff
}

.km-wp-dark .km-switch-container {
    -webkit-box-shadow: inset 0 0 0 .2em #000;
    box-shadow: inset 0 0 0 .2em #000
}

.km-wp-dark .km-switch-handle {
    -webkit-box-shadow: 0 0 0 .3em #000;
    box-shadow: 0 0 0 .3em #000;
    background: #fff
}

.km-wp-light .km-switch-handle {
    -webkit-box-shadow: 0 0 0 .3em #fff;
    box-shadow: 0 0 0 .3em #fff;
    background: #000
}

.km-wp .km-switch-background {
    background: Highlight
}

.km-wp .km-tabstrip .km-state-active .km-icon {
    background-color: Highlight;
    color: HighlightText
}

.km-wp-dark .km-scroller-pull .km-icon, .km-wp-dark .km-tabstrip .km-state-active .km-icon {
    border-color: #fff
}

.km-wp-light .km-scroller-pull .km-icon, .km-wp-light .km-tabstrip .km-state-active .km-icon {
    border-color: #000
}

.km-wp-light .km-loader .km-loading, .km-wp-light .km-loader .km-loading:after, .km-wp-light .km-loader .km-loading:before, .km-wp-light .km-loader:after, .km-wp-light .km-loader:before, .km-wp-light .km-scroller-refresh .km-icon, .km-wp-light .km-scroller-refresh .km-icon:after, .km-wp-light .km-scroller-refresh .km-icon:before, .km-wp-light .km-scroller-refresh:after, .km-wp-light .km-scroller-refresh:before {
    color: #000
}

.km-wp-dark .km-loading-right {
    background: #1f1f1f
}

.km-wp-light .km-loading-right {
    background: #ddd
}

.km-wp .km-touch-scrollbar {
    border-color: rgba(255,255,255,.4)
}

.km-wp .k-dropdown, .km-wp input[type=color], .km-wp input[type=date], .km-wp input[type=datetime-local], .km-wp input[type=datetime], .km-wp input[type=email], .km-wp input[type=month], .km-wp input[type=number], .km-wp input[type=password], .km-wp input[type=search], .km-wp input[type=tel], .km-wp input[type=text]:not(.k-input), .km-wp input[type=time], .km-wp input[type=url], .km-wp input[type=week], .km-wp select:not([multiple]), .km-wp textarea {
    border-color: #fff;
    background: Background;
    color: #fff
}

    .km-wp input::-moz-selection, .km-wp textarea::-moz-selection {
        color: HighlightText;
        background: Highlight
    }

    .km-wp input::selection, .km-wp textarea::selection {
        color: HighlightText;
        background: Highlight
    }

.km-wp-light .k-dropdown, .km-wp-light input[type=color], .km-wp-light input[type=date], .km-wp-light input[type=datetime-local], .km-wp-light input[type=datetime], .km-wp-light input[type=email], .km-wp-light input[type=month], .km-wp-light input[type=number], .km-wp-light input[type=password], .km-wp-light input[type=search], .km-wp-light input[type=tel], .km-wp-light input[type=text]:not(.k-input), .km-wp-light input[type=time], .km-wp-light input[type=url], .km-wp-light input[type=week], .km-wp-light select:not([multiple]), .km-wp-light textarea {
    border-color: #000;
    color: #000
}

.km-wp-dark-force .k-dropdown, .km-wp-dark-force input[type=color], .km-wp-dark-force input[type=date], .km-wp-dark-force input[type=datetime-local], .km-wp-dark-force input[type=datetime], .km-wp-dark-force input[type=email], .km-wp-dark-force input[type=month], .km-wp-dark-force input[type=number], .km-wp-dark-force input[type=password], .km-wp-dark-force input[type=search], .km-wp-dark-force input[type=tel], .km-wp-dark-force input[type=text]:not(.k-input), .km-wp-dark-force input[type=time], .km-wp-dark-force input[type=url], .km-wp-dark-force input[type=week], .km-wp-dark-force select:not([multiple]), .km-wp-dark-force textarea {
    background: #000
}

.km-wp-light-force .k-dropdown, .km-wp-light-force input[type=color], .km-wp-light-force input[type=date], .km-wp-light-force input[type=datetime-local], .km-wp-light-force input[type=datetime], .km-wp-light-force input[type=email], .km-wp-light-force input[type=month], .km-wp-light-force input[type=number], .km-wp-light-force input[type=password], .km-wp-light-force input[type=search], .km-wp-light-force input[type=tel], .km-wp-light-force input[type=text]:not(.k-input), .km-wp-light-force input[type=time], .km-wp-light-force input[type=url], .km-wp-light-force input[type=week], .km-wp-light-force select:not([multiple]), .km-wp-light-force textarea {
    background: #fff
}

.km-wp input[type=color]:focus, .km-wp input[type=date]:focus, .km-wp input[type=datetime-local]:focus, .km-wp input[type=datetime]:focus, .km-wp input[type=email]:focus, .km-wp input[type=month]:focus, .km-wp input[type=number]:focus, .km-wp input[type=password]:focus, .km-wp input[type=search]:focus, .km-wp input[type=tel]:focus, .km-wp input[type=text]:not(.k-input):focus, .km-wp input[type=time]:focus, .km-wp input[type=url]:focus, .km-wp input[type=week]:focus, .km-wp textarea:focus {
    border-color: Highlight
}

.km-wp .k-dropdown .k-state-active, .km-wp .k-dropdown .k-state-focused, .km-wp select:not([multiple]):focus {
    color: HighlightText;
    border-color: HighlightText;
    background-color: Highlight
}

.km-wp .k-slider .k-draghandle, .km-wp .k-slider .k-draghandle:hover {
    background: #fff
}

.km-wp-light .k-slider .k-draghandle, .km-wp-light .k-slider .k-draghandle:hover {
    background: #000
}

.km-wp .k-slider .k-tick-large:before {
    background: #000
}

.km-wp-light .k-slider .k-tick-large:before {
    background: #fff
}

.km-wp .k-slider-selection {
    background: Highlight
}

.km-wp .k-slider-track {
    background: #333
}

.km-wp-light .k-slider-track {
    background: #bebebe
}

.km-wp .km-collapsible-content, .km-wp .km-collapsible-header {
    border-color: transparent
}

.km-wp .km-collapsible-content {
    color: #999
}

.km-wp label.km-required:after {
    color: #f44336
}

.km-wp .km-list .km-legend-button, .km-wp .km-list fieldset legend {
    background-color: Highlight;
    color: HighlightText
}

.km-wp .km-list .km-label-above .k-dropdown-wrap, .km-wp .km-list .km-label-above input[type=color], .km-wp .km-list .km-label-above input[type=date], .km-wp .km-list .km-label-above input[type=datetime-local], .km-wp .km-list .km-label-above input[type=datetime], .km-wp .km-list .km-label-above input[type=email], .km-wp .km-list .km-label-above input[type=month], .km-wp .km-list .km-label-above input[type=number], .km-wp .km-list .km-label-above input[type=password], .km-wp .km-list .km-label-above input[type=search], .km-wp .km-list .km-label-above input[type=tel], .km-wp .km-list .km-label-above input[type=text]:not(.k-input), .km-wp .km-list .km-label-above input[type=time], .km-wp .km-list .km-label-above input[type=url], .km-wp .km-list .km-label-above input[type=week], .km-wp .km-list .km-label-above select:not([multiple]), .km-wp .km-list .km-label-above textarea, .km-wp .km-list fieldset .k-dropdown-wrap, .km-wp .km-list fieldset input[type=color], .km-wp .km-list fieldset input[type=date], .km-wp .km-list fieldset input[type=datetime-local], .km-wp .km-list fieldset input[type=datetime], .km-wp .km-list fieldset input[type=email], .km-wp .km-list fieldset input[type=month], .km-wp .km-list fieldset input[type=number], .km-wp .km-list fieldset input[type=password], .km-wp .km-list fieldset input[type=search], .km-wp .km-list fieldset input[type=tel], .km-wp .km-list fieldset input[type=text]:not(.k-input), .km-wp .km-list fieldset input[type=time], .km-wp .km-list fieldset input[type=url], .km-wp .km-list fieldset input[type=week], .km-wp .km-list fieldset select:not([multiple]), .km-wp .km-list fieldset textarea {
    color: #000;
    background: #ddd
}

.km-wp input.km-radio:checked + .km-radio-label:after {
    background: #fff
}

.km-wp-light input.km-radio:checked + .km-radio-label:after {
    background: #000
}

.km-wp .km-list fieldset .km-legend-button.km-invalid, .km-wp .km-list > li label.km-invalid, .km-wp .km-list > li label.km-invalid.km-required:after {
    color: #f9a825
}

.km-wp .km-invalid-msg {
    color: #fff;
    background: #f9a825
}

.km-wp .km-button {
    text-transform: lowercase
}

.km-wp .km-button {
    font-size: .9em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

    .km-wp .km-button .km-icon {
        margin-top: 2px;
        margin-bottom: 2px;
        vertical-align: text-top
    }

    .km-wp .km-button .km-text {
        margin-top: -3px;
        display: inline-block;
        padding-bottom: 3px
    }

.km-wp .km-badge {
    border-width: .1em;
    border-style: solid;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    line-height: 1.9em;
    border-radius: 2em
}

.km-wp .km-tabstrip .km-badge {
    margin-top: -.7em;
    line-height: 2.1em
}

html .km-wp .km-buttongroup {
    top: 0;
    display: block;
    margin: auto;
    text-align: center
}

.km-wp .k-toolbar .km-buttongroup {
    display: inline-block
}

.km-root .km-wp .km-view .km-buttongroup .km-button {
    border-radius: 0;
    display: inline-block;
    margin-left: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

    .km-root .km-wp .km-view .km-buttongroup .km-button:first-child {
        margin-left: 0
    }

.km-wp .km-buttongroup .km-icon {
    vertical-align: middle
}

.km-wp .km-leftitem, .km-wp .km-rightitem {
    line-height: 2.6rem;
    vertical-align: middle
}

.km-wp .km-navbar .km-view-title {
    visibility: visible;
    font-size: 1.6em;
    line-height: 2.6rem;
    text-align: left;
    margin-left: .5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-wp .km-navbar .km-back {
    display: none
}

.km-wp .km-leftitem {
    position: relative;
    float: left;
    margin-right: 1em
}

.km-wp .k-toolbar {
    line-height: 1.6em
}

    .km-root .km-wp .k-toolbar .km-buttongroup .km-button, .km-wp .k-toolbar .k-split-button, .km-wp .k-toolbar .km-button {
        padding-top: 0;
        padding-bottom: 0
    }

    .km-wp .k-toolbar > * {
        color: inherit
    }

    .km-wp .k-toolbar .k-separator, .km-wp .k-toolbar .k-split-button, .km-wp .k-toolbar .k-textbox, .km-wp .k-toolbar .k-widget, .km-wp .k-toolbar .km-buttongroup, .km-wp .k-toolbar .km-widget, .km-wp .k-toolbar label, .km-wp .k-toolbar > .km-button {
        margin: 0 .3em
    }

    .km-root .km-wp .k-toolbar .km-buttongroup .km-button, .km-wp .k-toolbar .k-split-button, .km-wp .k-toolbar .km-button, .km-wp .k-toolbar .km-buttongroup {
        line-height: inherit
    }

        .km-wp .k-toolbar .km-button .km-text {
            padding-bottom: 0
        }

    .km-wp .k-toolbar .k-split-button-arrow {
        border-radius: 0
    }

.km-root .km-wp .k-toolbar .km-buttongroup .km-button {
    margin-left: -2px;
    height: auto;
    padding-bottom: .3em
}

.km-wp .k-overflow-anchor .km-icon:after, .km-wp .k-overflow-anchor .km-icon:before {
    margin-top: 0
}

.km-wp .k-split-button .km-arrowdown, .km-wp .k-toolbar .k-button-icon .km-icon, .km-wp .k-toolbar .k-button-icontext .km-icon {
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    margin-top: -5px;
    margin-bottom: -1px;
    vertical-align: middle
}

.km-wp .k-split-button .km-arrowdown {
    margin-left: 2px;
    margin-right: 1px
}

.km-wp .k-split-button .k-button-icontext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.km-wp .k-split-button-arrow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.km-wp .km-actionsheet.k-overflow-container > li > .km-button, .km-wp .km-actionsheet.k-split-container > li > .km-button {
    min-width: 10em;
    text-align: center;
    font-size: 1.1em;
    border: 0;
    border-radius: 0
}

.km-wp .km-actionsheet.k-split-container > li > .km-button {
    min-width: 5em
}

.km-wp .k-overflow-wrapper .km-actionsheet-wrapper, .km-wp .k-split-wrapper .km-actionsheet-wrapper {
    padding: 1px
}

html .km-wp .k-overflow-container.km-actionsheet > li, html .km-wp .k-split-container.km-actionsheet > li {
    margin-top: 0;
    margin-bottom: 0
}

.km-wp .k-overflow-container.km-actionsheet, .km-wp .k-split-container.km-actionsheet {
    border-top: 0;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.km-wp .k-overflow-container.km-actionsheet, .km-wp .k-split-container.km-actionsheet {
    border-top: 0
}

    .km-wp .k-overflow-container.km-actionsheet *, .km-wp .k-split-container.km-actionsheet * {
        touch-action: pan-y;
        -ms-touch-action: pan-y
    }

.km-wp .km-tabstrip .km-text {
    display: block
}

.km-wp .km-tabstrip {
    padding: .7em 0 .2em;
    background: 0 0
}

.km-wp.km-horizontal .km-tabstrip {
    padding: .4em 0 .2em
}

.km-wp .km-tabstrip .km-button {
    border-width: 0;
    margin: 0 1.2em;
    background-color: transparent;
    font-size: .5em
}

.km-wp .km-tabstrip .km-icon:after, .km-wp .km-tabstrip .km-icon:before {
    vertical-align: middle;
    line-height: .8em
}

.km-wp .km-switch {
    font-size: .7em;
    width: 6.4em;
    height: 2.4em;
    line-height: 2.4em
}

.km-wp .km-list .km-switch {
    margin-top: -1.2em
}

.km-wp .km-switch-container, .km-wp .km-switch-handle, .km-wp .km-switch-wrapper {
    border-radius: 0
}

.km-wp .km-switch-wrapper {
    border-style: solid;
    border-width: .2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-wp .km-switch-container {
    left: .2em;
    top: .2em;
    right: .2em;
    bottom: .2em;
    width: auto;
    height: auto;
    overflow: visible
}

.km-wp .km-switch-handle {
    width: 1.4em;
    margin-top: -.2em;
    padding-bottom: .4em;
    z-index: 1
}

    .km-wp .km-switch-handle > span {
        display: none
    }

.km-wp .km-switch-background {
    width: 100%;
    margin-left: -6em
}

.km-wp .km-listgroupinset, .km-wp .km-listinset {
    margin: 0 1em
}

.km-wp .km-list > li > .km-icon, .km-wp .km-listview-link > .km-icon {
    margin: -.1em .2em 0 -.4em;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    font-size: 1.6em;
    vertical-align: middle
}

    .km-wp .km-list > li > .km-icon:before, .km-wp .km-listview-link > .km-icon:before {
        display: none
    }

    .km-wp .km-list > li > .km-icon:after, .km-wp .km-listview-link > .km-icon:after {
        display: inline-block;
        width: auto
    }

.km-wp .km-listview-label, .km-wp .km-listview-link {
    padding-bottom: .3em;
    -webkit-transition: -webkit-transform .1s,color .1s;
    transition: transform .1s,color .1s
}

.km-wp .km-state-active .km-listview-label, .km-wp .km-state-active .km-listview-link {
    background: 0 0;
    -webkit-transform: scale(.98,.94);
    -ms-transform: scale(.98,.94);
    transform: scale(.98,.94)
}

.km-wp .km-listview-link:after {
    display: none
}

.km-wp .km-group-title {
    text-transform: uppercase;
    font-size: 1em;
    padding: 0;
    margin-bottom: .2em
}

    .km-wp .km-group-title .km-text {
        text-indent: 0;
        padding-left: .7em
    }

.km-wp .km-scroller-pull .km-template {
    text-transform: lowercase
}

.km-wp .km-listview-wrapper form .km-filter-wrap > input {
    margin-top: -1px;
    font-size: 1.2em;
    padding-left: 1.6em;
    padding-right: 1.8em
}

.km-wp .km-filter-wrap > input::-ms-clear {
    display: none
}

.km-wp .km-filter-reset .km-clear, .km-wp .km-filter-wrap:before {
    font-size: 1em
}

.km-wp .km-filter-wrap:before {
    font-size: .8em;
    margin: .05em -1.3em 0 .3em
}

.km-wp .km-filter-reset .km-clear:after {
    content: "\e038"
}

.km-wp .km-list > li {
    overflow: hidden
}

.km-wp .km-detail {
    position: absolute;
    height: 1.2em;
    width: 1.3em;
    right: .4em;
    font-size: 1.5em;
    margin-top: -.6em;
    border: none;
    background: Background;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-wp .km-detaildisclose:after, .km-wp .km-detaildisclose:before {
    font-size: .86em;
    margin-left: -2px
}

.km-wp .km-pages > li {
    width: .2em;
    height: .2em
}

.km-wp .km-listview-label input[type=checkbox], .km-wp .km-listview-label input[type=radio] {
    border-width: 1px;
    border-style: solid;
    width: 1em;
    height: 1em
}

    .km-wp .km-listview-label input[type=radio], .km-wp .km-listview-label input[type=radio]:after, .km-wp .km-state-active input[type=radio]:before {
        border-radius: 1em
    }

        .km-wp .km-listview-label input[type=checkbox]:after, .km-wp .km-listview-label input[type=radio]:after, .km-wp .km-state-active input[type=checkbox]:before, .km-wp .km-state-active input[type=radio]:before {
            content: "\a0";
            display: block;
            margin: 16% 0 0 16%;
            width: 78%;
            height: 78%
        }

        .km-wp .km-listview-label input[type=radio]:after {
            margin: 11% 0 0 11%
        }

    .km-wp .km-listview-label input[type=checkbox]:after {
        margin: -60% 0 0 10%;
        width: 120%;
        height: 120%
    }

    .km-wp .km-listview-label input[type=checkbox]:checked:after {
        font-size: 1.2em;
        -webkit-transform: scale(1,1.2);
        -ms-transform: scale(1,1.2);
        transform: scale(1,1.2)
    }

.km-wp .km-state-active input[type=checkbox]:before, .km-wp .km-state-active input[type=radio]:before {
    position: absolute;
    margin: -45% 0 0 -45%;
    width: 190%;
    height: 190%
}

.km-wp .k-dropdown, .km-wp input[type=color], .km-wp input[type=date], .km-wp input[type=datetime-local], .km-wp input[type=datetime], .km-wp input[type=email], .km-wp input[type=month], .km-wp input[type=number], .km-wp input[type=password], .km-wp input[type=search], .km-wp input[type=tel], .km-wp input[type=text]:not(.k-input), .km-wp input[type=time], .km-wp input[type=url], .km-wp input[type=week], .km-wp select:not([multiple]), .km-wp textarea {
    border-width: 2px;
    border-style: solid;
    font-size: 100%;
    font-family: inherit;
    padding: 0 .3em;
    margin-top: -.65em
}

.km-wp .k-dropdown {
    padding: 0;
    width: auto;
    min-width: 8em;
    margin-top: -.75em;
    border-radius: 0
}

    .km-wp .k-dropdown .k-dropdown-wrap {
        width: 100%;
        padding: 0;
        display: block;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: 0 0;
        border: 0
    }

    .km-wp .k-dropdown .k-input {
        color: inherit;
        height: 1.5em;
        line-height: 1.5em;
        padding: 0 .2em;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-wp select::-ms-expand {
    display: none
}

.km-wp .k-slider-horizontal {
    height: .5em;
    margin: -.65em .35em 0 0;
    width: -webkit-calc(50% - .7em);
    width: calc(50% - .7em)
}

.km-wp .k-slider-vertical {
    width: .5em
}

.km-wp .k-slider .k-draghandle, .km-wp .k-slider .k-draghandle:hover {
    border: 0;
    border-radius: 0;
    z-index: 1
}

.km-wp .k-slider-horizontal .k-draghandle {
    top: -.25em;
    height: 200%;
    width: .6em
}

.km-wp .k-slider-vertical .k-draghandle {
    left: -.25em;
    width: 200%;
    height: .6em
}

.km-wp .k-slider-selection, .km-wp .k-slider-track {
    top: 0;
    left: 0 !important;
    right: 0;
    border-radius: 0
}

.km-wp .k-slider-vertical .k-slider-selection, .km-wp .k-slider-vertical .k-slider-track {
    top: auto;
    bottom: 0
}

.km-wp .k-slider .k-tick, .km-wp .k-slider .k-tick-large {
    visibility: hidden;
    display: inline-block;
    float: none
}

.km-wp .k-slider .k-tick-large {
    background: 0 0;
    visibility: visible
}

    .km-wp .k-slider .k-tick-large:before {
        content: "\a0";
        display: inline-block;
        text-align: center;
        position: relative;
        width: 2px;
        height: 100%
    }

.km-wp .k-slider-items {
    top: 100%;
    white-space: nowrap
}

.km-wp .k-slider .k-tick-large, .km-wp .k-slider-items {
    position: relative
}

.km-wp .k-slider .k-tick-large {
    z-index: 1
}

.km-wp .k-slider-selection {
    margin-left: 0
}

.km-wp .k-slider-track {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: .5em solid transparent;
    border-width: .5em 0
}

.km-wp-light .k-slider-track {
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.km-wp .km-list .km-full-width-slider {
    position: relative;
    margin-top: 0;
    padding: 1.55em 0;
    width: auto;
    display: block
}

.km-wp .km-full-width-slider .k-slider-track {
    height: .5rem;
    top: 50%
}

.km-wp .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-wp .km-label-above {
    font-size: 1em;
    padding-top: .27em;
    padding-bottom: 2.5em;
    margin-left: -.7em
}

    .km-wp .km-label-above textarea {
        top: 50%
    }

.km-wp .km-list fieldset {
    border: none;
    margin: .55em -1.4em 0;
    padding: 0 .7em
}

    .km-wp .km-list fieldset legend {
        line-height: 2em;
        text-indent: 0;
        font-weight: 400;
        padding: 1.23em 1.61em .11em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-transform: uppercase;
        padding: 0;
        padding-left: .7em
    }

        .km-wp .km-list fieldset legend + .km-inline-field {
            margin-top: .5em
        }

.km-wp .km-label-above {
    font-size: 1em;
    margin-left: -.7em
}

.km-wp .km-legend-button {
    text-transform: uppercase
}

.km-wp .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0
}

.km-wp .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-wp .km-list .km-inline-field .k-dropdown-wrap, .km-wp .km-list .km-inline-field input[type=color], .km-wp .km-list .km-inline-field input[type=date], .km-wp .km-list .km-inline-field input[type=datetime-local], .km-wp .km-list .km-inline-field input[type=datetime], .km-wp .km-list .km-inline-field input[type=email], .km-wp .km-list .km-inline-field input[type=month], .km-wp .km-list .km-inline-field input[type=number], .km-wp .km-list .km-inline-field input[type=password], .km-wp .km-list .km-inline-field input[type=search], .km-wp .km-list .km-inline-field input[type=tel], .km-wp .km-list .km-inline-field input[type=text]:not(.k-input), .km-wp .km-list .km-inline-field input[type=time], .km-wp .km-list .km-inline-field input[type=url], .km-wp .km-list .km-inline-field input[type=week], .km-wp .km-list .km-inline-field select:not([multiple]), .km-wp .km-list .km-inline-field textarea {
    left: 0;
    padding-left: 1em
}

.km-wp .km-list .km-label-above .k-dropdown-wrap, .km-wp .km-list .km-label-above input[type=color], .km-wp .km-list .km-label-above input[type=date], .km-wp .km-list .km-label-above input[type=datetime-local], .km-wp .km-list .km-label-above input[type=datetime], .km-wp .km-list .km-label-above input[type=email], .km-wp .km-list .km-label-above input[type=month], .km-wp .km-list .km-label-above input[type=number], .km-wp .km-list .km-label-above input[type=password], .km-wp .km-list .km-label-above input[type=search], .km-wp .km-list .km-label-above input[type=tel], .km-wp .km-list .km-label-above input[type=text]:not(.k-input), .km-wp .km-list .km-label-above input[type=time], .km-wp .km-list .km-label-above input[type=url], .km-wp .km-list .km-label-above input[type=week], .km-wp .km-list .km-label-above select:not([multiple]), .km-wp .km-list .km-label-above textarea, .km-wp .km-list fieldset .k-dropdown-wrap, .km-wp .km-list fieldset input[type=color], .km-wp .km-list fieldset input[type=date], .km-wp .km-list fieldset input[type=datetime-local], .km-wp .km-list fieldset input[type=datetime], .km-wp .km-list fieldset input[type=email], .km-wp .km-list fieldset input[type=month], .km-wp .km-list fieldset input[type=number], .km-wp .km-list fieldset input[type=password], .km-wp .km-list fieldset input[type=search], .km-wp .km-list fieldset input[type=tel], .km-wp .km-list fieldset input[type=text]:not(.k-input), .km-wp .km-list fieldset input[type=time], .km-wp .km-list fieldset input[type=url], .km-wp .km-list fieldset input[type=week], .km-wp .km-list fieldset select:not([multiple]), .km-wp .km-list fieldset textarea {
    border: none;
    padding: .4em 0 .4em .7em;
    margin-top: 0
}

.km-wp .km-list fieldset .k-dropdown-wrap, .km-wp .km-list fieldset input[type=color], .km-wp .km-list fieldset input[type=date], .km-wp .km-list fieldset input[type=datetime-local], .km-wp .km-list fieldset input[type=datetime], .km-wp .km-list fieldset input[type=email], .km-wp .km-list fieldset input[type=month], .km-wp .km-list fieldset input[type=number], .km-wp .km-list fieldset input[type=password], .km-wp .km-list fieldset input[type=search], .km-wp .km-list fieldset input[type=tel], .km-wp .km-list fieldset input[type=text]:not(.k-input), .km-wp .km-list fieldset input[type=time], .km-wp .km-list fieldset input[type=url], .km-wp .km-list fieldset input[type=week], .km-wp .km-list fieldset select:not([multiple]), .km-wp .km-list fieldset textarea {
    padding: 5px 0;
    margin-top: 0;
    padding-left: .7em
}

.km-wp .km-checkbox-label, .km-wp .km-radio-label {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: .89em
}

    .km-wp .km-checkbox-label:after, .km-wp .km-checkbox-label:before {
        right: .7em;
        width: 1.07rem;
        height: 1.07rem;
        text-align: right;
        font-size: 1.5em
    }

    .km-wp .km-checkbox-label:before {
        border-width: .133rem;
        border-style: solid
    }

.km-wp input.km-checkbox:checked + .km-checkbox-label:after {
    font-size: 1.2em;
    line-height: 1em;
    right: 1em
}

.km-wp .km-radio-label {
    padding-left: 2.5em;
    line-height: 1.5em
}

    .km-wp .km-radio-label:before {
        width: 1rem;
        height: 1rem;
        border-width: .133rem;
        border-style: solid
    }

.km-wp input.km-radio:checked + .km-radio-label:after {
    border-width: 2px;
    border-style: solid;
    top: 36%;
    -webkit-transform: translateY(-36%);
    -ms-transform: translateY(-36%);
    transform: translateY(-36%)
}

.km-wp input.km-radio:checked + .km-radio-label:after {
    width: .27rem;
    height: .27rem;
    left: .35rem
}

.km-wp .km-actionsheet-root > .k-animation-container {
    left: 0 !important
}

.km-wp .km-actionsheet-wrapper {
    bottom: 0
}

.km-wp .km-actionsheet > li, .km-wp .km-popup .k-item {
    padding: 0
}

    .km-wp .km-actionsheet > li > a, .km-wp .km-popup .k-item, .km-wp li.km-actionsheet-title {
        display: block;
        padding: .3em .8em;
        border-radius: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0
    }

.km-wp li.km-actionsheet-title {
    font-weight: 700
}

.km-flat {
    font: 400 1em "HelveticaNeue Light","Roboto Light","Slate Light","Segoe WP",NokiaPureTextLight,sans-serif
}

.km-root .km-flat .km-filter-reset, .km-root .km-flat .km-group-title, .km-root .km-flat .km-shim .k-animation-container, .km-root .km-flat .km-slider, .km-root .km-flat .km-switch, .km-root .km-flat .km-view, .km-root .km-flat.km-pane {
    -webkit-transform: none
}

.km-flat, .km-flat * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

    .km-flat [class^=k-] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .km-flat .km-tabstrip .km-button {
        background: 0 0
    }

    .km-flat .km-popup .k-popup {
        font-size: 1em !important
    }

    .km-flat .km-actionsheet > li > a, .km-flat .km-popup .k-item {
        text-decoration: none;
        padding: .5em .6em;
        border-radius: 0;
        border-width: 0 0 1px;
        border-style: solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .km-flat .km-popup {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .km-flat .km-popup .k-list-container {
            width: 100% !important;
            height: auto !important
        }

        .km-flat .km-actionsheet, .km-flat .km-popup .k-list-container {
            max-height: 80%
        }

        .km-flat .km-actionsheet-wrapper, .km-flat .km-popup .k-list-container {
            bottom: 0;
            border-width: 1px 0 0;
            border-style: solid;
            border-radius: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    .km-flat .km-shim .k-animation-container {
        left: 0;
        top: auto;
        bottom: 0
    }

    .km-flat .km-popup-wrapper {
        padding: 15px
    }

    .km-flat .km-actionsheet-wrapper.km-popup, .km-flat .km-popup.km-pane {
        border-radius: 3px
    }

    .km-flat .km-load-more {
        height: 3.4em
    }

        .km-flat .km-load-more .km-button {
            margin: 0 .8em;
            display: block
        }

    .km-flat .km-loader:before, .km-flat .km-scroller-pull, .km-flat .km-scroller-refresh.km-load-more {
        border-radius: 20em;
        overflow: visible
    }

    .km-flat .km-loader:before {
        content: "\a0";
        display: block;
        position: absolute;
        margin-top: -2em;
        margin-left: -2em;
        width: 4em;
        height: 4em;
        top: 50%;
        left: 50%;
        border-radius: 5em
    }

    .km-flat .km-loader {
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        height: 100%
    }

    .km-flat .km-scroller-refresh.km-load-more {
        padding: 0;
        position: relative;
        margin: auto
    }

    .km-flat .km-scroller-pull, .km-flat .km-scroller-refresh.km-load-more {
        font-size: 1em;
        width: 2.5em;
        height: 2.5em;
        top: .25em;
        white-space: nowrap
    }

    .km-flat .km-scroller-pull {
        left: 50%;
        margin: 0 0 0 -90px
    }

    .km-flat .km-loader h1 {
        display: none;
        font-size: 1em;
        position: absolute;
        left: -50%;
        width: 200%;
        top: 55%
    }

    .km-flat .km-scroller-pull .km-template {
        position: absolute;
        line-height: 2em;
        font-size: 1.2em;
        min-width: 0;
        top: 0;
        left: 3em
    }

    .km-flat .km-load-more.km-scroller-refresh .km-icon, .km-flat .km-loader .km-loading-left, .km-flat .km-loader .km-loading-right, .km-flat .km-loading, .km-flat .km-scroller-pull.km-scroller-refresh .km-icon, .km-flat .km-scroller-refresh .km-loading-left, .km-flat .km-scroller-refresh .km-loading-right {
        font-size: 1em;
        display: block;
        width: .36em;
        height: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -.8em;
        margin-top: -.5em;
        border-radius: 1em;
        -webkit-animation: km-flatload .6s infinite linear;
        animation: km-flatload .6s infinite linear;
        -webkit-background-clip: none
    }

    .km-flat .km-scroller-pull .km-icon {
        margin-right: 0;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -1rem;
        margin-top: -1rem
    }

    .km-flat .km-load-more.km-scroller-refresh .km-icon, .km-flat .km-scroller-pull.km-scroller-refresh .km-icon, .km-flat .km-scroller-refresh .km-loading-left, .km-flat .km-scroller-refresh .km-loading-right {
        height: .6em;
        margin-top: -.3em;
        margin-left: -.6em;
        width: .25em;
        -webkit-animation: km-flatrefresh .6s infinite linear;
        animation: km-flatrefresh .6s infinite linear
    }

    .km-flat .km-scroller-pull .km-icon:after {
        content: "\e012";
        margin-left: -3px
    }

    .km-flat .km-scroller-refresh .km-icon:after {
        display: none
    }

.km-root .km-flat .km-loading-left {
    margin-left: -.2em;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.km-root .km-flat .km-loading-right {
    margin-left: .42em;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.km-flat .km-scroller-refresh .km-loading-left {
    margin-left: -.18em
}

.km-flat .km-scroller-refresh .km-loading-right {
    margin-left: .28em
}

@keyframes km-flatload {
    0% {
        height: 1em;
        margin-top: -.5em
    }

    33% {
        height: 2em;
        margin-top: -1em
    }

    66% {
        height: 1em;
        margin-top: -.5em
    }
}

@-webkit-keyframes km-flatload {
    0% {
        height: 1em;
        margin-top: -.5em
    }

    33% {
        height: 2em;
        margin-top: -1em
    }

    66% {
        height: 1em;
        margin-top: -.5em
    }
}

@keyframes km-flatrefresh {
    0% {
        height: .6em;
        margin-top: -.3em
    }

    33% {
        height: 1.2em;
        margin-top: -.6em
    }

    66% {
        height: .6em;
        margin-top: -.3em
    }
}

@-webkit-keyframes km-flatrefresh {
    0% {
        height: .6em;
        margin-top: -.3em
    }

    33% {
        height: 1.2em;
        margin-top: -.6em
    }

    66% {
        height: .6em;
        margin-top: -.3em
    }
}

.km-flat, .km-flat .k-toolbar, .km-flat .km-content, .km-flat .km-detail, .km-flat .km-navbar {
    color: #4c5356;
    background-color: #f4f4f4
}

    .km-flat .km-button {
        background: rgba(0,0,0,.1);
        border-color: rgba(0,0,0,.1)
    }

    .km-flat .k-toolbar, .km-flat .km-detail {
        border-color: rgba(0,0,0,.1)
    }

    .km-flat .km-switch-wrapper {
        background-color: #bababa
    }

    .km-flat .k-slider-selection, .km-flat .km-switch-background {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#bababa),to(#bababa));
        background-image: -webkit-linear-gradient(top,#bababa,#bababa);
        background-image: linear-gradient(to bottom,#bababa,#bababa)
    }

    .km-flat .km-switch-handle {
        background: #f4f4f4;
        border-color: rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 0 1px currentcolor,0 -1px 0 1px currentcolor;
        box-shadow: 0 1px 0 1px currentcolor,0 -1px 0 1px currentcolor
    }

    .km-flat .km-switch-off .km-switch-handle {
        -webkit-box-shadow: 0 1px 0 1px #bababa,0 -1px 0 1px #bababa;
        box-shadow: 0 1px 0 1px #bababa,0 -1px 0 1px #bababa
    }

    .km-flat .km-switch-container, .km-flat .km-switch-wrapper {
        border-color: #f0f0f0
    }

    .km-flat .k-slider-track {
        background-color: #bababa
    }

    .km-flat .km-list > li {
        background: #fcfcfc;
        border-color: rgba(0,0,0,.1);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.2)
    }

    .km-flat .km-listgroupinset .km-list > li:first-child, .km-flat .km-listinset > li:first-child {
        border-color: rgba(0,0,0,.1)
    }

    .km-flat .km-list fieldset .km-inline-field, .km-flat .km-listgroupinset .km-list > li:last-child, .km-flat .km-listinset > li:last-child {
        border-color: rgba(0,0,0,.1)
    }

    .km-flat .km-listview-link:after {
        color: #97a0a4;
        border-color: currentcolor
    }

    .km-flat .km-group-title, .km-flat .km-list fieldset legend {
        background: #f4f4f4;
        border-color: rgba(0,0,0,.1)
    }

    .km-flat .km-filter-reset .km-clear, .km-flat .km-filter-wrap:before {
        color: #4c5356
    }

    .km-flat .km-filter-wrap > input {
        color: #4c5356;
        border-color: rgba(0,0,0,.1)
    }

        .km-flat .km-filter-wrap > input:focus {
            border-color: #000
        }

    .km-flat .km-pages li {
        background: rgba(0,0,0,.1)
    }

    .km-flat .km-label-above {
        color: #bababa
    }

    .km-flat .km-list .k-dropdown-wrap, .km-flat .km-list .k-dropdown-wrap .k-input, .km-flat .km-list input[type=color], .km-flat .km-list input[type=date], .km-flat .km-list input[type=datetime-local], .km-flat .km-list input[type=datetime], .km-flat .km-list input[type=email], .km-flat .km-list input[type=month], .km-flat .km-list input[type=number], .km-flat .km-list input[type=password], .km-flat .km-list input[type=search], .km-flat .km-list input[type=tel], .km-flat .km-list input[type=text]:not(.k-input), .km-flat .km-list input[type=time], .km-flat .km-list input[type=url], .km-flat .km-list input[type=week], .km-flat .km-list select:not([multiple]), .km-flat .km-list textarea {
        color: #4c5356
    }

        .km-flat .km-list select:not([multiple]) option {
            color: #333
        }

    .km-flat .km-content .km-list .km-state-active input[type=color], .km-flat .km-content .km-list .km-state-active input[type=date], .km-flat .km-content .km-list .km-state-active input[type=datetime-local], .km-flat .km-content .km-list .km-state-active input[type=datetime], .km-flat .km-content .km-list .km-state-active input[type=email], .km-flat .km-content .km-list .km-state-active input[type=month], .km-flat .km-content .km-list .km-state-active input[type=number], .km-flat .km-content .km-list .km-state-active input[type=password], .km-flat .km-content .km-list .km-state-active input[type=search], .km-flat .km-content .km-list .km-state-active input[type=tel], .km-flat .km-content .km-list .km-state-active input[type=text]:not(.k-input), .km-flat .km-content .km-list .km-state-active input[type=time], .km-flat .km-content .km-list .km-state-active input[type=url], .km-flat .km-content .km-list .km-state-active input[type=week], .km-flat .km-content .km-list .km-state-active select:not([multiple]), .km-flat .km-content .km-list .km-state-active textarea {
        color: #fff
    }

    .km-flat .km-listview-label input[type=checkbox], .km-flat .km-listview-label input[type=radio] {
        border-color: rgba(0,0,0,.1);
        background: #f4f4f4
    }

        .km-flat .km-listview-label input[type=checkbox]:checked:after {
            color: #eee
        }

    .km-flat .km-shim, .km-phone .km-flat .km-actionsheet-wrapper {
        background: rgba(0,0,0,.4)
    }

    .km-flat .km-actionsheet > li > a, .km-flat .km-popup .k-item {
        background: #363940;
        border-bottom-color: rgba(255,255,255,.2)
    }

    .km-flat .km-popup {
        background: rgba(0,0,0,.4)
    }

        .km-flat .km-actionsheet-wrapper, .km-flat .km-popup .k-list-container {
            background: rgba(0,0,0,.4);
            border-top-color: rgba(255,255,255,.2)
        }

        .km-flat .km-popup.km-pane, .km-tablet .km-flat .km-actionsheet-wrapper {
            background-color: #363940
        }

    .km-flat .km-popup-arrow:after {
        border-color: #363940 transparent
    }

    .km-flat .km-left .km-popup-arrow:after, .km-flat .km-right .km-popup-arrow:after {
        border-color: transparent #363940
    }

    .km-flat .km-loader {
        background: rgba(0,0,0,.05)
    }

        .km-flat .km-loader h1 {
            color: #4c5356
        }

    .km-flat .km-collapsible-content, .km-flat .km-collapsible-header {
        border-color: rgba(0,0,0,.1)
    }

    .km-flat .km-collapsible-header {
        background: #ededed
    }

    .km-flat .km-detail:active, .km-flat .km-state-active .km-detail, .km-flat .km-state-active[style*=background] {
        -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2)
    }

    .km-flat .k-slider .k-draghandle, .km-flat .k-slider .k-draghandle:hover, .km-flat .km-actionsheet > li > .km-state-active, .km-flat .km-actionsheet > li > a, .km-flat .km-actionsheet > li > a:active, .km-flat .km-actionsheet > li > a:hover, .km-flat .km-badge, .km-flat .km-popup .k-item, .km-flat .km-popup .k-state-focused, .km-flat .km-popup .k-state-hover, .km-flat .km-popup .k-state-selected, .km-flat .km-popup.km-pane .k-toolbar, .km-flat .km-popup.km-pane .km-navbar, .km-flat .km-popup.km-pane .km-tabstrip, .km-flat .km-rowdelete, .km-flat .km-rowinsert, .km-flat .km-scroller-pull .km-icon, .km-flat .km-state-active, .km-flat .km-state-active .km-listview-link:after, .km-flat .km-switch-label-off, .km-flat .km-switch-label-on, .km-flat .km-tabstrip .km-button, .km-flat .km-tabstrip .km-state-active, .km-flat li.km-state-active .km-listview-label, .km-flat li.km-state-active .km-listview-link {
        color: #fff
    }

    .km-flat .km-filter-wrap > input, .km-flat .km-loader > :not(h1), .km-flat .km-switch-handle.km-state-active, .km-root .km-flat .km-scroller-refresh span:not(.km-template) {
        background: #fff
    }

    .km-flat .k-slider-selection, .km-flat .km-list fieldset legend, .km-flat .km-switch-background, .km-flat .km-switch-handle {
        color: #10c4b2
    }

    .km-flat .k-slider .k-draghandle, .km-flat .k-slider .k-draghandle:hover, .km-flat .k-slider-selection, .km-flat .km-actionsheet > li > .km-state-active, .km-flat .km-actionsheet > li > a:active, .km-flat .km-actionsheet > li > a:hover, .km-flat .km-listview-label input[type=checkbox]:checked, .km-flat .km-listview-label input[type=radio]:checked, .km-flat .km-loader:before, .km-flat .km-pages .km-current-page, .km-flat .km-popup .k-state-focused, .km-flat .km-popup .k-state-hover, .km-flat .km-popup .k-state-selected, .km-flat .km-rowinsert, .km-flat .km-scroller-pull, .km-flat .km-scroller-refresh.km-load-more, .km-flat .km-state-active, .km-flat .km-tabstrip .km-state-active, .km-flat .km-touch-scrollbar, .km-flat li.km-state-active .km-listview-label, .km-flat li.km-state-active .km-listview-link {
        background: #10c4b2
    }

    .km-flat .km-filter-wrap > input:focus {
        border-color: #10c4b2
    }

    .km-flat .km-badge, .km-flat .km-rowdelete {
        background: #da2228
    }

    .km-flat label.km-required:after {
        color: #da2228
    }

    .km-flat .km-checkbox-label:after, .km-flat .km-checkbox-label:before {
        color: #10c4b2;
        border-color: #10c4b2
    }

    .km-flat .km-radio-label:before {
        border-color: #10c4b2
    }

    .km-flat .km-radio-label:after {
        background-color: #10c4b2
    }

    .km-flat .km-list fieldset legend {
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 0 rgba(0,0,0,.1)
    }

    .km-flat .km-list fieldset .km-legend-button.km-invalid, .km-flat .km-list > li label.km-invalid, .km-flat .km-list > li label.km-invalid.km-required:after {
        color: #f9a825
    }

    .km-flat .km-invalid-msg {
        color: #fff;
        background: #f9a825
    }

.km-tablet .km-flat.km-horizontal .km-navbar .km-button, .km-tablet .km-flat.km-horizontal .km-toolbar .km-button {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.km-flat .km-button {
    padding: .5em .8em;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px
}

.km-flat .km-badge, .km-flat .km-detail {
    border: 0;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 5em
}

.km-flat .km-detail {
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    border-width: 1px;
    border-style: solid
}

.km-flat .km-detaildisclose {
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em
}

    .km-flat .km-detaildisclose:after, .km-flat .km-detaildisclose:before {
        left: .1em;
        top: .35em
    }

.km-flat .km-detail .km-icon:before {
    display: none
}

.km-flat .km-buttongroup > :not(:first-child):not(:last-child) {
    border-radius: 0
}

.km-flat .km-buttongroup > :first-child {
    border-radius: 3px 0 0 3px
}

.km-flat .km-buttongroup > :last-child {
    border-radius: 0 3px 3px 0
}

.km-flat .km-buttongroup > .km-state-active {
    border-right-width: 1px
}

    .km-flat .km-buttongroup > .km-state-active + * {
        border-left-width: 0
    }

.km-flat .km-navbar {
    border: 1px solid rgba(0,0,0,.1)
}

.km-flat .km-header .km-navbar {
    border-width: 0 0 1px
}

.km-flat .km-footer .km-navbar {
    border-width: 1px 0 0
}

.km-flat .km-navbar, .km-flat .km-tabstrip, .km-flat .km-tabstrip .km-button, .km-flat .km-toolbar {
    border-radius: 0
}

.km-flat .k-toolbar {
    line-height: 2.1em
}

    .km-flat .k-toolbar .k-split-button, .km-flat .k-toolbar .km-button {
        padding-top: 0;
        padding-bottom: 0;
        line-height: inherit
    }

    .km-flat .k-split-button .km-arrowdown, .km-flat .k-toolbar .k-button-icon .km-icon, .km-flat .k-toolbar .k-button-icontext .km-icon {
        width: 1em;
        height: 1em;
        font-size: 1.2em;
        margin-top: -7px;
        margin-bottom: -2px;
        vertical-align: middle
    }

.km-flat .k-split-button .km-arrowdown {
    margin-left: 2px;
    margin-right: 1px
}

.km-flat .k-split-button .k-button-icontext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.km-flat .k-split-button-arrow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.km-flat .km-actionsheet.k-overflow-container > li > .km-button, .km-flat .km-actionsheet.k-split-container > li > .km-button {
    min-width: 10em;
    text-align: center;
    font-size: 1.1em;
    border: 0;
    border-radius: 0
}

.km-flat .km-actionsheet.k-split-container > li > .km-button {
    min-width: 5em
}

.km-flat .k-overflow-wrapper .km-actionsheet-wrapper, .km-flat .k-split-wrapper .km-actionsheet-wrapper {
    padding: 1px
}

html .km-flat .k-overflow-container.km-actionsheet > li, html .km-flat .k-split-container.km-actionsheet > li {
    margin-top: 0;
    margin-bottom: 0
}

.km-flat .k-overflow-container.km-actionsheet, .km-flat .k-split-container.km-actionsheet {
    border-top: 0
}

.km-flat .km-tabstrip {
    padding: 0;
    display: table;
    table-layout: fixed
}

    .km-flat .km-tabstrip .km-button {
        font-size: .7em;
        display: table-cell;
        border: 0
    }

    .km-flat .km-tabstrip .km-icon:before {
        display: none
    }

.km-flat .km-switch {
    width: 4.6rem;
    height: 1.9rem;
    line-height: 1.76rem;
    overflow: hidden
}

.km-flat .km-switch-wrapper {
    overflow: hidden
}

.km-flat .k-slider-selection, .km-flat .km-switch-background {
    background-position: 4.25em 0;
    background-repeat: no-repeat;
    background-color: currentcolor;
    margin-left: -3.4rem
}

.km-flat .km-switch-container {
    padding: 1px 0 1px 1px;
    border-width: 0
}

.km-flat .km-switch-handle {
    width: 1.6em;
    margin: 0 4px 0 0;
    border-width: 1px;
    border-style: solid
}

.km-flat .km-switch-label-off {
    left: 1.5em
}

.km-flat .km-switch-label-on {
    left: -2.8em
}

.km-flat .km-switch-label-off, .km-flat .km-switch-label-on {
    text-shadow: none;
    width: 185%;
    font-size: 1em;
    line-height: 1.5em;
    vertical-align: middle
}

.km-flat .km-switch-background, .km-flat .km-switch-container, .km-flat .km-switch-wrapper {
    border-radius: 4px
}

.km-flat .km-switch-handle {
    border-radius: 3px
}

.km-flat .km-switch-container, .km-flat .km-switch-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.km-flat .km-list > li {
    border-style: solid;
    border-width: 0 0 1px 0
}

.km-flat .km-listgroupinset .km-list > li:first-child, .km-flat .km-listinset > li:first-child {
    border-style: solid;
    border-width: 1px;
    border-radius: 3px 3px 0 0
}

.km-flat .km-listgroupinset .km-list > li, .km-flat .km-listinset > li {
    border-width: 0 1px 1px 1px
}

    .km-flat .km-listgroupinset .km-list > li:last-child, .km-flat .km-listinset > li:last-child {
        border-style: solid;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 3px 3px
    }

    .km-flat .km-listgroupinset .km-list > li:first-child:last-child, .km-flat .km-listinset > li:first-child:last-child {
        border-width: 1px;
        border-radius: 3px
    }

.km-flat .km-listview-link:after {
    border-width: .2rem .2rem 0 0
}

.km-flat:not(.km-on-android) .km-listview-link:after {
    width: .66rem;
    height: .64rem;
    border-width: 0;
    -webkit-box-shadow: inset -.2rem .2rem 0;
    box-shadow: inset -.2rem .2rem 0
}

.km-flat .km-listgroupinset li:first-child > .km-listview-label, .km-flat .km-listgroupinset li:first-child > .km-listview-link, .km-flat .km-listinset li:first-child > .km-listview-label, .km-flat .km-listinset li:first-child > .km-listview-link {
    border-radius: 2px 2px 0 0
}

.km-flat .km-listgroupinset li:last-child > .km-listview-label, .km-flat .km-listgroupinset li:last-child > .km-listview-link, .km-flat .km-listinset li:last-child > .km-listview-label, .km-flat .km-listinset li:last-child > .km-listview-link {
    border-radius: 0 0 2px 2px
}

.km-flat .km-listgroupinset li:first-child:last-child > .km-listview-label, .km-flat .km-listgroupinset li:first-child:last-child > .km-listview-link, .km-flat .km-listinset li:first-child:last-child > .km-listview-label, .km-flat .km-listinset li:first-child:last-child > .km-listview-link {
    border-radius: 2px
}

.km-flat .km-group-title {
    border-style: solid;
    border-width: 1px 0
}

.km-flat .km-scroll-header .km-group-title {
    border-width: 0 0 1px
}

.km-flat .km-listgroupinset .km-group-title {
    border: 0;
    background: 0 0
}

.km-flat .km-listview .km-switch {
    margin-top: -.9rem
}

.km-flat .km-listview-wrapper form .km-filter-wrap > input {
    font-size: 1.2em;
    padding: .3em 1.8em
}

.km-flat .km-filter-wrap:before {
    margin: .05em -1.3em 0 .3em
}

.km-flat .km-filter-reset {
    margin: .05em 0 0 -2em
}

    .km-flat .km-filter-reset .km-clear:after {
        content: "\e038"
    }

.km-flat .km-filter-wrap > input {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

    .km-flat .km-filter-wrap > input:focus {
        border-width: 1px;
        border-style: solid
    }

.km-flat .km-pages {
    padding-top: .4em
}

    .km-flat .km-pages li {
        border-radius: 1em
    }

.km-flat .k-slider .k-draghandle, .km-flat .k-slider .k-draghandle:hover {
    border: 0;
    border-radius: 5em
}

.km-flat .k-slider .k-draghandle {
    top: -7px
}

.km-flat .k-slider-track {
    margin: -.5em .5em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: .5em;
    background-color: #bababa
}

.km-flat .k-slider-horizontal .k-slider-track {
    height: .29rem
}

.km-flat .k-slider-vertical .k-slider-track {
    width: .29rem
}

.km-flat .k-slider-selection {
    margin-left: 0
}

.km-flat .k-slider-vertical .k-draghandle {
    top: initial;
    left: -6px
}

.km-flat .k-slider-vertical .k-slider-selection {
    width: .29rem;
    margin-left: -2px;
    border-radius: 3px
}

.km-flat .km-list .k-dropdown-wrap, .km-flat .km-list input[type=color], .km-flat .km-list input[type=date], .km-flat .km-list input[type=datetime-local], .km-flat .km-list input[type=datetime], .km-flat .km-list input[type=email], .km-flat .km-list input[type=month], .km-flat .km-list input[type=number], .km-flat .km-list input[type=password], .km-flat .km-list input[type=search], .km-flat .km-list input[type=tel], .km-flat .km-list input[type=text]:not(.k-input), .km-flat .km-list input[type=time], .km-flat .km-list input[type=url], .km-flat .km-list input[type=week], .km-flat .km-list select:not([multiple]), .km-flat .km-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.1rem;
    min-width: 6em;
    border: 0;
    padding: .4em 0;
    outline: 0;
    background: 0 0
}

.km-flat .km-list .k-dropdown-wrap {
    padding: .2em
}

.km-flat .km-list .k-dropdown {
    margin-top: -1.05em;
    font-weight: 400
}

.km-flat .km-list .k-dropdown, .km-flat .km-list input[type=color], .km-flat .km-list input[type=date], .km-flat .km-list input[type=datetime-local], .km-flat .km-list input[type=datetime], .km-flat .km-list input[type=month], .km-flat .km-list input[type=time], .km-flat .km-list input[type=week] {
    text-align: left
}

    .km-flat .km-list .k-dropdown .k-dropdown-wrap {
        display: block;
        border-radius: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-flat .km-listview-label input[type=checkbox] {
    margin-top: -.7em
}

.km-flat .km-listview-label input[type=checkbox], .km-flat .km-listview-label input[type=radio] {
    border-width: 1px;
    border-style: solid;
    width: 1.4em;
    height: 1.4em;
    border-radius: 3px
}

.km-flat .km-listview-label input[type=radio] {
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em
}

.km-flat .km-listview-label input[type=checkbox]:after {
    content: "\a0";
    display: block;
    width: 90%;
    height: 76%;
    -webkit-transform: scale(.9,1);
    -ms-transform: scale(.9,1);
    transform: scale(.9,1);
    -webkit-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    transform-origin: 10% 50%
}

.km-flat .km-listview-label input[type=checkbox]:checked:after {
    font-size: 1.4em
}

.km-flat .km-listview-label input[type=radio]:after {
    color: transparent
}

.km-flat .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-flat .km-label-above {
    font-size: .87em;
    margin-top: -2px;
    padding-top: .92em;
    padding-bottom: 2.5em
}

.km-flat fieldset .km-label-above {
    margin-top: 0;
    padding-top: 1.455em;
    padding-bottom: 3.091em
}

.km-flat .km-label-above textarea {
    top: 50%
}

.km-flat .km-list .km-label-above .k-dropdown-wrap, .km-flat .km-list .km-label-above input[type=color], .km-flat .km-list .km-label-above input[type=date], .km-flat .km-list .km-label-above input[type=datetime-local], .km-flat .km-list .km-label-above input[type=datetime], .km-flat .km-list .km-label-above input[type=email], .km-flat .km-list .km-label-above input[type=month], .km-flat .km-list .km-label-above input[type=number], .km-flat .km-list .km-label-above input[type=password], .km-flat .km-list .km-label-above input[type=search], .km-flat .km-list .km-label-above input[type=tel], .km-flat .km-list .km-label-above input[type=text]:not(.k-input), .km-flat .km-list .km-label-above input[type=time], .km-flat .km-list .km-label-above input[type=url], .km-flat .km-list .km-label-above input[type=week], .km-flat .km-list .km-label-above select:not([multiple]), .km-flat .km-list .km-label-above textarea {
    left: .7em;
    margin-top: -.375em
}

.km-flat .km-list fieldset .km-label-above .k-dropdown-wrap, .km-flat .km-list fieldset .km-label-above input[type=color], .km-flat .km-list fieldset .km-label-above input[type=date], .km-flat .km-list fieldset .km-label-above input[type=datetime-local], .km-flat .km-list fieldset .km-label-above input[type=datetime], .km-flat .km-list fieldset .km-label-above input[type=email], .km-flat .km-list fieldset .km-label-above input[type=month], .km-flat .km-list fieldset .km-label-above input[type=number], .km-flat .km-list fieldset .km-label-above input[type=password], .km-flat .km-list fieldset .km-label-above input[type=search], .km-flat .km-list fieldset .km-label-above input[type=tel], .km-flat .km-list fieldset .km-label-above input[type=text]:not(.k-input), .km-flat .km-list fieldset .km-label-above input[type=time], .km-flat .km-list fieldset .km-label-above input[type=url], .km-flat .km-list fieldset .km-label-above input[type=week], .km-flat .km-list fieldset .km-label-above select:not([multiple]), .km-flat .km-list fieldset .km-label-above textarea {
    margin-top: -.25em
}

.km-flat .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -.5em -1.61em
}

    .km-flat .km-list fieldset > .k-dropdown-wrap, .km-flat .km-list fieldset > input[type=color], .km-flat .km-list fieldset > input[type=date], .km-flat .km-list fieldset > input[type=datetime-local], .km-flat .km-list fieldset > input[type=datetime], .km-flat .km-list fieldset > input[type=email], .km-flat .km-list fieldset > input[type=month], .km-flat .km-list fieldset > input[type=number], .km-flat .km-list fieldset > input[type=password], .km-flat .km-list fieldset > input[type=search], .km-flat .km-list fieldset > input[type=tel], .km-flat .km-list fieldset > input[type=text]:not(.k-input), .km-flat .km-list fieldset > input[type=time], .km-flat .km-list fieldset > input[type=url], .km-flat .km-list fieldset > input[type=week], .km-flat .km-list fieldset > select:not([multiple]) {
        padding: 1.23em 0;
        margin-top: 0
    }

    .km-flat .km-list fieldset legend {
        text-indent: 0;
        margin: 0 -1.61em;
        font-weight: 400;
        padding: 1.8em 1.61em .72em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-transform: uppercase
    }

.km-flat .km-legend-button {
    padding: 2.5em 1.61em .39em;
    margin: -2.5em -1.61em -.39em;
    text-transform: uppercase
}

.km-flat .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.61em;
    border-right-width: 1px;
    border-right-style: solid
}

    .km-flat .km-list fieldset .km-inline-field:first-of-type {
        padding-left: 0
    }

.km-flat .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-flat .km-list .km-inline-field .k-dropdown-wrap, .km-flat .km-list .km-inline-field input[type=color], .km-flat .km-list .km-inline-field input[type=date], .km-flat .km-list .km-inline-field input[type=datetime-local], .km-flat .km-list .km-inline-field input[type=datetime], .km-flat .km-list .km-inline-field input[type=email], .km-flat .km-list .km-inline-field input[type=month], .km-flat .km-list .km-inline-field input[type=number], .km-flat .km-list .km-inline-field input[type=password], .km-flat .km-list .km-inline-field input[type=search], .km-flat .km-list .km-inline-field input[type=tel], .km-flat .km-list .km-inline-field input[type=text]:not(.k-input), .km-flat .km-list .km-inline-field input[type=time], .km-flat .km-list .km-inline-field input[type=url], .km-flat .km-list .km-inline-field input[type=week], .km-flat .km-list .km-inline-field select:not([multiple]), .km-flat .km-list .km-inline-field textarea {
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-flat .km-list .km-inline-field:first-of-type .k-dropdown-wrap, .km-flat .km-list .km-inline-field:first-of-type input[type=color], .km-flat .km-list .km-inline-field:first-of-type input[type=date], .km-flat .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-flat .km-list .km-inline-field:first-of-type input[type=datetime], .km-flat .km-list .km-inline-field:first-of-type input[type=email], .km-flat .km-list .km-inline-field:first-of-type input[type=month], .km-flat .km-list .km-inline-field:first-of-type input[type=number], .km-flat .km-list .km-inline-field:first-of-type input[type=password], .km-flat .km-list .km-inline-field:first-of-type input[type=search], .km-flat .km-list .km-inline-field:first-of-type input[type=tel], .km-flat .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-flat .km-list .km-inline-field:first-of-type input[type=time], .km-flat .km-list .km-inline-field:first-of-type input[type=url], .km-flat .km-list .km-inline-field:first-of-type input[type=week], .km-flat .km-list .km-inline-field:first-of-type select:not([multiple]), .km-flat .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-flat .km-list .km-full-width-slider {
    margin-top: 0;
    padding: 1.55em 0
}

.km-root .km-checkbox-label, .km-root .km-radio-label {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: .89em
}

    .km-root .km-checkbox-label:after, .km-root .km-checkbox-label:before {
        right: .7em;
        width: 1.33rem;
        height: 1.33rem;
        border-width: .133rem;
        border-style: solid;
        border-radius: 3px;
        text-align: center
    }

.km-root input.km-checkbox:checked + .km-checkbox-label:after {
    line-height: 1.2em
}

.km-root .km-radio-label {
    padding-left: 2.5em;
    line-height: 1.5em
}

    .km-root .km-radio-label:before {
        width: 1.35rem;
        height: 1.35rem;
        border-width: .133rem;
        border-style: solid
    }

.km-root input.km-radio:checked + .km-radio-label:after {
    width: .95rem;
    height: .95rem;
    left: .25rem
}

.km-flat .km-actionsheet > li > a {
    font-size: 1.4em;
    font-weight: 400;
    text-align: center
}

.km-flat li.km-actionsheet-cancel > a {
    color: #bababa
}

.km-flat .km-actionsheet > li > a {
    display: block
}

.km-flat .km-actionsheet > li:last-child > a {
    border: 0
}

.km-flat .km-popup li.km-actionsheet-title, .km-flat .km-shim li.km-actionsheet-title {
    display: none
}

.km-flat .km-actionsheet-wrapper.km-popup {
    padding: 2px 0
}

.km-flat .km-popup.km-pane {
    border: 5px solid transparent
}

    .km-flat .km-popup.km-pane .km-navbar, .km-flat .km-popup.km-pane .km-tabstrip, .km-flat .km-popup.km-pane .km-toolbar {
        background: 0 0
    }

    .km-flat .km-popup.km-pane .km-header {
        padding: 0 5px;
        margin: -5px -5px 2px;
        border-radius: 3px 3px 0 0;
        -webkit-margin-collapse: separate
    }

.km-flat .km-popup-arrow:after {
    border-color: rgba(0,0,0,.5) transparent;
    border-style: solid;
    border-width: 0 15px 15px
}

.km-flat .km-down .km-popup-arrow:before {
    margin-top: -1px
}

.km-flat .km-up .km-popup-arrow:after {
    border-width: 15px 15px 0 15px
}

.km-flat .km-left .km-popup-arrow:after {
    border-width: 15px 0 15px 15px
}

.km-flat .km-right .km-popup-arrow:after {
    border-width: 15px 15px 15px 0
}

.km-flat .km-touch-scrollbar {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1em
}

.km-flat .km-scroller-pull .km-icon:after {
    margin-left: -5px;
    margin-top: -2px
}

.km-material {
    font-family: Roboto,Helvetica,Arial,sans-serif
}

.km-root .km-material .km-filter-reset, .km-root .km-material .km-group-title, .km-root .km-material .km-shim .k-animation-container, .km-root .km-material .km-slider, .km-root .km-material .km-switch, .km-root .km-material .km-view, .km-root .km-material.km-pane {
    -webkit-transform: none
}

.km-material, .km-material * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

    .km-material [class^=k-] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .km-material .km-tabstrip .km-button {
        background: 0 0
    }

    .km-material .km-popup .k-popup {
        font-size: 1em !important
    }

    .km-material .km-actionsheet > li > a, .km-material .km-popup .k-item {
        text-decoration: none;
        padding: .5em .6em;
        border-radius: 0;
        border-width: 0 0 0;
        border-style: solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .km-material .km-popup {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .km-material .km-popup .k-list-container {
            width: 100% !important;
            height: auto !important
        }

        .km-material .km-actionsheet, .km-material .km-popup .k-list-container {
            max-height: 80%
        }

        .km-material .km-actionsheet-wrapper, .km-material .km-popup .k-list-container {
            bottom: 0;
            border-width: 0 0 0;
            border-style: solid;
            border-radius: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    .km-material .km-shim .k-animation-container {
        left: 0;
        top: auto;
        bottom: 0
    }

    .km-material .km-popup-wrapper {
        padding: 15px
    }

    .km-material .km-actionsheet-wrapper.km-popup, .km-material .km-popup.km-pane {
        border-radius: 2px
    }

    .km-material .km-load-more {
        height: 3.4em
    }

        .km-material .km-load-more .km-button {
            margin: 0 .8em;
            display: block
        }

    .km-material .km-scroller-pull, .km-material .km-scroller-refresh.km-load-more {
        border-radius: 50%;
        overflow: visible
    }

    .km-material .km-loader {
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        background: 0 0
    }

    .km-material .km-loading, .km-material .km-scroller-refresh .km-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -13px;
        margin-left: -13px;
        width: 26px;
        height: 26px;
        border: 5px solid transparent;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none
    }

        .km-material .km-loading:before, .km-material .km-scroller-refresh .km-icon:before {
            content: "\a0";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 12px;
            height: 12px;
            border-width: 2px;
            border-style: solid;
            border-radius: 50%
        }

.km-root .km-material .km-scroller-pull .km-icon {
    -webkit-background-clip: inherit;
    -webkit-background-size: inherit inherit;
    background-size: inherit;
    border-radius: 50%
}

.km-material .km-loading:after {
    display: none
}

.km-material .km-loading-left, .km-material .km-loading-right {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -13px;
    margin-left: -13px;
    width: 26px;
    height: 26px;
    border-radius: 50%
}

.km-material .km-loader .km-loading-left, .km-material .km-loader .km-loading-right, .km-material .km-scroller-refresh .km-loading-left, .km-material .km-scroller-refresh .km-loading-right {
    -webkit-animation: materialdrive 4s infinite linear;
    animation: materialdrive 4s infinite linear
}

.km-material .km-scroller-refresh.km-load-more {
    padding: 0;
    position: relative;
    margin: auto
}

.km-material .km-scroller-pull, .km-material .km-scroller-refresh.km-load-more {
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    top: .25em;
    white-space: nowrap
}

.km-material .km-scroller-pull {
    left: 50%;
    margin: 0 0 0 -90px
}

.km-material .km-loader h1 {
    display: none;
    font-size: 1em;
    position: absolute;
    left: -50%;
    width: 200%;
    top: 55%
}

.km-material .km-scroller-pull .km-template {
    position: absolute;
    line-height: 2em;
    font-size: 1.2em;
    min-width: 0;
    top: 0;
    left: 3em
}

.km-material .km-loader .km-loading-left:after, .km-material .km-loader .km-loading-left:before, .km-material .km-loader .km-loading-right:after, .km-material .km-loader .km-loading-right:before, .km-material .km-scroller-refresh .km-loading-left:after, .km-material .km-scroller-refresh .km-loading-left:before, .km-material .km-scroller-refresh .km-loading-right:after, .km-material .km-scroller-refresh .km-loading-right:before {
    content: "\a0";
    display: block;
    position: absolute;
    top: -13px;
    left: -13px;
    width: 26px;
    height: 26px;
    -webkit-transform-origin: 24px 24px;
    -ms-transform-origin: 24px 24px;
    transform-origin: 24px 24px;
    -webkit-animation: materialrotate1 1.5s infinite ease-out;
    animation: materialrotate1 1.5s infinite ease-out
}

.km-material .km-loader .km-loading-left:after, .km-material .km-scroller-refresh .km-loading-left:after {
    -webkit-animation-name: materialrotate2;
    animation-name: materialrotate2
}

.km-material .km-loader .km-loading-right:before, .km-material .km-scroller-refresh .km-loading-right:before {
    -webkit-animation-name: materialrotate3;
    animation-name: materialrotate3
}

.km-material .km-loader .km-loading-right:after, .km-material .km-scroller-refresh .km-loading-right:after {
    -webkit-animation-name: materialrotate4;
    animation-name: materialrotate4
}

.km-material .km-scroller-pull .km-icon {
    margin-right: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem
}

    .km-material .km-scroller-pull .km-icon:after {
        content: "\e012";
        margin-left: -3px
    }

.km-material .km-scroller-refresh .km-icon:after {
    display: none
}

.km-material .km-load-more .km-icon, .km-material .km-scroller-pull .km-icon {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: none;
    transition: none
}

    .km-material .km-load-more .km-icon:after, .km-material .km-scroller-pull .km-icon:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 62% 50%;
        -ms-transform-origin: 62% 50%;
        transform-origin: 62% 50%;
        -webkit-transition: -webkit-transform .3s linear;
        transition: transform .3s linear
    }

.km-material .km-scroller-release .km-icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.km-material .km-scroller-refresh .km-icon:after {
    -webkit-transition: none;
    transition: none
}

@-webkit-keyframes materialrotate1 {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(270deg)
    }

    90% {
        -webkit-transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes materialrotate2 {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(20deg)
    }

    90% {
        -webkit-transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes materialrotate3 {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(90deg)
    }

    90% {
        -webkit-transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes materialrotate4 {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    90% {
        -webkit-transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes materialrotate1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    90% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes materialrotate2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    90% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes materialrotate3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    90% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes materialrotate4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    90% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes materialdrive {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes materialdrive {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.km-material .km-button {
    background: #fafafa;
    border-color: transparent;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4);
    box-shadow: 0 1px 4px rgba(0,0,0,.4)
}

.km-material-dark .km-button {
    background: #3f51b5
}

.km-material .k-toolbar {
    border-color: rgba(0,0,0,.12)
}

.km-material .km-switch-handle {
    background: #3f51b5;
    border-color: rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px #3f51b5,0 2px #3f51b5;
    box-shadow: 0 2px 4px #3f51b5,0 2px #3f51b5
}

.km-material .km-switch-off .km-switch-handle {
    background-color: #fafafa;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12),0 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.12),0 2px rgba(0,0,0,.2)
}

.km-material-dark .km-switch-off .km-switch-handle {
    background-color: #212121
}

.km-material .km-switch-container, .km-material .km-switch-wrapper {
    border-color: #333
}

.km-material-dark .km-switch-container, .km-material-dark .km-switch-wrapper {
    border-color: #fafafa
}

.km-material .km-group-container, .km-material .km-list > li, .km-material .km-listgroupinset .km-list > li:first-child, .km-material .km-listgroupinset .km-list > li:last-child, .km-material .km-listinset > li:first-child, .km-material .km-listinset > li:last-child {
    border-color: rgba(0,0,0,.12)
}

.km-material .km-group-title, .km-material .km-listview-link:after {
    color: grey
}

.km-material .km-group-title {
    border-color: rgba(0,0,0,.12)
}

.km-material .km-filter-reset .km-clear, .km-material .km-filter-wrap:before, .km-material .km-filter-wrap > input {
    color: #333
}

.km-material-dark .km-filter-reset .km-clear, .km-material-dark .km-filter-wrap:before, .km-material-dark .km-filter-wrap > input {
    color: #fafafa
}

.km-material .km-pages li {
    background: rgba(128,128,128,.3)
}

.km-material .km-list select:not([multiple]) option {
    color: #333
}

.km-material .km-listview-label input[type=checkbox], .km-material .km-listview-label input[type=radio] {
    border-color: rgba(0,0,0,.54);
    background: #fafafa
}

.km-material-dark .km-listview-label input[type=checkbox], .km-material-dark .km-listview-label input[type=radio] {
    border-color: #fafafa;
    background: #333
}

.km-material .km-listview-label input[type=checkbox]:checked:after {
    color: #fafafa
}

.km-material-dark .km-listview-label input[type=checkbox]:checked:after {
    color: #333
}

.km-material .km-shim {
    background: rgba(0,0,0,.2)
}

.km-phone .km-material .km-actionsheet-wrapper {
    background: #fafafa
}

.km-phone .km-material-dark .km-actionsheet-wrapper {
    background: #333
}

.km-material .km-actionsheet > li > a, .km-material .km-popup .k-item {
    color: #333;
    background: #fafafa;
    border-bottom-color: #fafafa
}

.km-material-dark .km-actionsheet > li > a, .km-material-dark .km-popup .k-item {
    color: #fafafa;
    background: #333;
    border-bottom-color: #333
}

.km-material .km-popup {
    background: #fafafa
}

.km-material-dark .km-popup {
    background: #333
}

.km-material .km-actionsheet-wrapper, .km-material .km-popup .k-list-container {
    background: #fafafa;
    border-top-color: #fafafa;
    -webkit-box-shadow: 0 15px 30px 3px rgba(0,0,0,.3);
    box-shadow: 0 15px 30px 3px rgba(0,0,0,.3)
}

.km-material-dark .km-actionsheet-wrapper, .km-material-dark .km-popup .k-list-container {
    background: #333;
    border-top-color: #333
}

.km-material .km-popup.km-pane, .km-tablet .km-material .km-actionsheet-wrapper {
    color: #333;
    background-color: #fafafa
}

.km-material-dark .km-popup.km-pane, .km-tablet .km-material-dark .km-actionsheet-wrapper {
    color: #fafafa;
    background-color: #333
}

.km-material .km-left .km-popup-arrow:after, .km-material .km-popup-arrow:after, .km-material .km-right .km-popup-arrow:after, .km-material-dark .km-left .km-popup-arrow:after, .km-material-dark .km-popup-arrow:after, .km-material-dark .km-right .km-popup-arrow:after {
    border-color: transparent
}

.km-material .km-popup {
    -webkit-box-shadow: 0 15px 30px 3px rgba(0,0,0,.3);
    box-shadow: 0 15px 30px 3px rgba(0,0,0,.3)
}

.km-material .km-loading:before, .km-material .km-scroller-refresh .km-icon:before {
    border-color: #3f51b5
}

.km-material .km-scroller-pull.km-scroller-refresh .km-icon:before {
    border-color: rgba(51,51,51,.5)
}

.km-material-dark .km-scroller-pull.km-scroller-refresh .km-icon:before {
    border-color: rgba(250,250,250,.5)
}

.km-material .km-loading, .km-material .km-loading-left:after, .km-material .km-loading-left:before, .km-material .km-loading-right:after, .km-material .km-loading-right:before, .km-material .km-scroller-refresh .km-icon {
    background-color: #fafafa
}

.km-material-dark .km-loading, .km-material-dark .km-loading-left:after, .km-material-dark .km-loading-left:before, .km-material-dark .km-loading-right:after, .km-material-dark .km-loading-right:before, .km-material-dark .km-scroller-refresh .km-icon {
    background-color: #3f51b5
}

    .km-material-dark .km-loading:before, .km-material-dark .km-scroller-refresh .km-icon:before {
        border-color: #fafafa
    }

.km-material .km-loading, .km-material .km-scroller-pull .km-icon {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4);
    box-shadow: 0 1px 4px rgba(0,0,0,.4)
}

.km-material .km-loader h1 {
    color: #333
}

.km-material-dark .km-loader h1 {
    color: #fafafa
}

.km-material .km-collapsible-content, .km-material .km-collapsible-header {
    border-color: rgba(0,0,0,.12)
}

    .km-material .km-collapsible-header .km-icon {
        color: #7d7d7d
    }

.km-material .km-expanded .km-collapsible-header .km-icon {
    color: #283593
}

.km-material-dark .km-collapsible-content, .km-material-dark .km-collapsible-header {
    border-color: #4d4d4d
}

.km-material .km-detail.km-state-active, .km-material .km-state-active[style*=background] {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(128,128,128,.2);
    box-shadow: inset 0 0 0 1000px rgba(128,128,128,.2)
}

.km-material .k-slider .k-draghandle, .km-material .k-slider .k-draghandle:hover, .km-material .km-actionsheet > li > a:active, .km-material .km-actionsheet > li > a:focus, .km-material .km-badge, .km-material .km-popup .k-state-focused, .km-material .km-popup .k-state-hover, .km-material .km-popup.km-pane .k-toolbar, .km-material .km-popup.km-pane .km-tabstrip, .km-material .km-state-active .km-listview-link:after, .km-material .km-switch-label-off, .km-material .km-switch-label-on {
    color: #fafafa
}

.km-material-dark .k-slider .k-draghandle, .km-material-dark .k-slider .k-draghandle:hover, .km-material-dark .km-popup .k-state-focused, .km-material-dark .km-popup .k-state-hover, .km-material-dark .km-popup.km-pane .k-toolbar, .km-material-dark .km-popup.km-pane .km-tabstrip, .km-material-dark .km-state-active .km-listview-link:after, .km-material-dark .km-switch-label-off, .km-material-dark .km-switch-label-on {
    color: #333
}

.km-material .km-filter-wrap > input, .km-material .km-switch-handle.km-state-active {
    background: #fafafa
}

.km-material-dark .km-filter-wrap > input, .km-material-dark .km-switch-handle.km-state-active {
    background: #333
}

.km-material .k-slider-selection, .km-material .km-switch-handle {
    color: #3f51b5
}

.km-material .km-switch-background {
    color: #8591d5
}

.km-material .km-switch-off .km-switch-background {
    background-color: rgba(128,128,128,.3)
}

.km-material .k-slider .k-draghandle, .km-material .k-slider .k-draghandle:hover, .km-material .k-slider-selection, .km-material .km-actionsheet > li > a:active, .km-material .km-actionsheet > li > a:focus, .km-material .km-listview-label input[type=checkbox]:checked, .km-material .km-listview-label input[type=radio]:checked:after, .km-material .km-pages .km-current-page, .km-material .km-touch-scrollbar, .km-material li.km-state-active .km-listview-label {
    background: #3f51b5
}

.km-material .km-filter-wrap > input:focus, .km-material .km-listview-label input[type=checkbox]:checked, .km-material .km-listview-label input[type=radio]:checked {
    border-color: #3f51b5
}

.km-material-dark .k-slider-selection, .km-material-dark .km-actionsheet > li > a:active, .km-material-dark .km-actionsheet > li > a:focus, .km-material-dark .km-listview-label input[type=checkbox]:checked, .km-material-dark .km-listview-label input[type=radio]:checked:after, .km-material-dark .km-pages .km-current-page, .km-material-dark .km-touch-scrollbar, .km-material-dark li.km-state-active .km-listview-label {
    background: #55c6ff
}

.km-material-dark .km-filter-wrap > input:focus, .km-material-dark .km-listview-label input[type=checkbox]:checked, .km-material-dark .km-listview-label input[type=radio]:checked {
    border-color: #55c6ff
}

.km-material .km-badge {
    background: #da2228
}

.km-material .km-modalview .km-footer .km-button, .km-material .km-modalview .km-header .km-button, .km-material .km-popover-root .km-footer .km-button, .km-material .km-popover-root .km-header .km-button, .km-material .km-tabstrip .km-button {
    color: #3f51b5
}

.km-material-dark .km-modalview .km-footer .km-button, .km-material-dark .km-modalview .km-header .km-button, .km-material-dark .km-popover-root .km-footer .km-button, .km-material-dark .km-popover-root .km-header .km-button, .km-material-dark .km-tabstrip .km-button {
    color: #55c6ff
}

.km-material-dark .km-pages .km-current-page {
    background: #55c6ff
}

.km-material .km-tabstrip .km-button.km-state-active {
    border-color: currentcolor
}

.km-material li.km-state-active .km-listview-label, .km-material li.km-state-active .km-listview-link {
    background-color: rgba(128,128,128,.3)
}

.km-material .km-content .km-button.km-state-active {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4),0 5px 8px rgba(0,0,0,.4),inset 0 0 0 1000px rgba(128,128,128,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.4),0 5px 8px rgba(0,0,0,.4),inset 0 0 0 1000px rgba(128,128,128,.2)
}

    .km-material .km-content .km-button.km-state-active[style*=background] {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4),0 5px 8px rgba(0,0,0,.4),inset 0 0 0 1000px rgba(26,26,26,.2);
        box-shadow: 0 1px 3px rgba(0,0,0,.4),0 5px 8px rgba(0,0,0,.4),inset 0 0 0 1000px rgba(26,26,26,.2)
    }

.km-root .km-material .km-button.km-state-disabled {
    color: rgba(128,128,128,.3);
    opacity: 1
}

.km-material .km-buttongroup, .km-material .km-widget.km-navbar .km-buttongroup, .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    border-color: rgba(0,0,0,.12)
}

    .km-material .km-buttongroup .km-button, .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar .k-link {
        color: #333
    }

.km-material-dark .km-buttongroup .km-button {
    color: #fafafa
}

.km-material .km-widget.km-navbar .km-buttongroup .km-button {
    color: #fafafa
}

.km-material-dark .km-widget.km-navbar .km-buttongroup .km-button {
    color: #333
}

.km-root .km-material .km-buttongroup > .km-state-active {
    color: #3f51b5;
    background-color: transparent;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-root .km-material .km-widget.km-navbar .km-buttongroup .km-state-active, .km-root .km-material-dark .km-buttongroup > .km-state-active {
    color: #55c6ff;
    background-color: transparent;
    border-color: #55c6ff
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
    border-color: transparent
}

    .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li.k-state-selected {
        border-bottom-color: #3f51b5;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-material .km-content, .km-material .km-modalview .km-navbar, .km-material .km-popover-root .km-navbar, .km-material .km-tabstrip {
    color: #333;
    background-color: #fafafa
}

.km-material-dark .km-content, .km-material-dark .km-modalview .km-navbar, .km-material-dark .km-popover-root .km-navbar, .km-material-dark .km-tabstrip {
    color: #fafafa;
    background-color: #333
}

    .km-material-dark .km-content button {
        color: #fafafa
    }

.km-material .k-toolbar, .km-material .km-navbar {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fafafa
}

.km-material .k-toolbar, .km-material .km-navbar, .km-material .km-tabstrip {
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4),0 0 4px rgba(0,0,0,.4);
    box-shadow: 0 0 1px rgba(0,0,0,.4),0 0 4px rgba(0,0,0,.4)
}

    .km-material .k-toolbar .km-button.km-state-active, .km-material .km-navbar .km-button.km-state-active {
        color: rgba(250,250,250,.5)
    }

.km-material .km-popup .k-list-container, .km-material .km-popup .k-state-focused, .km-material .km-popup .k-state-hover, .km-material .km-popup .k-state-selected {
    border-color: #3f51b5
}

.km-material .k-toolbar .km-state-active {
    background-color: #283593
}

.km-material .km-popup .k-popup .k-item.k-state-focused, .km-material .km-popup .k-popup .k-item.k-state-selected {
    color: #333;
    background-color: rgba(128,128,128,.2)
}

.km-material .km-popup .k-popup .k-item.k-state-hover {
    color: #333
}

.km-material-dark .km-popup .k-popup .k-item.k-state-focused, .km-material-dark .km-popup .k-popup .k-item.k-state-hover, .km-material-dark .km-popup .k-popup .k-item.k-state-selected {
    color: #fafafa
}

.km-material .km-modalview {
    -webkit-box-shadow: 0 15px 30px 3px rgba(0,0,0,.3);
    box-shadow: 0 15px 30px 3px rgba(0,0,0,.3)
}

.km-material, .km-material .km-content, .km-material .km-header, .km-material .km-pane, .km-material .km-scroll-header .km-group-title, .km-material input[type=email], .km-material input[type=number], .km-material input[type=password], .km-material input[type=search], .km-material input[type=tel], .km-material input[type=text]:not(.k-input), .km-material input[type=url], .km-root .km-material textarea {
    background: #fafafa
}

.km-material-dark, .km-material-dark .km-content, .km-material-dark .km-header, .km-material-dark .km-pane, .km-material-dark .km-scroll-header .km-group-title, .km-material-dark input[type=email], .km-material-dark input[type=number], .km-material-dark input[type=password], .km-material-dark input[type=search], .km-material-dark input[type=tel], .km-material-dark input[type=text]:not(.k-input), .km-material-dark input[type=url], .km-root .km-material-dark textarea {
    background: #333
}

.km-material .k-dropdown .k-input, .km-material input, .km-material input[type=email], .km-material input[type=number], .km-material input[type=password], .km-material input[type=search], .km-material input[type=tel], .km-material input[type=text]:not(.k-input), .km-material input[type=url], .km-material select, .km-material textarea, .km-root .km-material textarea {
    color: rgba(128,128,128,.3);
    border-color: currentcolor
}

.km-material-dark .k-dropdown .k-input, .km-material-dark input, .km-material-dark input[type=email], .km-material-dark input[type=number], .km-material-dark input[type=password], .km-material-dark input[type=search], .km-material-dark input[type=tel], .km-material-dark input[type=text]:not(.k-input), .km-material-dark input[type=url], .km-material-dark select, .km-material-dark textarea, .km-root .km-material-dark textarea {
    color: rgba(255,255,255,.5)
}

.km-material input[type=checkbox], .km-material input[type=radio] {
    color: #333;
    border-color: rgba(0,0,0,.12)
}

.km-material-dark input[type=checkbox], .km-material-dark input[type=radio] {
    color: #fafafa
}

.km-material .k-slider, .km-material .km-current-page, .km-material .km-popup, .km-material .km-shim, .km-material .km-switch-on, .km-material .km-touch-scrollbar, .km-material input:checked, .km-material input:focus, .km-material input[type=text]:not(.k-input):focus, .km-material select:focus, .km-material textarea:focus {
    color: #3f51b5
}

.km-material-dark .k-dropdown .k-state-focused, .km-material-dark input:checked, .km-material-dark input[type=text]:not(.k-input):focus, .km-material-dark li.km-actionsheet-title, .km-material-dark select:focus, .km-material-dark textarea:focus, .km-material-dark.km-pane input:focus {
    color: #55c6ff
}

.km-material .km-button[data-animated] {
    -webkit-transition: -webkit-box-shadow .3s linear;
    transition: box-shadow .3s linear;
    -webkit-transition-property: -webkit-box-shadow,background-color;
    transition-property: box-shadow,background-color
}

.km-material label.km-required:after {
    color: #da2228
}

.km-material .km-list fieldset .km-inline-field, .km-material .km-list fieldset legend {
    border-color: rgba(0,0,0,.12)
}

.km-material .km-list .km-label-above .k-dropdown, .km-material .km-list .km-label-above input[type=color], .km-material .km-list .km-label-above input[type=date], .km-material .km-list .km-label-above input[type=datetime-local], .km-material .km-list .km-label-above input[type=datetime], .km-material .km-list .km-label-above input[type=email], .km-material .km-list .km-label-above input[type=file], .km-material .km-list .km-label-above input[type=month], .km-material .km-list .km-label-above input[type=number], .km-material .km-list .km-label-above input[type=password], .km-material .km-list .km-label-above input[type=search], .km-material .km-list .km-label-above input[type=tel], .km-material .km-list .km-label-above input[type=text]:not(.k-input), .km-material .km-list .km-label-above input[type=time], .km-material .km-list .km-label-above input[type=url], .km-material .km-list .km-label-above input[type=week], .km-material .km-list .km-label-above select:not([multiple]), .km-material .km-list .km-label-above textarea {
    color: #333;
    border-color: rgba(128,128,128,.3)
}

    .km-material .km-list .km-label-above .k-dropdown:focus, .km-material .km-list .km-label-above input[type=color]:focus, .km-material .km-list .km-label-above input[type=date]:focus, .km-material .km-list .km-label-above input[type=datetime-local]:focus, .km-material .km-list .km-label-above input[type=datetime]:focus, .km-material .km-list .km-label-above input[type=email]:focus, .km-material .km-list .km-label-above input[type=file]:focus, .km-material .km-list .km-label-above input[type=month]:focus, .km-material .km-list .km-label-above input[type=number]:focus, .km-material .km-list .km-label-above input[type=password]:focus, .km-material .km-list .km-label-above input[type=search]:focus, .km-material .km-list .km-label-above input[type=tel]:focus, .km-material .km-list .km-label-above input[type=text]:not(.k-input):focus, .km-material .km-list .km-label-above input[type=time]:focus, .km-material .km-list .km-label-above input[type=url]:focus, .km-material .km-list .km-label-above input[type=week]:focus, .km-material .km-list .km-label-above select:not([multiple]):focus, .km-material .km-list .km-label-above textarea:focus {
        border-color: #3f51b5
    }

.km-material .km-label-above {
    color: #a3a3a3
}

.km-material .km-icon-label {
    color: #737373
}

.km-material .km-checkbox-label:after, .km-material .km-checkbox-label:before {
    background: #fafafa;
    border-color: rgba(0,0,0,.54)
}

.km-material .km-checkbox:checked + .km-checkbox-label:after {
    color: #fafafa;
    background: #3f51b5;
    border-color: #3f51b5
}

.km-material .km-radio-label:before {
    border-color: rgba(0,0,0,.54)
}

.km-material .km-radio-label:after {
    background-color: #3f51b5
}

.km-material .km-radio:checked + .km-radio-label:before {
    border-color: #3f51b5
}

.km-material-dark .km-list .km-label-above .k-dropdown, .km-material-dark .km-list .km-label-above input[type=color], .km-material-dark .km-list .km-label-above input[type=date], .km-material-dark .km-list .km-label-above input[type=datetime-local], .km-material-dark .km-list .km-label-above input[type=datetime], .km-material-dark .km-list .km-label-above input[type=email], .km-material-dark .km-list .km-label-above input[type=file], .km-material-dark .km-list .km-label-above input[type=month], .km-material-dark .km-list .km-label-above input[type=number], .km-material-dark .km-list .km-label-above input[type=password], .km-material-dark .km-list .km-label-above input[type=search], .km-material-dark .km-list .km-label-above input[type=tel], .km-material-dark .km-list .km-label-above input[type=text]:not(.k-input), .km-material-dark .km-list .km-label-above input[type=time], .km-material-dark .km-list .km-label-above input[type=url], .km-material-dark .km-list .km-label-above input[type=week], .km-material-dark .km-list .km-label-above select:not([multiple]), .km-material-dark .km-list .km-label-above textarea {
    color: #fafafa;
    border-color: rgba(128,128,128,.3)
}

    .km-material-dark .km-list .km-label-above .k-dropdown:focus, .km-material-dark .km-list .km-label-above input[type=color]:focus, .km-material-dark .km-list .km-label-above input[type=date]:focus, .km-material-dark .km-list .km-label-above input[type=datetime-local]:focus, .km-material-dark .km-list .km-label-above input[type=datetime]:focus, .km-material-dark .km-list .km-label-above input[type=email]:focus, .km-material-dark .km-list .km-label-above input[type=file]:focus, .km-material-dark .km-list .km-label-above input[type=month]:focus, .km-material-dark .km-list .km-label-above input[type=number]:focus, .km-material-dark .km-list .km-label-above input[type=password]:focus, .km-material-dark .km-list .km-label-above input[type=search]:focus, .km-material-dark .km-list .km-label-above input[type=tel]:focus, .km-material-dark .km-list .km-label-above input[type=text]:not(.k-input):focus, .km-material-dark .km-list .km-label-above input[type=time]:focus, .km-material-dark .km-list .km-label-above input[type=url]:focus, .km-material-dark .km-list .km-label-above input[type=week]:focus, .km-material-dark .km-list .km-label-above select:not([multiple]):focus, .km-material-dark .km-list .km-label-above textarea:focus {
        border-color: #55c6ff
    }

.km-material-dark .km-checkbox-label:after, .km-material-dark .km-checkbox-label:before {
    border-color: #fafafa;
    background: #333
}

.km-material-dark .km-checkbox:checked + .km-checkbox-label:after {
    color: #333;
    background: #55c6ff;
    border-color: #55c6ff
}

.km-material-dark .km-radio-label:before {
    border-color: #fafafa
}

.km-material-dark .km-radio-label:after {
    background-color: #55c6ff
}

.km-material-dark .km-radio:checked + .km-radio-label:before {
    border-color: #55c6ff
}

.km-tablet .km-material.km-horizontal .km-navbar .km-button, .km-tablet .km-material.km-horizontal .km-toolbar .km-button {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.km-material .km-view-title {
    font-size: 1.25em;
    font-weight: 500;
    margin-top: .5em
}

.km-material .k-popup .km-button {
    text-transform: uppercase
}

.km-material .km-button {
    padding: .714em 1.143em;
    border-style: solid;
    border-width: 0;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 600
}

.km-material .km-badge, .km-material .km-detail {
    border: 0;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 5em
}

.km-material .km-detail {
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    border-width: 0;
    border-style: solid
}

.km-material .km-detaildisclose {
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em
}

    .km-material .km-detaildisclose:after, .km-material .km-detaildisclose:before {
        left: .1em;
        top: .35em
    }

.km-material .km-detail .km-icon:before {
    display: none
}

.km-material .k-toolbar .km-button, .km-material .km-navbar .km-button {
    margin-top: 0;
    margin-bottom: 0
}

.km-material .k-toolbar .km-button, .km-material .km-buttongroup .km-button, .km-material .km-navbar .km-button {
    background: 0 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .km-material .k-toolbar .km-button .km-icon, .km-material .km-navbar .km-button .km-icon {
        font-size: 1.2em
    }

.km-material .k-toolbar .km-back:before, .km-material .km-navbar .km-back:before {
    content: "\a0";
    display: inline-block;
    color: currentcolor;
    width: .8em;
    height: .8em;
    border-width: 0;
    -webkit-box-shadow: inset .25rem -.25rem 0 currentcolor;
    box-shadow: inset .25rem -.25rem 0 currentcolor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.km-material .k-toolbar .km-back .km-text, .km-material .km-navbar .km-back .km-text {
    display: none
}

.km-material .km-buttongroup > :not(:first-child):not(:last-child) {
    border-radius: 0
}

.km-material .km-buttongroup > :first-child {
    border-radius: 2px 0 0 2px;
    border-radius: 0
}

.km-material .km-buttongroup > :last-child {
    border-radius: 0 2px 2px 0;
    border-radius: 0
}

.km-material .km-buttongroup {
    margin: 0
}

.km-material .km-buttongroup {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%;
    text-align: center
}

    .km-material .km-buttongroup .km-button {
        padding: 1.429em 1.267em 1.357em;
        border-width: 0 0 2px;
        display: inline-block
    }

        .km-material .km-buttongroup .km-button:last-child {
            border-right-width: 0
        }

.km-material .km-widget.km-navbar .km-buttongroup {
    font-size: .875em;
    line-height: 1em;
    margin: 0;
    display: inline-block;
    top: 0;
    height: auto;
    margin-bottom: -1px
}

    .km-material .km-widget.km-navbar .km-buttongroup > .km-button {
        font-size: .778em;
        text-indent: 0
    }

.km-material .km-navbar {
    border: 0 solid rgba(0,0,0,.12)
}

.km-material .km-header .km-navbar {
    border-width: 0 0 0
}

.km-material .km-footer .km-navbar {
    border-width: 0 0 0
}

.km-material .km-navbar, .km-material .km-tabstrip, .km-material .km-tabstrip .km-button, .km-material .km-toolbar {
    border-radius: 0
}

    .km-material .km-navbar .km-view-title {
        line-height: 2.8em;
        margin-top: 0
    }

    .km-material .km-navbar .km-icon + .km-text {
        display: none
    }

    .km-material .km-navbar .km-no-title {
        padding-top: 0;
        padding-bottom: 0
    }

.km-material .k-toolbar {
    line-height: 2.25em
}

    .km-material .k-toolbar .k-split-button, .km-material .k-toolbar .km-button {
        padding-top: 0;
        padding-bottom: 0;
        line-height: inherit
    }

    .km-material .k-split-button .km-arrowdown, .km-material .k-toolbar .k-button-icon .km-icon, .km-material .k-toolbar .k-button-icontext .km-icon {
        width: 1em;
        height: 1em;
        font-size: 1.286em;
        vertical-align: middle;
        margin-top: -7px;
        margin-bottom: -2px;
        margin-left: -1px;
        margin-right: 1px
    }

.km-material .k-split-button .km-arrowdown {
    margin-left: 2px;
    margin-right: 1px
}

.km-material .k-split-button .k-button-icontext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.km-material .k-split-button-arrow {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.km-material .km-actionsheet.k-overflow-container > li > .km-button, .km-material .km-actionsheet.k-split-container > li > .km-button {
    min-width: 10em;
    text-align: center;
    font-size: 1.1em;
    border: 0;
    border-radius: 0
}

.km-material .km-actionsheet.k-split-container > li > .km-button {
    min-width: 5em
}

.km-material .k-overflow-wrapper .km-actionsheet-wrapper, .km-material .k-split-wrapper .km-actionsheet-wrapper {
    padding: 1px
}

html .km-material .k-overflow-container.km-actionsheet > li, html .km-material .k-split-container.km-actionsheet > li {
    margin-top: 0;
    margin-bottom: 0
}

.km-material .k-overflow-container.km-actionsheet, .km-material .k-split-container.km-actionsheet {
    border-top: 0
}

.km-material .k-toolbar .k-button-icon {
    padding: 0 .643em
}

.km-material .km-tabstrip {
    padding: 0;
    display: table;
    table-layout: fixed
}

    .km-material .km-tabstrip .km-button {
        border: 0;
        border-top: 2px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: .7em;
        display: table-cell
    }

    .km-material .km-tabstrip .km-icon:before {
        display: none
    }

.km-material .km-switch {
    width: 2.25rem;
    height: .875rem;
    line-height: .875rem;
    overflow: visible
}

.km-material .km-switch-wrapper {
    overflow: hidden
}

.km-material .k-slider-selection, .km-material .km-switch-background {
    background-position: 4.25em 0;
    background-repeat: no-repeat;
    background-color: currentcolor;
    margin-left: -1.125rem
}

.km-material .km-switch-container {
    padding: 1px 0;
    border-width: 0;
    overflow: visible
}

.km-material .km-switch-handle {
    width: 1.125em;
    height: 1.125em;
    margin: -4px 0 0;
    border-width: 0;
    border-style: solid;
    border-radius: 50%
}

.km-material .km-switch-label-off {
    left: 1.5em
}

.km-material .km-switch-label-on {
    left: -2.8em
}

.km-material .km-switch-label-off, .km-material .km-switch-label-on {
    display: none;
    text-shadow: none;
    width: 185%;
    font-size: 1em;
    line-height: 1.5em;
    vertical-align: middle
}

.km-material .km-switch-background, .km-material .km-switch-container, .km-material .km-switch-wrapper {
    border-radius: 5px
}

.km-material .km-switch-container, .km-material .km-switch-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.km-material .km-switch-background {
    width: 150%
}

.km-material .km-list {
    font-size: 1.2em
}

    .km-material .km-list > li {
        padding: 1em;
        line-height: 1.4em
    }

.km-material .km-group-container {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.km-material .km-listgroupinset, .km-material .km-listinset {
    margin: .64em 0
}

.km-material .km-group-title {
    text-indent: 1.4em;
    font-size: .9em;
    font-weight: 500
}

.km-material .km-list .km-icon {
    font-size: 1.5em;
    vertical-align: middle
}

.km-material .km-icon:before {
    margin-top: 0
}

.km-material .km-contactadd:before, .km-material .km-detaildisclose:before, .km-material .km-rowdelete:before, .km-material .km-rowinsert:before {
    display: none
}

.km-material .km-contactadd:after, .km-material .km-rowdelete:after, .km-material .km-rowinsert:after {
    font-size: 1.4em
}

.km-material .km-listview-label, .km-material .km-listview-link {
    margin: -1em -1em;
    padding: 1em 1em
}

.km-material .km-detail {
    width: 2em;
    height: 2em;
    margin-top: -1em
}

.km-material .km-detaildisclose {
    font-size: .86em
}

.km-material .km-list > li {
    border-style: solid;
    border-width: 0
}

.km-material .km-listgroupinset .km-list > li:first-child, .km-material .km-listinset > li:first-child {
    border-style: solid;
    border-width: 0;
    border-radius: 0
}

.km-material .km-listgroupinset .km-list > li, .km-material .km-listinset > li {
    border-width: 0
}

    .km-material .km-listgroupinset .km-list > li:last-child, .km-material .km-listinset > li:last-child {
        border-style: solid;
        border-width: 0;
        border-radius: 0
    }

    .km-material .km-listgroupinset .km-list > li:first-child:last-child, .km-material .km-listinset > li:first-child:last-child {
        border-width: 0;
        border-radius: 2px
    }

.km-material .km-listview-link:after {
    display: none
}

.km-material .km-listgroupinset li:first-child > .km-listview-label, .km-material .km-listgroupinset li:first-child > .km-listview-link, .km-material .km-listinset li:first-child > .km-listview-label, .km-material .km-listinset li:first-child > .km-listview-link {
    border-radius: 1px 1px 0 0
}

.km-material .km-listgroupinset li:last-child > .km-listview-label, .km-material .km-listgroupinset li:last-child > .km-listview-link, .km-material .km-listinset li:last-child > .km-listview-label, .km-material .km-listinset li:last-child > .km-listview-link {
    border-radius: 0 0 1px 1px
}

.km-material .km-listgroupinset li:first-child:last-child > .km-listview-label, .km-material .km-listgroupinset li:first-child:last-child > .km-listview-link, .km-material .km-listinset li:first-child:last-child > .km-listview-label, .km-material .km-listinset li:first-child:last-child > .km-listview-link {
    border-radius: 1px
}

.km-material .km-group-title {
    border-style: solid;
    border-width: 0 0
}

.km-material .km-scroll-header .km-group-title {
    border-width: 0 0 0
}

.km-material .km-listgroupinset .km-group-title {
    border: 0;
    background: 0 0
}

.km-material .km-listview .km-switch {
    margin-top: -.44rem
}

.km-material .km-listview-wrapper form .km-filter-wrap > input {
    font-size: 1.2em;
    padding: .3em 1.8em
}

.km-material .km-filter-wrap:before {
    margin: .05em -1.3em 0 .3em
}

.km-material .km-filter-reset {
    margin: .05em 0 0 -2em
}

    .km-material .km-filter-reset .km-clear:after {
        content: "\e038"
    }

.km-material .km-filter-wrap > input {
    border-radius: 2px;
    border-width: 0;
    border-style: solid
}

    .km-material .km-filter-wrap > input:focus {
        border-width: 0;
        border-style: solid
    }

.km-material .km-pages {
    padding-top: .4em
}

    .km-material .km-pages li {
        border-radius: 1em
    }

.km-material .k-slider .k-draghandle, .km-material .k-slider .k-draghandle:hover {
    border: 0;
    border-radius: 5em
}

.km-material .k-slider-track {
    margin: -.5em .5em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: .5em;
    background-color: rgba(128,128,128,.3)
}

.km-material .k-slider-selection {
    margin-left: 0
}

.km-material .km-list .k-dropdown-wrap, .km-material .km-list input[type=color], .km-material .km-list input[type=date], .km-material .km-list input[type=datetime-local], .km-material .km-list input[type=datetime], .km-material .km-list input[type=email], .km-material .km-list input[type=month], .km-material .km-list input[type=number], .km-material .km-list input[type=password], .km-material .km-list input[type=search], .km-material .km-list input[type=tel], .km-material .km-list input[type=text]:not(.k-input), .km-material .km-list input[type=time], .km-material .km-list input[type=url], .km-material .km-list input[type=week], .km-material .km-list select:not([multiple]), .km-material .km-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.1rem;
    min-width: 6em;
    padding: .4em;
    outline: 0;
    background: 0 0
}

.km-material .km-list .k-dropdown-wrap {
    padding: .2em
}

.km-material .km-list .k-dropdown, .km-material .km-list input[type=color], .km-material .km-list input[type=date], .km-material .km-list input[type=datetime-local], .km-material .km-list input[type=datetime], .km-material .km-list input[type=month], .km-material .km-list input[type=time], .km-material .km-list input[type=week] {
    text-align: left
}

    .km-material .km-list .k-dropdown .k-dropdown-wrap {
        display: block;
        border-radius: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.km-material .km-listview-label input[type=checkbox] {
    margin-top: -.7em
}

.km-material .km-listview-label input[type=checkbox], .km-material .km-listview-label input[type=radio] {
    border-width: 2px;
    border-style: solid;
    width: 1.2em;
    height: 1.2em;
    border-radius: 2px
}

.km-material .km-listview-label input[type=radio] {
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%
}

    .km-material .km-listview-label input[type=checkbox]:after, .km-material .km-listview-label input[type=radio]:checked:after {
        content: "\a0";
        display: block;
        width: 90%;
        height: 76%;
        -webkit-transform: scale(.9,1);
        -ms-transform: scale(.9,1);
        transform: scale(.9,1);
        -webkit-transform-origin: 10% 50%;
        -ms-transform-origin: 10% 50%;
        transform-origin: 10% 50%
    }

    .km-material .km-listview-label input[type=radio]:checked:after {
        margin: 11% 0 0 11%;
        height: 85%;
        border-radius: 50%
    }

.km-material .km-listview-label input[type=checkbox]:checked:after {
    font-size: 1em
}

.km-material .km-list .km-icon.km-check {
    font-size: 1.071em
}

.km-material .k-dropdown, .km-material input[type=color], .km-material input[type=date], .km-material input[type=datetime-local], .km-material input[type=datetime], .km-material input[type=email], .km-material input[type=month], .km-material input[type=number], .km-material input[type=password], .km-material input[type=search], .km-material input[type=tel], .km-material input[type=text]:not(.k-input), .km-material input[type=time], .km-material input[type=url], .km-material input[type=week], .km-material select:not([multiple]), .km-material textarea {
    padding: .4em;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-material .km-list .k-dropdown, .km-material .km-list input[type=color], .km-material .km-list input[type=date], .km-material .km-list input[type=datetime-local], .km-material .km-list input[type=datetime], .km-material .km-list input[type=email], .km-material .km-list input[type=month], .km-material .km-list input[type=number], .km-material .km-list input[type=password], .km-material .km-list input[type=search], .km-material .km-list input[type=tel], .km-material .km-list input[type=text]:not(.k-input), .km-material .km-list input[type=time], .km-material .km-list input[type=url], .km-material .km-list input[type=week], .km-material .km-list select:not([multiple]) {
    margin-top: -1.05em;
    width: 45%;
    right: 1em;
    font-size: 1em
}

.km-material .km-list .k-dropdown {
    margin-top: -1.5em;
    font-weight: 400;
    padding: 0
}

.km-native-scrolling .km-material .km-list input[type=color], .km-native-scrolling .km-material .km-list input[type=date], .km-native-scrolling .km-material .km-list input[type=datetime-local], .km-native-scrolling .km-material .km-list input[type=datetime], .km-native-scrolling .km-material .km-list input[type=email], .km-native-scrolling .km-material .km-list input[type=month], .km-native-scrolling .km-material .km-list input[type=number], .km-native-scrolling .km-material .km-list input[type=password], .km-native-scrolling .km-material .km-list input[type=search], .km-native-scrolling .km-material .km-list input[type=tel], .km-native-scrolling .km-material .km-list input[type=text]:not(.k-input), .km-native-scrolling .km-material .km-list input[type=time], .km-native-scrolling .km-material .km-list input[type=url], .km-native-scrolling .km-material .km-list input[type=week], .km-native-scrolling .km-material .km-list select:not([multiple]), .km-native-scrolling .km-material .km-list textarea {
    position: static;
    float: right;
    margin-top: 0;
    margin-bottom: -.2em
}

.km-material input[type=file] {
    padding: .25em;
    outline: 0
}

.km-material textarea {
    outline: 0;
    border-width: 0 0 1px;
    margin-right: 0
}

.km-material .k-dropdown .k-input {
    border-radius: 0
}

.km-material input[type=email], .km-material input[type=number], .km-material input[type=password], .km-material input[type=search], .km-material input[type=tel], .km-material input[type=text]:not(.k-input), .km-material input[type=url] {
    outline-width: 2px;
    outline-style: solid;
    outline-offset: -5px;
    border-width: 0 0 1px;
    border-style: solid
}

    .km-material input[type=email]:focus, .km-material input[type=number]:focus, .km-material input[type=password]:focus, .km-material input[type=search]:focus, .km-material input[type=tel]:focus, .km-material input[type=text]:not(.k-input):focus, .km-material input[type=url]:focus, .km-material textarea:focus {
        outline-offset: -6px
    }

.km-material .k-dropdown .k-dropdown-wrap, .km-material input[type=color], .km-material input[type=date], .km-material input[type=datetime-local], .km-material input[type=datetime], .km-material input[type=month], .km-material input[type=time], .km-material input[type=week], .km-material select:not([multiple]) {
    border-width: 0 0 1px;
    border-style: solid;
    margin-bottom: 1px;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.km-material input[type=email]:focus, .km-material input[type=number]:focus, .km-material input[type=password]:focus, .km-material input[type=search]:focus, .km-material input[type=tel]:focus, .km-material input[type=text]:not(.k-input):focus, .km-material input[type=url]:focus {
    border-width: 0 0 2px
}

.km-material .k-slider-horizontal {
    margin-top: 0;
    height: .1em
}

.km-material .k-slider .k-draghandle {
    width: .857em;
    height: .857em;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5em;
    border: 0
}

.km-material .k-slider-horizontal .k-draghandle {
    top: 2px
}

.km-material .k-slider-vertical .k-draghandle {
    left: -.35em
}

    .km-material .k-slider-vertical .k-draghandle.k-state-focused {
        margin-left: 0
    }

.km-material .k-slider-horizontal .k-slider-selection {
    margin-top: 0
}

.km-material .k-slider-vertical .k-slider-selection {
    margin-left: -.1em;
    width: .143em
}

.km-material .k-slider-horizontal .k-slider-track {
    height: .143em
}

.km-material .k-slider-vertical .k-slider-track {
    width: .143em
}

.km-material .k-slider-selection {
    margin-left: 0
}

.km-material .k-slider .k-draghandle, .km-material .k-slider .k-draghandle:hover {
    margin-top: -.5em;
    padding: 0;
    background-clip: content-box;
    -webkit-background-clip: content-box
}

    .km-material .k-slider .k-draghandle:before {
        content: "\a0";
        display: block;
        margin-top: -.5em;
        margin-left: -.5em;
        width: 100%;
        height: 100%;
        opacity: .3;
        border-radius: 5em;
        padding: .5em;
        margin-bottom: .5em
    }

    .km-material .k-slider .k-draghandle:active:before {
        opacity: .4
    }

.km-material .km-popup .k-popup .k-item.k-state-hover {
    cursor: pointer
}

.km-material .km-list .km-label-above .k-dropdown-wrap {
    display: block;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

    .km-material .km-list .km-label-above .k-dropdown-wrap .k-input {
        text-indent: 0;
        padding: .2em 0
    }

.km-material .km-label-above {
    width: 100%;
    font-size: .87em;
    display: block;
    padding: .75em 0 1.5em;
    margin-top: -1.3em;
    margin-bottom: -1.5em
}

    .km-material .km-label-above textarea {
        top: 50%
    }

.km-material .km-label-above, .km-material label.km-inline-field {
    font-size: .72em;
    line-height: 1.2em;
    padding-top: .92em;
    padding-bottom: 3.3em
}

.km-material .km-list .km-label-above .k-dropdown, .km-material .km-list .km-label-above input[type=color], .km-material .km-list .km-label-above input[type=date], .km-material .km-list .km-label-above input[type=datetime-local], .km-material .km-list .km-label-above input[type=datetime], .km-material .km-list .km-label-above input[type=email], .km-material .km-list .km-label-above input[type=file], .km-material .km-list .km-label-above input[type=month], .km-material .km-list .km-label-above input[type=number], .km-material .km-list .km-label-above input[type=password], .km-material .km-list .km-label-above input[type=search], .km-material .km-list .km-label-above input[type=tel], .km-material .km-list .km-label-above input[type=text]:not(.k-input), .km-material .km-list .km-label-above input[type=time], .km-material .km-list .km-label-above input[type=url], .km-material .km-list .km-label-above input[type=week], .km-material .km-list .km-label-above select:not([multiple]), .km-material .km-list .km-label-above textarea {
    width: 100%;
    left: .89em;
    font-size: 1.2rem;
    margin-top: 0;
    padding: 0
}

.km-material .km-list .km-inline-field .k-dropdown, .km-material .km-list .km-inline-field input[type=color], .km-material .km-list .km-inline-field input[type=date], .km-material .km-list .km-inline-field input[type=datetime-local], .km-material .km-list .km-inline-field input[type=datetime], .km-material .km-list .km-inline-field input[type=email], .km-material .km-list .km-inline-field input[type=file], .km-material .km-list .km-inline-field input[type=month], .km-material .km-list .km-inline-field input[type=number], .km-material .km-list .km-inline-field input[type=password], .km-material .km-list .km-inline-field input[type=search], .km-material .km-list .km-inline-field input[type=tel], .km-material .km-list .km-inline-field input[type=text]:not(.k-input), .km-material .km-list .km-inline-field input[type=time], .km-material .km-list .km-inline-field input[type=url], .km-material .km-list .km-inline-field input[type=week], .km-material .km-list .km-inline-field select:not([multiple]), .km-material .km-list .km-inline-field textarea {
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-material .km-list .km-inline-field:first-of-type .k-dropdown, .km-material .km-list .km-inline-field:first-of-type input[type=color], .km-material .km-list .km-inline-field:first-of-type input[type=date], .km-material .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-material .km-list .km-inline-field:first-of-type input[type=datetime], .km-material .km-list .km-inline-field:first-of-type input[type=email], .km-material .km-list .km-inline-field:first-of-type input[type=file], .km-material .km-list .km-inline-field:first-of-type input[type=month], .km-material .km-list .km-inline-field:first-of-type input[type=number], .km-material .km-list .km-inline-field:first-of-type input[type=password], .km-material .km-list .km-inline-field:first-of-type input[type=search], .km-material .km-list .km-inline-field:first-of-type input[type=tel], .km-material .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-material .km-list .km-inline-field:first-of-type input[type=time], .km-material .km-list .km-inline-field:first-of-type input[type=url], .km-material .km-list .km-inline-field:first-of-type input[type=week], .km-material .km-list .km-inline-field:first-of-type select:not([multiple]), .km-material .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-material .km-inline-field {
    display: inline-block;
    position: relative;
    width: -webkit-calc(48.39%);
    width: calc(48.39%);
    overflow: hidden;
    white-space: nowrap
}

.km-material .km-list fieldset .km-inline-field:first-of-type {
    padding-left: 0
}

.km-material .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-material .km-legend-button {
    display: block;
    padding: 1.17em 1.61em .39em;
    margin: -1.17em -1.61em -.39em
}

.km-material .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -1.18em -1.61em
}

    .km-material .km-list fieldset > .k-dropdown-wrap, .km-material .km-list fieldset > input[type=color], .km-material .km-list fieldset > input[type=date], .km-material .km-list fieldset > input[type=datetime-local], .km-material .km-list fieldset > input[type=datetime], .km-material .km-list fieldset > input[type=email], .km-material .km-list fieldset > input[type=month], .km-material .km-list fieldset > input[type=number], .km-material .km-list fieldset > input[type=password], .km-material .km-list fieldset > input[type=search], .km-material .km-list fieldset > input[type=tel], .km-material .km-list fieldset > input[type=text]:not(.k-input), .km-material .km-list fieldset > input[type=time], .km-material .km-list fieldset > input[type=url], .km-material .km-list fieldset > input[type=week], .km-material .km-list fieldset > select:not([multiple]) {
        width: 100%;
        position: relative;
        padding: 1.23em 0;
        margin-top: 0;
        right: auto
    }

    .km-material .km-list fieldset legend {
        margin: 0 -1.61em;
        font-weight: 400;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding: 1.28em 1.61em .55em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .km-material .km-list fieldset .km-inline-field {
        margin-top: 0;
        margin-left: 0;
        padding-left: 1.61em;
        border-right-width: 1px;
        border-right-style: solid
    }

.km-material .km-list .km-full-width-slider {
    position: relative;
    margin-top: 0;
    padding: 1.55em 0;
    width: auto;
    display: block
}

.km-material .km-checkbox-label, .km-material .km-radio-label {
    font-size: 1em;
    line-height: 1.2em;
    margin-left: .89em
}

    .km-material .km-checkbox-label:after, .km-material .km-checkbox-label:before {
        font-size: 1.2em;
        right: 1em;
        width: 1.3rem;
        height: 1.3rem;
        border-width: 2px;
        border-style: solid;
        border-radius: 2px;
        text-align: center
    }

.km-material .km-radio-label {
    line-height: 1.5em;
    margin-left: .89em
}

    .km-material .km-radio-label:before {
        width: 1.3rem;
        height: 1.3rem;
        border-width: 2px;
        border-style: solid;
        right: 1em;
        left: auto
    }

.km-material input.km-radio:checked + .km-radio-label:after {
    width: .9rem;
    height: .9rem;
    top: 50%;
    right: 1.33em;
    left: auto
}

.km-material .km-actionsheet > li > a {
    font-weight: 400;
    text-align: left;
    padding: 1em 1.2em;
    display: block;
    margin: 0
}

.km-material .km-actionsheet > li:last-child > a {
    border: 0
}

.km-material .km-popup li.km-actionsheet-title, .km-material .km-shim li.km-actionsheet-title {
    display: none
}

.km-material .km-actionsheet-wrapper.km-popup {
    padding: 2px 0
}

.km-material .km-widget.km-actionsheet-wrapper {
    width: 100%;
    border: 0;
    padding: .55em 0
}

.km-material .km-popup.km-pane .km-navbar, .km-material .km-popup.km-pane .km-tabstrip, .km-material .km-popup.km-pane .km-toolbar {
    background: 0 0
}

.km-material .km-popup.km-pane .km-header {
    border-radius: 2px 2px 0 0;
    -webkit-margin-collapse: separate
}

.km-material .km-popup-arrow:after {
    border-style: solid;
    border-width: 0 15px 15px
}

.km-material .km-down .km-popup-arrow:before {
    margin-top: -1px
}

.km-material .km-up .km-popup-arrow:after {
    border-width: 15px 15px 0 15px
}

.km-material .km-left .km-popup-arrow:after {
    border-width: 15px 0 15px 15px
}

.km-material .km-right .km-popup-arrow:after {
    border-width: 15px 15px 15px 0
}

.km-material .km-modalview {
    border-radius: 2px
}

.km-material .km-scroll-container:after {
    content: "";
    display: block;
    clear: both
}

.km-material .km-modalview .km-navbar .km-rightitem {
    right: 1.2em
}

.km-material .km-touch-scrollbar {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1em
}

.km-material .km-touch-scrollbar {
    width: .143em
}

.km-nova {
    font: 400 1em "Helvetica Neue",Helvetica,"Roboto Light",Arial,Verdana,sans-serif;
    line-height: 1.2
}

    .km-nova h1 {
        font-size: 1.47em
    }

    .km-nova h2 {
        font-size: 1.2em
    }

    .km-nova h3 {
        font-size: 1.07em
    }

    .km-nova h4 {
        font-size: .9em
    }

    .km-nova h5 {
        font-size: .87em
    }

    .km-nova h6 {
        font-size: .67em
    }

    .km-nova p {
        font-size: .87em
    }

    .km-nova .km-icon:after, .km-nova .km-icon:before {
        text-align: center
    }

    .km-nova .km-button .km-icon, .km-nova .km-detail .km-icon {
        margin-left: 0;
        margin-right: .8em
    }

    .km-nova .km-list .km-icon {
        margin-left: 0;
        margin-right: 1rem
    }

.km-root .km-nova .km-filter-reset, .km-root .km-nova .km-group-title, .km-root .km-nova .km-shim .k-animation-container, .km-root .km-nova .km-slider, .km-root .km-nova .km-switch, .km-root .km-nova .km-view, .km-root .km-nova.km-pane {
    -webkit-transform: none
}

.km-nova, .km-nova * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

    .km-nova [class^=k-] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .km-nova .km-tabstrip .km-button {
        background: 0 0
    }

    .km-nova .km-popup .k-popup {
        font-size: 1em !important
    }

    .km-nova .km-actionsheet > li > a, .km-nova .km-popup .k-item {
        display: block;
        text-decoration: none;
        border-radius: 0;
        border-width: 0 0 1px;
        border-style: solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 1.14em .7em
    }

    .km-nova .km-popup {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .km-nova .km-popup .k-list-container {
            width: 100% !important;
            height: auto !important;
            padding: 0
        }

        .km-nova .km-actionsheet, .km-nova .km-popup .k-list-container {
            max-height: 80%
        }

        .km-nova .km-actionsheet-wrapper, .km-nova .km-popup .k-list-container {
            bottom: 0;
            border-style: solid;
            border-radius: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-width: 1px
        }

    .km-nova .km-shim .k-animation-container {
        left: 0;
        top: auto;
        bottom: 0
    }

    .km-nova .km-popup-wrapper {
        padding: 15px
    }

    .km-nova h1, .km-nova h2, .km-nova h3, .km-nova h4, .km-nova h5, .km-nova h6, .km-nova p {
        color: #32364c
    }

    .km-nova .km-content {
        color: #32364c;
        background-color: #fff
    }

    .km-nova .km-actionsheet-root, .km-nova .km-popup, .km-nova .km-shim, .km-phone .km-nova .km-actionsheet-wrapper {
        background: rgba(0,0,0,.4)
    }

    .km-nova .km-button {
        color: #888e90;
        background: #fff;
        border-color: #888e90
    }

        .km-nova .km-button.km-state-active {
            background: #f5f6f6
        }

    .km-nova .km-primary {
        color: #fff;
        background: #ff4350;
        border-color: #ff4350
    }

    .km-nova .km-icon-button, .km-nova .km-list .km-icon-button .km-icon {
        color: #fff
    }

    .km-nova .km-primary.km-state-active {
        background: #e63c48;
        border-color: #e63c48
    }

    .km-nova .km-link-button {
        color: #00acc1;
        border-color: transparent
    }

    .km-nova .km-external-link, .km-nova a:not([class]) {
        color: #00acc1
    }

    .km-nova .km-footer {
        background: #32364c
    }

    .km-nova .k-toolbar, .km-nova .km-navbar, .km-nova .km-tabstrip {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#2e3246),to(#242736));
        background-image: -webkit-linear-gradient(top,#2e3246 0,#242736 100%);
        background-image: linear-gradient(to bottom,#2e3246 0,#242736 100%)
    }

    .km-nova .km-vertical-tabstrip {
        background-color: #242736
    }

    .km-nova .k-toolbar, .km-nova .k-toolbar .km-back:before, .km-nova .k-toolbar .km-button, .km-nova .k-toolbar .km-icon, .km-nova .km-navbar, .km-nova .km-navbar .km-back:before, .km-nova .km-navbar .km-button, .km-nova .km-tabstrip, .km-nova .km-view-title {
        color: #fff
    }

        .km-nova .km-tabstrip .km-button {
            color: #fff;
            background: 0 0;
            border-color: transparent
        }

            .km-nova .km-tabstrip .km-button.km-state-active {
                background-image: -webkit-gradient(linear,left top,left bottom,from(#202333),to(#081421));
                background-image: -webkit-linear-gradient(top,#202333 0,#081421 100%);
                background-image: linear-gradient(to bottom,#202333 0,#081421 100%)
            }

    .km-nova .km-drawer .km-listview li.km-state-active, .km-nova .km-drawer .km-navbar, .km-nova .km-drawer .km-vertical-tabstrip .km-button.km-state-active {
        background: #1e202d
    }

    .km-nova .km-light .km-view-title {
        color: #ff4350
    }

    .km-nova .km-light.k-toolbar, .km-nova .km-light.km-navbar, .km-nova .km-light.km-tabstrip {
        background: #fff;
        -webkit-box-shadow: 0 1px 40px 4px #f8fafb;
        box-shadow: 0 1px 40px 4px #f8fafb
    }

    .km-nova .km-accent.k-toolbar, .km-nova .km-accent.km-navbar, .km-nova .km-accent.km-tabstrip, .km-nova .km-drawer .km-listview li.km-state-active:before, .km-nova .km-vertical-tabstrip .km-button.km-state-active:before {
        background: #ff4350
    }

    .km-nova .km-listview-label:after, .km-nova .km-listview-link:after {
        border-color: #cacdce
    }

    .km-nova .km-drawer .km-list .km-listview-label:after, .km-nova .km-drawer .km-list .km-listview-link:after {
        border-color: #fff;
        opacity: .3
    }

    .km-nova .km-touch-scrollbar {
        background: #32364c
    }

    .km-nova .km-light.k-toolbar .km-back:before, .km-nova .km-light.km-navbar .km-back:before, .km-nova .km-light.km-navbar .km-button {
        color: #ff4350
    }

    .km-nova .k-toolbar .km-button, .km-nova .km-navbar .km-button {
        background: 0 0;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .km-nova .km-buttongroup .km-button {
        border-color: #9ca6a6
    }

    .km-nova .km-buttongroup .km-state-active {
        color: #fff;
        background-color: #9ca6a6
    }

    .km-nova .km-buttongroup.km-primary .km-button {
        color: #ff4350;
        border-color: #ff4350
    }

    .km-nova .km-buttongroup.km-primary .km-state-active {
        color: #fff;
        background-color: #ff4350
    }

    .km-nova .km-inverse .km-button {
        color: #fff;
        background-color: #9ca6a6;
        border-color: #fff
    }

    .km-nova .km-inverse .km-state-active {
        color: #9ca6a6;
        background-color: #fff
    }

    .km-nova .km-inverse.km-primary .km-button {
        color: #fff;
        border-color: #fff;
        background-color: #ff4350
    }

    .km-nova .km-inverse.km-primary .km-state-active {
        color: #ff4350;
        background-color: #fff
    }

    .km-nova .km-accent.k-toolbar, .km-nova .km-accent.k-toolbar .km-back:before, .km-nova .km-accent.km-navbar, .km-nova .km-accent.km-navbar .km-back:before, .km-nova .km-accent.km-navbar .km-button, .km-nova .km-accent.km-tabstrip {
        color: #fff
    }

    .km-nova .km-navbar .km-buttongroup .km-button {
        border-color: #fff
    }

    .km-nova .km-navbar .km-buttongroup .km-state-active {
        color: #32364c;
        background-color: #fff
    }

    .km-nova .km-list > li {
        border-color: #dfe1e2;
        color: #32364c
    }

        .km-nova .km-list > li.km-load-more {
            border-color: transparent
        }

        .km-nova .km-collapsible-header, .km-nova .km-collapsible-header h1, .km-nova .km-collapsible-header h2, .km-nova .km-collapsible-header h3, .km-nova .km-collapsible-header h4, .km-nova .km-collapsible-header h5, .km-nova .km-collapsible-header h6, .km-nova .km-legend-button, .km-nova .km-list > li > .km-listview-link {
            color: #ff4350
        }

    .km-nova .km-drawer a, .km-nova .km-legend-button {
        text-decoration: none
    }

    .km-nova .km-checkbox-label, .km-nova .km-list fieldset input, .km-nova .km-list fieldset textarea, .km-nova .km-list > li label, .km-nova .km-radio-label {
        color: #9da2a4
    }

    .km-nova .km-list fieldset .km-inline-field {
        border-color: #dfe1e2
    }

    .km-nova label.km-required:after {
        color: #ff4350
    }

    .km-nova .km-group-title, .km-nova .km-list fieldset legend, .km-nova .km-shim li.km-actionsheet-title {
        background: #f8fafb;
        border-color: #dfe1e2;
        color: #32364c
    }

    .km-nova .km-popup .k-state-focused, .km-nova .km-popup .k-state-selected {
        color: #f8fafb;
        background: #ff4350
    }

    .km-nova .km-drawer {
        color: #fff;
        background-color: #2a2d40
    }

        .km-nova .km-drawer .km-content {
            background-color: #2a2d40
        }

        .km-nova .km-drawer .km-group-title {
            color: #fff;
            background-color: #14151e;
            border-color: #3c415b
        }

        .km-nova .km-drawer .km-list > li {
            border-color: #3c415b
        }

            .km-nova .km-drawer .km-list > li, .km-nova .km-drawer .km-list > li .km-icon, .km-nova .km-drawer .km-list > li > .km-listview-link {
                color: #fff
            }

    .km-nova .km-thumbnail {
        border-color: #dfe1e2
    }

    .km-nova .km-listview-link:after {
        color: #dfe1e2
    }

    .km-nova .km-filter-wrap {
        background: #f8fafb;
        color: #32364c
    }

        .km-nova .km-filter-wrap .km-clear, .km-nova .km-filter-wrap:before {
            color: #cacdce
        }

    .km-nova .k-slider .k-slider-track {
        background-color: #dfe1e2;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .km-nova .k-slider-selection {
        background-color: #ff4350;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .km-nova .k-slider .k-draghandle, .km-nova .k-slider .k-draghandle:hover {
        background-color: #fff;
        -webkit-box-shadow: 0 .202rem .403rem 0 rgba(0,0,0,.3);
        box-shadow: 0 .202rem .403rem 0 rgba(0,0,0,.3)
    }

    .km-nova .km-switch-wrapper {
        border-color: #ff4350;
        background-color: #ff4350
    }

    .km-nova .km-switch-off .km-switch-container {
        -webkit-box-shadow: inset 0 .202rem .403rem 0 #dee7ec;
        box-shadow: inset 0 .202rem .403rem 0 #dee7ec;
        border-color: #f8fafb;
        background-color: #f8fafb
    }

    .km-nova span.km-switch {
        color: #ff4350
    }

    .km-nova span.km-switch-off {
        color: #f8fafb
    }

    .km-nova .km-switch-off .km-switch-wrapper {
        background-color: #f8fafb;
        border-color: #f8fafb
    }

    .km-nova .km-switch-handle {
        background: #fff;
        -webkit-box-shadow: 0 .202rem .403rem 0 rgba(0,0,0,.3);
        box-shadow: 0 .202rem .403rem 0 rgba(0,0,0,.3);
        border-color: #dee7ec
    }

    .km-nova .km-scrollview-dark {
        background-color: #32364c
    }

    .km-nova .km-pages li {
        background: rgba(255,255,255,.2);
        border-color: #dfe1e2
    }

    .km-nova .km-pages .km-current-page {
        background: #dfe1e2
    }

    .km-nova input[type=checkbox], .km-nova input[type=radio] {
        color: #ff4350;
        border-color: #dee7ec
    }

        .km-nova input[type=checkbox]:checked:after {
            color: #ff4350
        }

        .km-nova input[type=radio]:checked:after, .km-nova.km-on-android .km-view input[type=radio].km-check:checked:after {
            background: #ff4350
        }

    .km-nova .km-checkbox:checked + .km-checkbox-label:after {
        color: #ff4350;
        border-color: #dee7ec
    }

    .km-nova .km-checkbox-label:before {
        border-color: transparent
    }

    .km-nova .km-checkbox-label:after, .km-nova .km-radio-label:after {
        color: #dee7ec
    }

    .km-nova .km-radio:checked + .km-radio-label:after {
        background: #ff4350
    }

    .km-nova .km-modalview, .km-nova .km-modalview .km-footer .km-rightitem {
        background: #fff
    }

        .km-nova .km-modalview .km-footer .km-button {
            color: #59859b;
            border-color: #dfe1e2
        }

            .km-nova .km-modalview .km-footer .km-button.km-state-active, .km-nova .km-modalview .km-footer .km-rightitem .km-button:last-child {
                color: #00acc1
            }

    .km-nova .km-actionsheet > li > a, .km-nova .km-popup .k-item {
        color: #32364c;
        background: #fff
    }

    .km-nova .km-actionsheet > li:nth-last-child(2) > a {
        -webkit-border-image: none;
        border-image: none
    }

    .km-nova .km-actionsheet-wrapper, .km-nova .km-actionsheet > li > a, .km-nova .km-footer .km-tabstrip .km-button, .km-nova .km-popup .k-item, .km-nova .km-popup .k-list-container, .km-nova .km-shim li.km-actionsheet-title {
        border-color: #dfe1e2
    }

    .km-nova .km-actionsheet > .km-actionsheet-cancel > a {
        color: #32364c
    }

    .km-nova .km-popup.km-pane, .km-tablet .km-nova .km-actionsheet-wrapper {
        background-color: #fff
    }

    .km-nova .km-collapsible-content, .km-nova .km-collapsible-header {
        background: #fff;
        border-color: #dee7ec
    }

    .km-nova .km-collapsible-content {
        color: #32364c
    }

    .km-nova .km-collapsible-header .km-icon, .km-nova .km-expanded .km-collapsible-header .km-icon {
        color: #cacdce
    }

    .km-nova .km-loader {
        background: rgba(0,0,0,.05)
    }

    .km-nova .km-detail, .km-nova .km-detail .km-icon:after {
        color: #ff4350;
        background: #fff
    }

    .km-nova .km-list > li .km-style-default .km-icon:after {
        color: #32364c
    }

    .km-nova .km-list > li .km-style-info .km-icon:after {
        color: #2196f3
    }

    .km-nova .km-list > li .km-style-success .km-icon:after {
        color: #00c853
    }

    .km-nova .km-list > li .km-style-warning .km-icon:after {
        color: #f9a825
    }

    .km-nova .km-list > li .km-style-error .km-icon:after {
        color: #f44336
    }

    .km-nova .km-badge {
        color: #fff;
        background: #ff4350;
        border-color: #ff4350
    }

    .km-nova .km-loading-left:before {
        background: #32364c
    }

    .km-nova .km-loading-left:after {
        background: #dfe1e2
    }

    .km-nova span.km-loading-right {
        background: #fff
    }

    .km-nova .km-list fieldset .km-legend-button.km-invalid, .km-nova .km-list > li label.km-invalid, .km-nova .km-list > li label.km-invalid.km-required:after {
        color: #f9a825
    }

    .km-nova .km-invalid-msg {
        background: #f9a825
    }

    .km-nova .km-invalid-msg {
        color: #fff
    }

.km-tablet .km-nova.km-horizontal .km-navbar .km-button, .km-tablet .km-nova.km-horizontal .km-toolbar .km-button {
    margin-top: 0;
    margin-bottom: 0
}

.km-nova .km-contactadd:before, .km-nova .km-detaildisclose:before, .km-nova .km-icon:before, .km-nova .km-rowdelete:before, .km-nova .km-rowinsert:before {
    margin-top: 0
}

.km-nova .km-load-more {
    height: 3.4em
}

    .km-nova .km-load-more .km-button {
        margin: -1.09em .8em 0;
        display: block
    }

.km-nova .km-scroller-pull, .km-nova .km-scroller-refresh.km-load-more {
    border-radius: 50%;
    overflow: visible
}

.km-nova .km-loader {
    left: 45%;
    margin: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

    .km-nova .km-loader .km-loading {
        -webkit-animation: none;
        animation: none;
        display: none
    }

.km-nova .km-loading-left, .km-nova .km-loading-right {
    background: 0 0
}

.km-nova .km-loading-left, .km-nova .km-loading-right, .km-nova .km-scroller-refresh .km-icon {
    position: absolute;
    top: 50%;
    left: 45%
}

.km-nova .km-scroller-pull .km-loading-left, .km-nova .km-scroller-pull .km-loading-right, .km-nova .km-scroller-refresh > .km-icon {
    display: none
}

.km-nova .km-scroller-refresh .km-loading-left, .km-nova .km-scroller-refresh .km-loading-right {
    display: block
}

.km-nova .km-scroller-refresh .km-icon, .km-nova .km-scroller-refresh .km-loading-left, .km-nova .km-scroller-refresh .km-loading-right {
    top: 0;
    left: 0
}

    .km-nova .km-scroller-refresh .km-icon:before {
        content: "\a0";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 12px;
        height: 12px;
        border-width: 2px;
        border-style: solid;
        border-radius: 50%
    }

.km-root .km-nova .km-scroller-pull .km-icon {
    -webkit-background-clip: inherit;
    -webkit-background-size: inherit inherit;
    background-size: inherit;
    border-radius: 50%
}

.km-nova .km-loading:after {
    display: none
}

.km-nova .km-scroller-refresh.km-load-more {
    padding: 0;
    position: relative;
    margin: auto
}

.km-nova .km-scroller-pull, .km-nova .km-scroller-refresh.km-load-more {
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    top: .25em;
    white-space: nowrap
}

.km-nova .km-scroller-pull {
    left: 50%;
    margin: 0 0 0 -90px
}

.km-nova .km-loader h1 {
    display: none;
    font-size: 1em;
    position: absolute;
    left: -50%;
    width: 200%;
    top: 55%
}

.km-nova .km-scroller-pull .km-template {
    position: absolute;
    line-height: 2em;
    font-size: 1.2em;
    min-width: 0;
    top: 0;
    left: 2em
}

.km-nova .km-scroller-pull .km-icon {
    margin-right: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem
}

    .km-nova .km-scroller-pull .km-icon:after {
        content: "\e012";
        margin-left: -3px
    }

.km-nova .km-scroller-refresh .km-icon {
    display: none
}

.km-nova .km-load-more .km-icon, .km-nova .km-scroller-pull .km-icon {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: none;
    transition: none
}

    .km-nova .km-load-more .km-icon:after, .km-nova .km-scroller-pull .km-icon:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 62% 50%;
        -ms-transform-origin: 62% 50%;
        transform-origin: 62% 50%;
        -webkit-transition: -webkit-transform .3s linear;
        transition: transform .3s linear
    }

.km-nova .km-scroller-release .km-icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.km-nova .km-scroller-refresh .km-icon:after {
    -webkit-transition: none;
    transition: none
}

.km-nova .km-icon-left .km-arrow-n:after {
    content: "\e012"
}

.km-nova .km-icon-left .km-arrow-s:after {
    content: "\e010"
}

.km-nova .km-icon-right .km-arrow-n:after {
    content: "\e011"
}

.km-nova .km-icon-right .km-arrow-s:after {
    content: "\e012"
}

.km-root .km-nova.k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    -webkit-filter: brightness(70%)
}

.km-root .km-nova.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-root .km-nova.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%);
    -webkit-filter: none
}

.km-root .km-nova.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    -webkit-filter: brightness(70%)
}

.km-root .km-nova.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-root .km-nova.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%);
    -webkit-filter: none
}

.km-root .km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-nova .km-loader {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

    .km-nova .km-loader .km-loading {
        -webkit-animation: none;
        animation: none;
        display: none
    }

.km-nova .km-loading-left, .km-nova .km-loading-right {
    width: 1.33em;
    height: 1.33em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: 0;
    right: 0
}

@-webkit-keyframes animate_left {
    0% {
        -webkit-transform: translate3d(0,-.67em,0)
    }

    100% {
        -webkit-transform: translate3d(0,.67em,0)
    }
}

@keyframes animate_left {
    0% {
        -webkit-transform: translate3d(0,-.67em,0);
        transform: translate3d(0,-.67em,0)
    }

    100% {
        -webkit-transform: translate3d(0,.67em,0);
        transform: translate3d(0,.67em,0)
    }
}

.km-nova .km-loading-left:after, .km-nova .km-loading-left:before {
    position: absolute;
    content: "";
    width: 1.33em;
    border-radius: 50%;
    height: 1.33rem;
    z-index: 1;
    display: block;
    animation: animate_left .8s cubic-bezier(.445,.05,.55,.95) infinite alternate;
    -webkit-animation: animate_left .8s cubic-bezier(.445,.05,.55,.95) infinite alternate
}

.km-nova .km-loading-left:before {
    right: 0;
    bottom: 0;
    animation-direction: alternate-reverse;
    -webkit-animation-direction: alternate-reverse
}

.km-nova .km-loading-left:after {
    left: 0;
    top: 0
}

@-webkit-keyframes animate_right {
    0% {
        -webkit-transform: scale(.01,.01) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(.47,0,.745,.715)
    }

    50% {
        -webkit-transform: scale(1,1) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(.39,.575,.565,1)
    }

    100% {
        -webkit-transform: scale(.01,.01) rotateY(0)
    }
}

@keyframes animate_right {
    0% {
        -webkit-transform: scale(.01,.01) rotateY(0);
        transform: scale(.01,.01) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(.47,0,.745,.715);
        animation-timing-function: cubic-bezier(.47,0,.745,.715)
    }

    50% {
        -webkit-transform: scale(1,1) rotateY(0);
        transform: scale(1,1) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(.39,.575,.565,1);
        animation-timing-function: cubic-bezier(.39,.575,.565,1)
    }

    100% {
        -webkit-transform: scale(.01,.01) rotateY(0);
        transform: scale(.01,.01) rotateY(0)
    }
}

.km-nova .km-loading-right {
    z-index: 2;
    border-radius: 50%;
    animation: animate_right .8s ease-in infinite;
    -webkit-animation: animate_right .8s ease-in infinite
}

.km-nova .km-icon.km-phone:after, .km-nova .km-state-active .km-phone:after {
    content: "\e326"
}

.km-nova .km-detaildisclose:after {
    content: "i"
}

.km-nova .km-action:after {
    content: "\e1ff"
}

.km-nova .km-add:after {
    content: "\e200"
}

.km-nova .km-mostrecent:after {
    content: "\e201"
}

.km-nova .km-battery:after {
    content: "\e203"
}

.km-nova .km-bookmarks:after {
    content: "\e204"
}

.km-nova .km-camera:after {
    content: "\e205"
}

.km-nova .km-cart:after {
    content: "\e206"
}

.km-nova .km-recents:after {
    content: "\e207"
}

.km-nova .km-download:after, .km-nova .km-downloads:after {
    content: "\e209"
}

.km-nova .km-edit:after {
    content: "\e20a"
}

.km-nova .km-mostviewed:after {
    content: "\e20b"
}

.km-nova .km-favorites:after, .km-nova .km-toprated:after {
    content: "\e20c"
}

.km-nova .km-featured:after {
    content: "\e20d"
}

.km-nova .km-fastforward:after {
    content: "\e20e"
}

.km-nova .km-settings:after {
    content: "\e20f"
}

.km-nova .km-globe:after {
    content: "\e211"
}

.km-nova .km-home:after {
    content: "\e212"
}

.km-nova .km-about:after, .km-nova .km-info:after {
    content: "\e213"
}

.km-nova .km-share:after {
    content: "\e214"
}

.km-nova .km-more:after {
    content: "\e215"
}

.km-nova .km-details:after {
    content: "\e217"
}

.km-nova .km-pause:after {
    content: "\e218"
}

.km-nova .km-contacts:after {
    content: "\e219"
}

.km-nova .km-play:after {
    content: "\e21a"
}

.km-nova .km-refresh:after {
    content: "\e21b"
}

.km-nova .km-history:after {
    content: "\e21c"
}

.km-nova .km-rewind:after {
    content: "\e21d"
}

.km-nova .km-search:after {
    content: "\e21e"
}

.km-nova .km-stop:after {
    content: "\e21f"
}

.km-nova .km-organize:after {
    content: "\e220"
}

.km-nova .km-delete:after, .km-nova .km-trash:after {
    content: "\e221"
}

.km-nova .km-reply:after {
    content: "\e222"
}

.km-nova .km-forward:after {
    content: "\e223"
}

.km-nova .km-sounds:after, .km-nova .km-volume:after {
    content: "\e224"
}

.km-nova .km-wifi:after {
    content: "\e225"
}

.km-nova .km-phone:after {
    content: "\e226"
}

.km-nova .km-hamburger:after {
    content: "\e105"
}

.km-nova .km-state-active .km-action:after {
    content: "\e2ff"
}

.km-nova .km-state-active .km-add:after {
    content: "\e300"
}

.km-nova .km-state-active .km-mostrecent:after {
    content: "\e301"
}

.km-nova .km-state-active .km-battery:after {
    content: "\e303"
}

.km-nova .km-state-active .km-bookmarks:after {
    content: "\e304"
}

.km-nova .km-state-active .km-camera:after {
    content: "\e305"
}

.km-nova .km-state-active .km-cart:after {
    content: "\e306"
}

.km-nova .km-state-active .km-recents:after {
    content: "\e307"
}

.km-nova .km-state-active .km-download:after, .km-nova .km-state-active .km-downloads:after {
    content: "\e309"
}

.km-nova .km-state-active .km-edit:after {
    content: "\e20a"
}

.km-nova .km-state-active .km-mostviewed:after {
    content: "\e30b"
}

.km-nova .km-state-active .km-favorites:after, .km-nova .km-state-active .km-toprated:after {
    content: "\e30c"
}

.km-nova .km-state-active .km-featured:after {
    content: "\e30d"
}

.km-nova .km-state-active .km-fastforward:after {
    content: "\e30e"
}

.km-nova .km-state-active .km-settings:after {
    content: "\e30f"
}

.km-nova .km-state-active .km-globe:after {
    content: "\e311"
}

.km-nova .km-state-active .km-home:after {
    content: "\e312"
}

.km-nova .km-state-active .km-about:after, .km-nova .km-state-active .km-info:after {
    content: "\e313"
}

.km-nova .km-state-active .km-share:after {
    content: "\e314"
}

.km-nova .km-state-active .km-more:after {
    content: "\e315"
}

.km-nova .km-state-active .km-details:after {
    content: "\e317"
}

.km-nova .km-state-active .km-pause:after {
    content: "\e318"
}

.km-nova .km-state-active .km-contacts:after {
    content: "\e319"
}

.km-nova .km-state-active .km-play:after {
    content: "\e31a"
}

.km-nova .km-state-active .km-refresh:after {
    content: "\e31b"
}

.km-nova .km-state-active .km-history:after {
    content: "\e31c"
}

.km-nova .km-state-active .km-rewind:after {
    content: "\e31d"
}

.km-nova .km-state-active .km-search:after {
    content: "\e31e"
}

.km-nova .km-state-active .km-stop:after {
    content: "\e31f"
}

.km-nova .km-state-active .km-organize:after {
    content: "\e320"
}

.km-nova .km-state-active .km-delete:after, .km-nova .km-state-active .km-trash:after {
    content: "\e321"
}

.km-nova .km-state-active .km-reply:after {
    content: "\e322"
}

.km-nova .km-state-active .km-forward:after {
    content: "\e323"
}

.km-nova .km-state-active .km-sounds:after, .km-nova .km-state-active .km-volume:after {
    content: "\e324"
}

.km-nova .km-state-active .km-wifi:after {
    content: "\e325"
}

.km-nova .km-button, .km-nova .km-buttongroup .km-button {
    padding: .6em .688em;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    line-height: 1.2em;
    vertical-align: middle
}

.km-nova .km-buttongroup .km-button {
    border-width: 1px 0 1px 1px
}

.km-nova .km-button.km-small, .km-nova .km-buttongroup.km-small .km-button {
    font-size: .8em;
    padding: .35em .7em;
    line-height: 1.5em
}

.km-nova .km-button.km-large, .km-nova .km-buttongroup.km-large .km-button {
    padding: .85em;
    font-size: 1.07em;
}

.km-nova .km-icon-button .km-icon {
    margin: 0
}

.km-nova .k-toolbar .km-back:before, .km-nova .km-navbar .km-back:before {
    content: "\a0";
    display: inline-block;
    width: 1em;
    height: 1em;
    border-width: 0;
    -webkit-box-shadow: inset .2rem -.2rem 0 currentcolor;
    box-shadow: inset .2rem -.2rem 0 currentcolor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle
}

.km-nova .k-toolbar .km-back .km-text, .km-nova .km-navbar .km-back .km-arrow-w.km-notext, .km-nova .km-navbar .km-back .km-text {
    display: none
}

.km-nova .km-justified {
    display: block;
    width: 100%
}

.km-nova .km-detail {
    font-size: 1.5rem
}

.km-nova .km-badge, .km-nova .km-detail {
    border: 0;
    min-width: 1.812em;
    height: 1.812em;
    line-height: 2em;
    border-radius: 5em
}

.km-nova .km-button-right {
    float: right
}

.km-nova .km-button-left {
    float: left
}

.km-nova .km-buttongroup {
    border-radius: 4px;
    -webkit-transform: translatez(0)
}

    .km-nova .km-buttongroup > :first-child {
        border-radius: 4px 0 0 4px
    }

    .km-nova .km-buttongroup > :not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .km-nova .km-buttongroup > :last-child {
        border-radius: 0 4px 4px 0
    }

.km-nova .km-collapsible-header {
    height: 4.125em;
    line-height: 4.125em;
    padding: 0 1.16em 0 2.4em;
    font-size: 1.087em
}

.km-nova .km-collapsible-content {
    padding: 1em
}

.km-nova .km-collapsible-header h1, .km-nova .km-collapsible-header h2, .km-nova .km-collapsible-header h3, .km-nova .km-collapsible-header h4, .km-nova .km-collapsible-header h5, .km-nova .km-collapsible-header h6 {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.km-nova .km-collapsible-header h1 {
    line-height: 2.85em
}

.km-nova .km-collapsible-header .km-icon {
    font-size: 1.29rem;
    left: .4em;
    top: 45%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.km-nova .km-collapsible-content .km-collapsible {
    margin: -.4em
}

.km-nova .km-navbar .km-no-title {
    padding-top: .45rem;
    padding-bottom: .45rem
}

.km-nova .km-view-title {
    font-size: 1.2em;
    line-height: 2.78em
}

.km-nova .km-navbar .km-no-title > [data-role=view-title] {
    line-height: 2.2em
}

.km-nova .km-view-subtitle {
    font-size: .47em;
    display: block;
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-bottom: .875em;
    white-space: nowrap
}

.km-nova .km-navbar .km-button {
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0 1.135em;
    height: 100%;
    line-height: 3.27em
}

.km-nova .km-navbar .km-buttongroup {
    display: table;
    width: 100%
}

    .km-nova .km-navbar .km-buttongroup .km-button {
        display: inline-block
    }

.km-nova .km-navbar .km-buttongroup {
    margin: 0
}

.km-nova .km-widget.km-navbar-buttongroup .km-buttongroup {
    padding: .45rem .77em;
    display: table
}

.km-nova .km-widget.km-navbar-buttongroup .km-leftitem .km-button, .km-nova .km-widget.km-navbar-buttongroup .km-rightitem .km-button {
    line-height: 5.6em
}

.km-nova .km-no-title .km-buttongroup {
    margin-top: -.45rem;
    margin-bottom: -.45rem;
    padding-top: .45rem;
    padding-bottom: .45rem;
    border-radius: 0;
    top: auto
}

    .km-nova .km-navbar-buttongroup .km-buttongroup > .km-button, .km-nova .km-no-title .km-buttongroup > .km-button {
        font-size: 1.2em;
        padding: 1.02rem;
        -webkit-transform: translatez(0)
    }

.km-nova .km-navbar .km-no-title .km-buttongroup .km-button {
    font-size: 1.2em;
    line-height: 2.05em;
    padding: 0 .9em 0 .8em;
    border-width: 1px 0 1px 1px;
    border-style: solid
}

.km-nova .km-navbar .km-no-title .km-buttongroup > :first-child {
    border-radius: 4px 0 0 4px
}

.km-nova .km-navbar .km-no-title .km-buttongroup .km-button:last-child {
    border-right-width: 1px
}

.km-nova .km-navbar .km-no-title .km-buttongroup > :last-child {
    border-radius: 0 4px 4px 0
}

.km-nova .km-leftitem {
    left: 0
}

.km-nova .km-rightitem {
    right: 0
}

.km-nova.k-fx-slide.k-fx-end .k-fx-current .km-leftitem, .km-nova.k-fx-slide.k-fx-end .k-fx-current .km-view-title, .km-nova.k-fx-slide.k-fx-end .k-fx-next .km-leftitem, .km-nova.k-fx-slide.k-fx-end .k-fx-next .km-view-title {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.km-nova.k-fx-slide.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-nova.k-fx-slide.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%);
    opacity: 0
}

.km-nova.k-fx-slide.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

.km-nova.k-fx-slide.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-nova.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-nova.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-nova.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

.km-nova.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%);
    opacity: 0
}

.km-nova.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-nova.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-leftitem {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-leftitem {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-view-title {
    -webkit-transform: translatex(50%);
    -ms-transform: translatex(50%);
    transform: translatex(50%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-leftitem {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    opacity: 0
}

.km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-view-title {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.km-nova.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-leftitem {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.km-nova .k-toolbar {
    line-height: 1.2em;
    padding: .4em 3.4em .4em .5em
}

    .km-nova .k-toolbar .k-split-button, .km-nova .k-toolbar .km-button {
        line-height: inherit
    }

.km-nova .km-tabstrip {
    padding: 0;
    display: table;
    table-layout: fixed;
    min-height: 4.1rem
}

    .km-nova .km-tabstrip .km-button {
        font-size: .6em;
        display: table-cell;
        border: 0;
        padding: 0
    }

    .km-nova .km-tabstrip .km-icon {
        font-size: 2rem;
        margin-bottom: .29rem
    }

    .km-nova .km-tabstrip .km-button .km-icon {
        margin: 0 auto .1em
    }

    .km-nova .km-tabstrip .km-badge {
        margin-left: .5em;
        border-radius: 0;
        height: 1.834rem;
        line-height: 1.45rem;
        clip-path: polygon(0 68%,100% 100%,100% 0,0 0);
        -webkit-clip-path: polygon(0 68%,100% 100%,100% 0,0 0);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f54c4d),to(#e51841));
        background-image: -webkit-linear-gradient(top,#f54c4d 0,#e51841 100%);
        background-image: linear-gradient(to bottom,#f54c4d 0,#e51841 100%)
    }

.km-nova .km-switch {
    width: 4.3rem;
    height: 2.4rem;
    overflow: visible
}

.km-nova .km-switch-wrapper {
    overflow: hidden
}

.km-nova .km-switch-background {
    background-position: 4.25em 0;
    background-repeat: no-repeat;
    background-color: currentcolor;
    margin-left: -4.1rem
}

.km-nova .km-switch-container {
    overflow: visible;
    border-width: 0;
    padding: 0 0 0 1px
}

.km-nova .km-switch-handle {
    width: 2.2em;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    margin: 0 3px 0 0;
    border-width: 1px;
    border-style: solid
}

.km-nova .km-switch-label-off, .km-nova .km-switch-label-on {
    display: none
}

.km-nova .km-switch-background, .km-nova .km-switch-container, .km-nova .km-switch-handle, .km-nova .km-switch-wrapper {
    border-radius: 3em
}

.km-nova .km-switch-container, .km-nova .km-switch-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

@font-face {
    font-family: "Kendo UI";
    src: url(/Content/ExcaliburIV_Custom/images/kendoui.woff?v=1.1) format("woff"),url(/Content/ExcaliburIV_Custom/images/kendoui.ttf?v=1.1) format("truetype"),url(/Content/ExcaliburIV_Custom/images/kendoui.svg#kendoui) format("svg")
}

.km-nova .km-listgroupinset, .km-nova .km-listinset {
    margin: 0
}

.km-nova .km-list > li {
    font-size: 1.2em;
    padding-left: .89em;
    background: 0 0;
    border-radius: 0;
    border-width: 1px 0 0;
    border-style: solid;
    line-height: 1.5em;
    padding: 1.09em .84em 1.23em .84em
}

.km-nova .km-list:not(.km-virtual-list) > li:last-child {
    border-bottom-width: 1px
}

.km-nova .km-listview-link:after {
    border-width: .2rem .2rem 0 0
}

.km-nova .km-listgroupinset li:first-child > .km-listview-link, .km-nova .km-listinset li:first-child > .km-listview-link {
    border-radius: 1px 1px 0 0
}

.km-nova .km-listgroupinset li:last-child > .km-listview-link, .km-nova .km-listinset li:last-child > .km-listview-link {
    border-radius: 0 0 1px 1px
}

.km-nova .km-listgroupinset li:first-child:last-child > .km-listview-link, .km-nova .km-listinset li:first-child:last-child > .km-listview-link {
    border-radius: 1px
}

.km-nova .km-list li > .km-listview-link {
    margin-left: -1em;
    padding-left: 1em;
    border-radius: 0
}

.km-nova .km-group-title {
    font-size: 1.2em;
    position: -webkit-sticky;
    text-indent: 0;
    margin-top: 0;
    font-weight: 400;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 1.17em .84em .39em
}

.km-nova .km-listview-icons .km-group-title {
    padding-left: 3em
}

.km-nova .km-listview-icons .km-icon::after, .km-nova .km-listview-icons .km-icon::before {
    margin-left: 0;
    font-size: 1.2em;
    line-height: .8em
}

.km-nova .km-listview-images .km-group-title {
    padding-left: 4em
}

.km-nova .km-listgroup .km-group-title, .km-nova .km-listgroupinset .km-group-title {
    line-height: 1.5em;
    border-top-width: 0;
    border-top-style: solid
}

.km-nova .km-listview .km-switch {
    margin-top: -1.3rem
}

.km-nova .km-listview-item-badge.km-badge, .km-nova .km-listview-link > .km-badge {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 4em
}

.km-nova li.km-state-active {
    background: #f5f6f6
}

.km-nova .km-filter-wrap {
    padding: .25em 1.2em;
    border-radius: 4px
}

    .km-nova .km-filter-wrap > input {
        padding: .5em 1.8em
    }

        .km-nova .km-filter-wrap > input::-webkit-input-placeholder {
            text-align: left
        }

        .km-nova .km-filter-wrap > input::-moz-placeholder {
            text-align: left
        }

        .km-nova .km-filter-wrap > input::-ms-input-placeholder {
            text-align: left
        }

        .km-nova .km-filter-wrap > input:focus::-webkit-input-placeholder {
            text-align: left
        }

        .km-nova .km-filter-wrap > input:focus::-moz-placeholder {
            text-align: left
        }

        .km-nova .km-filter-wrap > input:focus::-ms-input-placeholder {
            text-align: left
        }

    .km-nova .km-filter-reset .km-clear, .km-nova .km-filter-wrap:before {
        position: absolute;
        top: 50%;
        margin-top: -.55em
    }

    .km-nova .km-filter-wrap:before {
        font-size: 1em;
        content: "\e21e"
    }

    .km-nova .km-filter-wrap .km-clear:after {
        content: "\e031"
    }

.km-nova .km-scrollview-overlay .km-pages {
    padding-top: .4em;
    position: absolute;
    bottom: 3.5em;
    left: 0;
    right: 0
}

.km-nova .km-pages li {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid
}

.km-nova .k-slider .k-draghandle {
    width: 1.333em;
    height: 1.333em;
    border-radius: 5em;
    border: 0
}

.km-nova .km-list .km-full-width-slider {
    position: relative;
    margin-top: 0;
    padding: 1.55em 0;
    width: auto;
    display: block
}

.km-nova .k-slider-horizontal .k-draghandle {
    top: 2px
}

.km-nova .k-slider-vertical .k-draghandle {
    left: -.5em
}

.km-nova .k-slider-horizontal .k-slider-selection {
    margin-top: 0
}

.km-nova .k-slider-vertical .k-slider-selection {
    margin-left: -.1em;
    width: .29rem
}

.km-nova .k-slider-horizontal .k-slider-track {
    height: .29rem
}

.km-nova .k-slider-vertical .k-slider-track {
    width: .29rem
}

.km-nova .k-slider-selection {
    margin-left: 0
}

.km-nova .k-slider .k-draghandle, .km-nova .k-slider .k-draghandle:hover {
    margin-top: -.665em;
    padding: 0;
    background-clip: content-box;
    -webkit-background-clip: content-box
}

    .km-nova .k-slider .k-draghandle:active:before {
        opacity: .4
    }

    .km-nova .k-slider .k-draghandle, .km-nova .k-slider .k-draghandle:hover {
        border: 0;
        border-radius: 5em
    }

.km-nova .k-slider-track {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: .5em;
    border-width: 0
}

.km-nova .k-slider-selection {
    margin-left: 0
}

.km-nova .km-list .k-dropdown-wrap, .km-nova .km-list input[type=color], .km-nova .km-list input[type=date], .km-nova .km-list input[type=datetime-local], .km-nova .km-list input[type=datetime], .km-nova .km-list input[type=email], .km-nova .km-list input[type=month], .km-nova .km-list input[type=number], .km-nova .km-list input[type=password], .km-nova .km-list input[type=search], .km-nova .km-list input[type=tel], .km-nova .km-list input[type=text]:not(.k-input), .km-nova .km-list input[type=time], .km-nova .km-list input[type=url], .km-nova .km-list input[type=week], .km-nova .km-list select:not([multiple]), .km-nova .km-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.2rem;
    min-width: 6em;
    border: 0;
    outline: 0;
    background: 0 0;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.km-nova .km-list .k-dropdown-wrap {
    padding: .2em
}

.km-nova .km-list .k-dropdown {
    font-weight: 400;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transform: translateY(50%)
}

.km-nova .km-list .k-dropdown, .km-nova .km-list input[type=color], .km-nova .km-list input[type=date], .km-nova .km-list input[type=datetime-local], .km-nova .km-list input[type=datetime], .km-nova .km-list input[type=month], .km-nova .km-list input[type=time], .km-nova .km-list input[type=week] {
    text-align: left
}

.km-nova .km-list .km-label-above .k-dropdown-wrap {
    display: block;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

    .km-nova .km-list .km-label-above .k-dropdown-wrap .k-input {
        text-indent: 0;
        padding: .2em 0
    }

.km-nova .km-label-above {
    width: 100%;
    font-size: .87em;
    display: block;
    margin-top: -1.3em;
    padding-top: .92em;
    padding-bottom: 3.3em;
    margin-bottom: -2em
}

    .km-nova .km-label-above textarea {
        top: 50%
    }

.km-nova .km-label-above, .km-nova label.km-inline-field {
    font-size: .72em;
    line-height: 1.2em
}

.km-nova .km-list .km-label-above .k-dropdown, .km-nova .km-list .km-label-above input[type=color], .km-nova .km-list .km-label-above input[type=date], .km-nova .km-list .km-label-above input[type=datetime-local], .km-nova .km-list .km-label-above input[type=datetime], .km-nova .km-list .km-label-above input[type=email], .km-nova .km-list .km-label-above input[type=file], .km-nova .km-list .km-label-above input[type=month], .km-nova .km-list .km-label-above input[type=number], .km-nova .km-list .km-label-above input[type=password], .km-nova .km-list .km-label-above input[type=search], .km-nova .km-list .km-label-above input[type=tel], .km-nova .km-list .km-label-above input[type=text]:not(.k-input), .km-nova .km-list .km-label-above input[type=time], .km-nova .km-list .km-label-above input[type=url], .km-nova .km-list .km-label-above input[type=week], .km-nova .km-list .km-label-above select:not([multiple]), .km-nova .km-list .km-label-above textarea {
    width: 100%;
    right: 0;
    padding-left: 0;
    left: .89em;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.km-nova label.km-required:after {
    content: "*";
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.km-nova .km-icon-label.km-required:after {
    margin-left: -.89em
}

.km-nova .km-icon-label:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    font: 1em/1em "Kendo UI";
    margin-right: .89em
}

.km-nova .km-icon-label .k-dropdown-wrap, .km-nova .km-icon-label input[type=color], .km-nova .km-icon-label input[type=date], .km-nova .km-icon-label input[type=datetime-local], .km-nova .km-icon-label input[type=datetime], .km-nova .km-icon-label input[type=email], .km-nova .km-icon-label input[type=month], .km-nova .km-icon-label input[type=number], .km-nova .km-icon-label input[type=password], .km-nova .km-icon-label input[type=search], .km-nova .km-icon-label input[type=tel], .km-nova .km-icon-label input[type=text]:not(.k-input), .km-nova .km-icon-label input[type=time], .km-nova .km-icon-label input[type=url], .km-nova .km-icon-label input[type=week], .km-nova .km-icon-label select:not([multiple]), .km-nova .km-icon-label textarea {
    right: auto
}

.km-nova .km-list fieldset {
    border: none;
    padding: 0 1.61em;
    margin: -1.18em -1.61em
}

    .km-nova .km-list fieldset .k-dropdown-wrap, .km-nova .km-list fieldset input[type=color], .km-nova .km-list fieldset input[type=date], .km-nova .km-list fieldset input[type=datetime-local], .km-nova .km-list fieldset input[type=datetime], .km-nova .km-list fieldset input[type=email], .km-nova .km-list fieldset input[type=month], .km-nova .km-list fieldset input[type=number], .km-nova .km-list fieldset input[type=password], .km-nova .km-list fieldset input[type=search], .km-nova .km-list fieldset input[type=tel], .km-nova .km-list fieldset input[type=text]:not(.k-input), .km-nova .km-list fieldset input[type=time], .km-nova .km-list fieldset input[type=url], .km-nova .km-list fieldset input[type=week], .km-nova .km-list fieldset select:not([multiple]), .km-nova .km-list textarea {
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }

    .km-nova .km-list fieldset > .k-dropdown-wrap, .km-nova .km-list fieldset > input[type=color], .km-nova .km-list fieldset > input[type=date], .km-nova .km-list fieldset > input[type=datetime-local], .km-nova .km-list fieldset > input[type=datetime], .km-nova .km-list fieldset > input[type=email], .km-nova .km-list fieldset > input[type=month], .km-nova .km-list fieldset > input[type=number], .km-nova .km-list fieldset > input[type=password], .km-nova .km-list fieldset > input[type=search], .km-nova .km-list fieldset > input[type=tel], .km-nova .km-list fieldset > input[type=text]:not(.k-input), .km-nova .km-list fieldset > input[type=time], .km-nova .km-list fieldset > input[type=url], .km-nova .km-list fieldset > input[type=week], .km-nova .km-list fieldset > select:not([multiple]) {
        padding: 1.23em 0
    }

    .km-nova .km-list fieldset textarea {
        width: 100%;
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-right: 0;
        padding-left: 0
    }

    .km-nova .km-list fieldset .k-dropdown-wrap, .km-nova .km-list fieldset input[type=color], .km-nova .km-list fieldset input[type=date], .km-nova .km-list fieldset input[type=datetime-local], .km-nova .km-list fieldset input[type=datetime], .km-nova .km-list fieldset input[type=email], .km-nova .km-list fieldset input[type=month], .km-nova .km-list fieldset input[type=number], .km-nova .km-list fieldset input[type=password], .km-nova .km-list fieldset input[type=search], .km-nova .km-list fieldset input[type=tel], .km-nova .km-list fieldset input[type=text]:not(.k-input), .km-nova .km-list fieldset input[type=time], .km-nova .km-list fieldset input[type=url], .km-nova .km-list fieldset input[type=week], .km-nova .km-list fieldset select:not([multiple]), .km-nova .km-list fieldset textarea {
        width: 100%;
        position: relative
    }

    .km-nova .km-list fieldset legend {
        text-indent: 0;
        margin: 0 -1.61em;
        font-weight: 400;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding: 1.28em 1.61em .55em;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.km-nova .km-legend-button {
    display: block;
    padding: 1.17em 1.61em .39em;
    margin: -1.17em -1.61em -.39em
}

.km-nova .km-inline-field {
    display: inline-block;
    position: relative;
    width: -webkit-calc(48.39%);
    width: calc(48.39%);
    overflow: hidden;
    white-space: nowrap
}

.km-nova .km-list fieldset .km-inline-field {
    margin-top: 0;
    margin-left: 0;
    padding-left: 1.61em;
    border-right-width: 1px;
    border-right-style: solid
}

    .km-nova .km-list fieldset .km-inline-field:first-of-type {
        padding-left: 0
    }

.km-nova .km-inline-field.km-label-above {
    margin-bottom: 0
}

.km-nova .km-list .km-inline-field .k-dropdown, .km-nova .km-list .km-inline-field input[type=color], .km-nova .km-list .km-inline-field input[type=date], .km-nova .km-list .km-inline-field input[type=datetime-local], .km-nova .km-list .km-inline-field input[type=datetime], .km-nova .km-list .km-inline-field input[type=email], .km-nova .km-list .km-inline-field input[type=file], .km-nova .km-list .km-inline-field input[type=month], .km-nova .km-list .km-inline-field input[type=number], .km-nova .km-list .km-inline-field input[type=password], .km-nova .km-list .km-inline-field input[type=search], .km-nova .km-list .km-inline-field input[type=tel], .km-nova .km-list .km-inline-field input[type=text]:not(.k-input), .km-nova .km-list .km-inline-field input[type=time], .km-nova .km-list .km-inline-field input[type=url], .km-nova .km-list .km-inline-field input[type=week], .km-nova .km-list .km-inline-field select:not([multiple]), .km-nova .km-list .km-inline-field textarea {
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 0;
    padding-left: 1em
}

.km-nova .km-list .km-inline-field:first-of-type .k-dropdown, .km-nova .km-list .km-inline-field:first-of-type input[type=color], .km-nova .km-list .km-inline-field:first-of-type input[type=date], .km-nova .km-list .km-inline-field:first-of-type input[type=datetime-local], .km-nova .km-list .km-inline-field:first-of-type input[type=datetime], .km-nova .km-list .km-inline-field:first-of-type input[type=email], .km-nova .km-list .km-inline-field:first-of-type input[type=file], .km-nova .km-list .km-inline-field:first-of-type input[type=month], .km-nova .km-list .km-inline-field:first-of-type input[type=number], .km-nova .km-list .km-inline-field:first-of-type input[type=password], .km-nova .km-list .km-inline-field:first-of-type input[type=search], .km-nova .km-list .km-inline-field:first-of-type input[type=tel], .km-nova .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input), .km-nova .km-list .km-inline-field:first-of-type input[type=time], .km-nova .km-list .km-inline-field:first-of-type input[type=url], .km-nova .km-list .km-inline-field:first-of-type input[type=week], .km-nova .km-list .km-inline-field:first-of-type select:not([multiple]), .km-nova .km-list .km-inline-field:first-of-type textarea {
    margin-left: 0;
    padding-left: 0
}

.km-nova input[type=checkbox], .km-nova input[type=radio] {
    border-width: 2px;
    border-style: solid;
    height: 1.882rem;
    width: 1.882rem;
    border-radius: 3px;
    opacity: 1;
    margin: 0;
    top: auto
}

.km-nova .km-list input[type=checkbox], .km-nova .km-list input[type=radio] {
    right: 0
}

.km-nova input[type=radio] {
    height: 1.882rem;
    width: 1.882rem;
    border-radius: 50%
}

    .km-nova input[type=checkbox].km-check:after, .km-nova input[type=radio].km-check:checked:after {
        content: "\a0";
        display: block;
        font-size: 1.2em;
        text-align: center
    }

.km-nova input[type=checkbox].km-check:checked:after {
    margin-left: -1px
}

.km-nova input[type=radio].km-check:checked:after {
    margin-top: .269rem;
    margin-left: .269rem;
    width: 1.075rem;
    height: 1.075rem;
    border-radius: 50%
}

.km-nova input.km-checkbox, .km-nova input.km-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    height: 0
}

.km-nova .km-checkbox-label, .km-nova .km-radio-label {
    display: block;
    position: relative;
    vertical-align: middle;
    font-size: 1.2em;
    line-height: 1.5em;
    padding-left: 2.5em;
    margin-left: .89em
}

    .km-nova .km-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.613rem;
        height: 1.613rem;
        border-width: .133rem;
        border-style: solid;
        border-radius: 3px
    }

    .km-nova .km-checkbox-label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.613rem;
        height: 1.613rem;
        border-width: .133rem;
        border-style: solid;
        border-radius: 3px
    }

.km-nova input.km-checkbox:checked + .km-checkbox-label:after {
    content: "\e227";
    font-size: 1.2em;
    line-height: 1em;
    font-family: "Kendo UI"
}

.km-nova .km-radio-label {
    position: relative;
    padding-left: 2.5em;
    vertical-align: middle;
    line-height: 1.5em
}

    .km-nova .km-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6rem;
        height: 1.6rem;
        border-width: .133rem;
        border-style: solid;
        border-radius: 50%
    }

.km-nova input.km-radio:checked + .km-radio-label:after {
    content: "";
    width: 1.067rem;
    height: 1.067rem;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: .365rem;
    border-radius: 50%
}

.km-nova .km-actionsheet > li > a {
    font-weight: 400;
    text-align: left
}

.km-nova li.km-actionsheet-cancel > a {
    font-weight: 700
}

.km-nova .km-shim li.km-actionsheet-title {
    border-width: 0 0 1px;
    border-style: solid;
    font-size: 1.2em;
    text-indent: 0;
    margin-top: 0;
    font-weight: 400;
    padding: 1.17em .7em .39em
}

.km-nova .km-actionsheet > li:last-child > a {
    border: 0
}

.km-nova .km-popup li.km-actionsheet-title {
    display: none
}

.km-nova .k-overflow-wrapper .km-actionsheet-wrapper .km-actionsheet {
    border: 0
}

.km-nova .km-drawer, .km-nova [data-role=drawer] {
    width: 16.801rem
}

    .km-nova .km-drawer .km-scroll-container, .km-nova .km-drawer > .km-scroll-wrapper {
        height: 100%
    }

.km-nova .km-drawer-vertical-tabstrip {
    width: 4.86rem
}

.km-nova .km-drawer .km-scroll-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.km-nova .km-drawer .km-vertical-tabstrip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.km-nova .km-vertical-tabstrip .km-button {
    display: block;
    width: 100%;
    font-size: .6em;
    padding: 1.25em 0
}

    .km-nova .km-drawer .km-listview li.km-state-active:before, .km-nova .km-vertical-tabstrip .km-button.km-state-active:before {
        content: "";
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

.km-nova .km-drawer .km-list:not(.km-virtual-list) > li:first-child {
    border-top-width: 1px
}

.km-nova .km-drawer .km-list:not(.km-virtual-list) > li:last-child {
    border-bottom-width: 1px
}

.km-nova .km-drawer .km-listview li .km-badge {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 4em
}

.km-nova .km-right-drawer .km-listview-label:after, .km-nova .km-right-drawer .km-listview-link:after {
    display: none
}

.km-nova .km-drawer.km-left-drawer {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.km-nova .km-modalview .km-header .km-navbar .km-view-title, .km-nova .km-popup .km-navbar .km-view-title {
    padding-left: .591em
}

.km-nova .km-modalview .km-footer .km-rightitem {
    width: 100%;
    right: 0
}

    .km-nova .km-modalview .km-footer .km-rightitem .km-button {
        width: 50%;
        height: 100%;
        border-radius: 0;
        margin: 0;
        padding: .88em 0;
        line-height: 1.5em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-width: 1px 0 0 0;
        border-style: solid
    }

        .km-nova .km-modalview .km-footer .km-rightitem .km-button:last-child {
            border-left-width: 1px
        }

.km-nova .km-vertical-scrollbar {
    width: .3em
}

.km-nova .km-horizontal-scrollbar {
    height: .3em
}

.km-nova h1, .km-nova h2, .km-nova h3, .km-nova h4, .km-nova h5, .km-nova h6, .km-nova p {
    margin: 0
}

.km-nova .km-thumbnail {
    border-radius: 50%;
    width: 3.35rem;
    height: 3.35rem;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin-right: 1.07rem
}

.km-nova .km-light-font {
    font-weight: 300
}

.km-nova .km-medium-font {
    font-weight: 500
}

.km-nova .km-bold-font {
    font-weight: 700
}

.km-nova h1 {
    font-weight: 500;
    margin-top: .4em;
    margin-bottom: .4em
}

.km-nova h2 {
    font-weight: 300;
    margin-top: .4em;
    margin-bottom: .4em
}

.km-nova h3 {
    font-weight: 400;
    margin-top: .4em;
    margin-bottom: .4em
}

.km-nova h4 {
    font-weight: 500;
    margin-top: .4em;
    margin-bottom: .4em
}

.km-nova h5 {
    font-weight: 300;
    margin-top: .5em;
    margin-bottom: .5em
}

.km-nova h6 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: .6em;
    margin-bottom: .6em
}

.km-nova .km-content .km-scroll-container > h1, .km-nova .km-content .km-scroll-container > h2, .km-nova .km-content .km-scroll-container > h3, .km-nova .km-content .km-scroll-container > h4, .km-nova .km-content .km-scroll-container > h5, .km-nova .km-content .km-scroll-container > h6, .km-nova .km-content .km-scroll-container > p {
    margin-left: 1rem;
    margin-right: 1rem
}

.km-nova p {
    margin-top: .4em;
    margin-bottom: .4em
}

.km-nova .km-external-link, .km-nova a:not([class]) {
    text-decoration: none
}

.km-on-blackberry.km-blackberry6 .km-view .km-icon, .km-on-blackberry.km-blackberry7 .km-view .km-icon, .km-on-blackberry.km-ios .km-view .km-icon, .km-pane.km-on-android .km-view .km-icon, .km-pane.km-on-meego .km-view .km-icon {
    background: 0 0
}
/*# sourceMappingURL=kendo.mobile.all.min.css.map */

/** 
 * Kendo UI v2021.3.1207 (http://www.telerik.com/kendo-ui)                                                                                                                                              
 * Copyright 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. 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-common-test-class, .k-theme-test-class {
    opacity: 0
}

[hidden] {
    display: none !important
}

script {
    display: none !important
}

.k-hidden {
    display: none !important
}

.k-rtl {
    direction: rtl
}

.k-sr-only {
    position: absolute;
    left: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.k-hbox, .k-hstack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-vbox, .k-vstack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.k-flex, .k-spacer {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.k-flex-layout {
    display: -ms-flexbox;
    display: flex
}

.k-grid-layout {
    display: grid
}

.k-separator {
    width: auto;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    display: block;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-separator-horizontal, .k-vstack > .k-separator {
    width: auto;
    height: 0;
    border-width: 1px 0 0
}

.k-hstack > .k-separator, .k-separator-vertical {
    width: 0;
    height: auto;
    border-width: 0 0 0 1px
}

hr.k-separator {
    margin: 0;
    padding: 0
}

.k-action-buttons, .k-actions, .k-columnmenu-actions {
    margin: 1em 0 0;
    padding: 6px 8px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    clear: both
}

.k-popup .k-actions {
    padding: 6px 0 0
}

.k-colorpicker-popup .k-actions {
    padding: 6px 8px
}

.k-ie .k-actions .k-button ~ .k-button {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-rtl .k-ie .k-actions .k-button ~ .k-button, [dir=rtl] .k-ie .k-actions .k-button ~ .k-button {
    margin-left: 0;
    margin-right: 8px
}

.k-actions-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-actions-center {
    -ms-flex-pack: center;
    justify-content: center
}

.k-actions-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-actions-stretched > * {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.k-sr-only {
    position: absolute;
    left: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.k-display-inline {
    display: inline !important
}

.k-display-block {
    display: block !important
}

.k-display-inline-block {
    display: inline-block !important
}

.k-display-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.k-display-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.k-display-table {
    display: table !important
}

.k-display-inline-table {
    display: inline-table !important
}

.k-display-none, .k-hidden {
    display: none !important
}

.k-d-flex {
    display: -ms-flexbox;
    display: flex
}

.k-flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-flex-col {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-flex-col-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.k-flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.k-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.k-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.k-flex-initial {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.k-flex-1 {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.k-flex-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-flex-none {
    -ms-flex: none;
    flex: none
}

.k-flex-grow {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.k-flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.k-flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.k-flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-flex-basis-auto {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-flex-basis-0 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%
}

.k-align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.k-align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.k-align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.k-align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.k-align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.k-align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.k-align-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.k-align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.k-align-content-baseline {
    -ms-flex-line-pack: baseline;
    align-content: baseline
}

.k-align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.k-align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.k-align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.k-align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.k-justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.k-justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.k-justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.k-justify-content-evenly {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.k-justify-content-stretch > * {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.k-justify-items-start {
    justify-items: flex-start
}

.k-justify-items-end {
    justify-items: flex-end
}

.k-justify-items-center {
    justify-items: center
}

.k-justify-items-stretch {
    justify-items: stretch
}

.k-float-left {
    float: left !important
}

.k-float-right {
    float: right !important
}

.k-float-none {
    float: none !important
}

.k-clear-left {
    float: left !important
}

.k-clear-right {
    float: right !important
}

.k-clear-both {
    float: both !important
}

.k-clear-none {
    float: none !important
}

.k-floatwrap::after {
    content: "";
    display: block;
    clear: both
}

.k-d-grid {
    display: grid
}

.k-grid-cols-none {
    grid-template-columns: none
}

.k-grid-rows-none {
    grid-template-rows: none
}

.k-grid-flow-col {
    grid-auto-flow: column
}

.k-grid-flow-col-dense {
    grid-auto-flow: column dense
}

.k-grid-flow-row {
    grid-auto-flow: row
}

.k-grid-flow-row-dense {
    grid-auto-flow: row dense
}

.k-colspan-all {
    grid-column: 1/-1
}

.k-colspan-auto {
    grid-column: auto
}

.k-rowspan-all {
    grid-row: 1/-1
}

.k-rowspan-auto {
    grid-row: auto
}

.k-grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.k-colspan-1 {
    grid-column: span 1
}

.k-col-start-1 {
    grid-column-start: 1
}

.k-col-end-1 {
    grid-column-end: 1
}

.k-grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.k-colspan-2 {
    grid-column: span 2
}

.k-col-start-2 {
    grid-column-start: 2
}

.k-col-end-2 {
    grid-column-end: 2
}

.k-grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.k-colspan-3 {
    grid-column: span 3
}

.k-col-start-3 {
    grid-column-start: 3
}

.k-col-end-3 {
    grid-column-end: 3
}

.k-grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.k-colspan-4 {
    grid-column: span 4
}

.k-col-start-4 {
    grid-column-start: 4
}

.k-col-end-4 {
    grid-column-end: 4
}

.k-grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.k-colspan-5 {
    grid-column: span 5
}

.k-col-start-5 {
    grid-column-start: 5
}

.k-col-end-5 {
    grid-column-end: 5
}

.k-grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.k-colspan-6 {
    grid-column: span 6
}

.k-col-start-6 {
    grid-column-start: 6
}

.k-col-end-6 {
    grid-column-end: 6
}

.k-grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.k-colspan-7 {
    grid-column: span 7
}

.k-col-start-7 {
    grid-column-start: 7
}

.k-col-end-7 {
    grid-column-end: 7
}

.k-grid-cols-8 {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.k-colspan-8 {
    grid-column: span 8
}

.k-col-start-8 {
    grid-column-start: 8
}

.k-col-end-8 {
    grid-column-end: 8
}

.k-grid-cols-9 {
    grid-template-columns: repeat(9,minmax(0,1fr))
}

.k-colspan-9 {
    grid-column: span 9
}

.k-col-start-9 {
    grid-column-start: 9
}

.k-col-end-9 {
    grid-column-end: 9
}

.k-grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr))
}

.k-colspan-10 {
    grid-column: span 10
}

.k-col-start-10 {
    grid-column-start: 10
}

.k-col-end-10 {
    grid-column-end: 10
}

.k-grid-cols-11 {
    grid-template-columns: repeat(11,minmax(0,1fr))
}

.k-colspan-11 {
    grid-column: span 11
}

.k-col-start-11 {
    grid-column-start: 11
}

.k-col-end-11 {
    grid-column-end: 11
}

.k-grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.k-colspan-12 {
    grid-column: span 12
}

.k-col-start-12 {
    grid-column-start: 12
}

.k-col-end-12 {
    grid-column-end: 12
}

.k-grid-rows-1 {
    grid-template-rows: repeat(1,minmax(0,1fr))
}

.k-rowspan-1 {
    grid-row: span 1
}

.k-row-start-1 {
    grid-row-start: 1
}

.k-row-end-1 {
    grid-row-end: 1
}

.k-grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr))
}

.k-rowspan-2 {
    grid-row: span 2
}

.k-row-start-2 {
    grid-row-start: 2
}

.k-row-end-2 {
    grid-row-end: 2
}

.k-grid-rows-3 {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

.k-rowspan-3 {
    grid-row: span 3
}

.k-row-start-3 {
    grid-row-start: 3
}

.k-row-end-3 {
    grid-row-end: 3
}

.k-grid-rows-4 {
    grid-template-rows: repeat(4,minmax(0,1fr))
}

.k-rowspan-4 {
    grid-row: span 4
}

.k-row-start-4 {
    grid-row-start: 4
}

.k-row-end-4 {
    grid-row-end: 4
}

.k-grid-rows-5 {
    grid-template-rows: repeat(5,minmax(0,1fr))
}

.k-rowspan-5 {
    grid-row: span 5
}

.k-row-start-5 {
    grid-row-start: 5
}

.k-row-end-5 {
    grid-row-end: 5
}

.k-grid-rows-6 {
    grid-template-rows: repeat(6,minmax(0,1fr))
}

.k-rowspan-6 {
    grid-row: span 6
}

.k-row-start-6 {
    grid-row-start: 6
}

.k-row-end-6 {
    grid-row-end: 6
}

.k-grid-rows-7 {
    grid-template-rows: repeat(7,minmax(0,1fr))
}

.k-rowspan-7 {
    grid-row: span 7
}

.k-row-start-7 {
    grid-row-start: 7
}

.k-row-end-7 {
    grid-row-end: 7
}

.k-grid-rows-8 {
    grid-template-rows: repeat(8,minmax(0,1fr))
}

.k-rowspan-8 {
    grid-row: span 8
}

.k-row-start-8 {
    grid-row-start: 8
}

.k-row-end-8 {
    grid-row-end: 8
}

.k-grid-rows-9 {
    grid-template-rows: repeat(9,minmax(0,1fr))
}

.k-rowspan-9 {
    grid-row: span 9
}

.k-row-start-9 {
    grid-row-start: 9
}

.k-row-end-9 {
    grid-row-end: 9
}

.k-grid-rows-10 {
    grid-template-rows: repeat(10,minmax(0,1fr))
}

.k-rowspan-10 {
    grid-row: span 10
}

.k-row-start-10 {
    grid-row-start: 10
}

.k-row-end-10 {
    grid-row-end: 10
}

.k-order-first {
    -ms-flex-order: -9999 !important;
    order: -9999 !important
}

.k-order-last {
    -ms-flex-order: 9999 !important;
    order: 9999 !important
}

.k-order-none {
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.k-order-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important
}

.k-order-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important
}

.k-order-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important
}

.k-order-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important
}

.k-order-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important
}

.k-order-6 {
    -ms-flex-order: 6 !important;
    order: 6 !important
}

.k-order-7 {
    -ms-flex-order: 7 !important;
    order: 7 !important
}

.k-order-8 {
    -ms-flex-order: 8 !important;
    order: 8 !important
}

.k-order-9 {
    -ms-flex-order: 9 !important;
    order: 9 !important
}

.k-order-10 {
    -ms-flex-order: 10 !important;
    order: 10 !important
}

.k-order-11 {
    -ms-flex-order: 11 !important;
    order: 11 !important
}

.k-order-12 {
    -ms-flex-order: 12 !important;
    order: 12 !important
}

.k-overflow-auto {
    overflow: auto !important
}

.k-overflow-x-auto {
    overflow-x: auto !important
}

.k-overflow-y-auto {
    overflow-y: auto !important
}

.k-overflow-auto-auto {
    overflow: auto auto !important
}

.k-overflow-auto-hidden {
    overflow: auto hidden !important
}

.k-overflow-auto-visible {
    overflow: auto visible !important
}

.k-overflow-auto-scroll {
    overflow: auto scroll !important
}

.k-overflow-auto-clip {
    overflow: auto clip !important
}

.k-overflow-hidden {
    overflow: hidden !important
}

.k-overflow-x-hidden {
    overflow-x: hidden !important
}

.k-overflow-y-hidden {
    overflow-y: hidden !important
}

.k-overflow-hidden-auto {
    overflow: hidden auto !important
}

.k-overflow-hidden-hidden {
    overflow: hidden hidden !important
}

.k-overflow-hidden-visible {
    overflow: hidden visible !important
}

.k-overflow-hidden-scroll {
    overflow: hidden scroll !important
}

.k-overflow-hidden-clip {
    overflow: hidden clip !important
}

.k-overflow-visible {
    overflow: visible !important
}

.k-overflow-x-visible {
    overflow-x: visible !important
}

.k-overflow-y-visible {
    overflow-y: visible !important
}

.k-overflow-visible-auto {
    overflow: visible auto !important
}

.k-overflow-visible-hidden {
    overflow: visible hidden !important
}

.k-overflow-visible-visible {
    overflow: visible visible !important
}

.k-overflow-visible-scroll {
    overflow: visible scroll !important
}

.k-overflow-visible-clip {
    overflow: visible clip !important
}

.k-overflow-scroll {
    overflow: scroll !important
}

.k-overflow-x-scroll {
    overflow-x: scroll !important
}

.k-overflow-y-scroll {
    overflow-y: scroll !important
}

.k-overflow-scroll-auto {
    overflow: scroll auto !important
}

.k-overflow-scroll-hidden {
    overflow: scroll hidden !important
}

.k-overflow-scroll-visible {
    overflow: scroll visible !important
}

.k-overflow-scroll-scroll {
    overflow: scroll scroll !important
}

.k-overflow-scroll-clip {
    overflow: scroll clip !important
}

.k-overflow-clip {
    overflow: clip !important
}

.k-overflow-x-clip {
    overflow-x: clip !important
}

.k-overflow-y-clip {
    overflow-y: clip !important
}

.k-overflow-clip-auto {
    overflow: clip auto !important
}

.k-overflow-clip-hidden {
    overflow: clip hidden !important
}

.k-overflow-clip-visible {
    overflow: clip visible !important
}

.k-overflow-clip-scroll {
    overflow: clip scroll !important
}

.k-overflow-clip-clip {
    overflow: clip clip !important
}

.k-pointer-events-none {
    pointer-events: none !important
}

.k-pointer-events-auto {
    pointer-events: auto !important
}

.k-pos-static, .k-static {
    position: static !important
}

.k-pos-relative, .k-relative {
    position: relative !important
}

.k-absolute, .k-pos-absolute {
    position: absolute !important
}

.k-fixed, .k-pos-fixed {
    position: fixed !important
}

.k-pos-sticky, .k-sticky {
    position: sticky !important
}

.k-pos-top, .k-top {
    top: 0
}

.k-pos-right, .k-right {
    right: 0
}

.k-bottom, .k-pos-bottom {
    bottom: 0
}

.k-left, .k-pos-left {
    left: 0
}

.k-pos-top-start, .k-top-start {
    top: 0;
    left: 0
}

    .k-pos-top-start[dir=rtl], .k-rtl .k-pos-top-start, .k-rtl .k-top-start, .k-top-start[dir=rtl], [dir=rtl] .k-pos-top-start, [dir=rtl] .k-top-start {
        left: auto;
        right: 0
    }

.k-pos-top-center, .k-top-center {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-pos-top-end, .k-top-end {
    top: 0;
    right: 0
}

    .k-pos-top-end[dir=rtl], .k-rtl .k-pos-top-end, .k-rtl .k-top-end, .k-top-end[dir=rtl], [dir=rtl] .k-pos-top-end, [dir=rtl] .k-top-end {
        right: auto;
        left: 0
    }

.k-bottom-start, .k-pos-bottom-start {
    bottom: 0;
    left: 0
}

    .k-bottom-start[dir=rtl], .k-pos-bottom-start[dir=rtl], .k-rtl .k-bottom-start, .k-rtl .k-pos-bottom-start, [dir=rtl] .k-bottom-start, [dir=rtl] .k-pos-bottom-start {
        left: auto;
        right: 0
    }

.k-bottom-center, .k-pos-bottom-center {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-bottom-end, .k-pos-bottom-end {
    bottom: 0;
    right: 0
}

    .k-bottom-end[dir=rtl], .k-pos-bottom-end[dir=rtl], .k-rtl .k-bottom-end, .k-rtl .k-pos-bottom-end, [dir=rtl] .k-bottom-end, [dir=rtl] .k-pos-bottom-end {
        right: auto;
        left: 0
    }

.k-middle-start, .k-pos-middle-start {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.k-middle-end, .k-pos-middle-end {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.k-resize-none {
    resize: none !important
}

.k-resize-both {
    resize: both !important
}

.k-resize-horizontal {
    resize: horizontal !important
}

.k-resize-vertical {
    resize: vertical !important
}

.k-spacer {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-spacer-sized {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.k-p-0 {
    padding: 0 !important
}

.k-pt-0 {
    padding-top: 0 !important
}

.k-pr-0 {
    padding-right: 0 !important
}

.k-pb-0 {
    padding-bottom: 0 !important
}

.k-pl-0 {
    padding-left: 0 !important
}

.k-m-0 {
    margin: 0 !important
}

.k-mt-0 {
    margin-top: 0 !important
}

.k-mr-0 {
    margin-right: 0 !important
}

.k-mb-0 {
    margin-bottom: 0 !important
}

.k-ml-0 {
    margin-left: 0 !important
}

.k-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.k-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.k-mx-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.k-my-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.k-p-1 {
    padding: 4px !important
}

.k-pt-1 {
    padding-top: 4px !important
}

.k-pr-1 {
    padding-right: 4px !important
}

.k-pb-1 {
    padding-bottom: 4px !important
}

.k-pl-1 {
    padding-left: 4px !important
}

.k-m-1 {
    margin: 4px !important
}

.k-mt-1 {
    margin-top: 4px !important
}

.k-mr-1 {
    margin-right: 4px !important
}

.k-mb-1 {
    margin-bottom: 4px !important
}

.k-ml-1 {
    margin-left: 4px !important
}

.k-px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-mx-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-my-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-p-2 {
    padding: 8px !important
}

.k-pt-2 {
    padding-top: 8px !important
}

.k-pr-2 {
    padding-right: 8px !important
}

.k-pb-2 {
    padding-bottom: 8px !important
}

.k-pl-2 {
    padding-left: 8px !important
}

.k-m-2 {
    margin: 8px !important
}

.k-mt-2 {
    margin-top: 8px !important
}

.k-mr-2 {
    margin-right: 8px !important
}

.k-mb-2 {
    margin-bottom: 8px !important
}

.k-ml-2 {
    margin-left: 8px !important
}

.k-px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-mx-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-my-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-p-3 {
    padding: 12px !important
}

.k-pt-3 {
    padding-top: 12px !important
}

.k-pr-3 {
    padding-right: 12px !important
}

.k-pb-3 {
    padding-bottom: 12px !important
}

.k-pl-3 {
    padding-left: 12px !important
}

.k-m-3 {
    margin: 12px !important
}

.k-mt-3 {
    margin-top: 12px !important
}

.k-mr-3 {
    margin-right: 12px !important
}

.k-mb-3 {
    margin-bottom: 12px !important
}

.k-ml-3 {
    margin-left: 12px !important
}

.k-px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-mx-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-my-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-p-4 {
    padding: 16px !important
}

.k-pt-4 {
    padding-top: 16px !important
}

.k-pr-4 {
    padding-right: 16px !important
}

.k-pb-4 {
    padding-bottom: 16px !important
}

.k-pl-4 {
    padding-left: 16px !important
}

.k-m-4 {
    margin: 16px !important
}

.k-mt-4 {
    margin-top: 16px !important
}

.k-mr-4 {
    margin-right: 16px !important
}

.k-mb-4 {
    margin-bottom: 16px !important
}

.k-ml-4 {
    margin-left: 16px !important
}

.k-px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-mx-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-my-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-p-5 {
    padding: 20px !important
}

.k-pt-5 {
    padding-top: 20px !important
}

.k-pr-5 {
    padding-right: 20px !important
}

.k-pb-5 {
    padding-bottom: 20px !important
}

.k-pl-5 {
    padding-left: 20px !important
}

.k-m-5 {
    margin: 20px !important
}

.k-mt-5 {
    margin-top: 20px !important
}

.k-mr-5 {
    margin-right: 20px !important
}

.k-mb-5 {
    margin-bottom: 20px !important
}

.k-ml-5 {
    margin-left: 20px !important
}

.k-px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.k-py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.k-mx-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.k-my-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.k-p-6 {
    padding: 24px !important
}

.k-pt-6 {
    padding-top: 24px !important
}

.k-pr-6 {
    padding-right: 24px !important
}

.k-pb-6 {
    padding-bottom: 24px !important
}

.k-pl-6 {
    padding-left: 24px !important
}

.k-m-6 {
    margin: 24px !important
}

.k-mt-6 {
    margin-top: 24px !important
}

.k-mr-6 {
    margin-right: 24px !important
}

.k-mb-6 {
    margin-bottom: 24px !important
}

.k-ml-6 {
    margin-left: 24px !important
}

.k-px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-mx-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-my-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-p-7 {
    padding: 28px !important
}

.k-pt-7 {
    padding-top: 28px !important
}

.k-pr-7 {
    padding-right: 28px !important
}

.k-pb-7 {
    padding-bottom: 28px !important
}

.k-pl-7 {
    padding-left: 28px !important
}

.k-m-7 {
    margin: 28px !important
}

.k-mt-7 {
    margin-top: 28px !important
}

.k-mr-7 {
    margin-right: 28px !important
}

.k-mb-7 {
    margin-bottom: 28px !important
}

.k-ml-7 {
    margin-left: 28px !important
}

.k-px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.k-py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.k-mx-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.k-my-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.k-p-8 {
    padding: 32px !important
}

.k-pt-8 {
    padding-top: 32px !important
}

.k-pr-8 {
    padding-right: 32px !important
}

.k-pb-8 {
    padding-bottom: 32px !important
}

.k-pl-8 {
    padding-left: 32px !important
}

.k-m-8 {
    margin: 32px !important
}

.k-mt-8 {
    margin-top: 32px !important
}

.k-mr-8 {
    margin-right: 32px !important
}

.k-mb-8 {
    margin-bottom: 32px !important
}

.k-ml-8 {
    margin-left: 32px !important
}

.k-px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.k-py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.k-mx-8 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.k-my-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.k-p-9 {
    padding: 36px !important
}

.k-pt-9 {
    padding-top: 36px !important
}

.k-pr-9 {
    padding-right: 36px !important
}

.k-pb-9 {
    padding-bottom: 36px !important
}

.k-pl-9 {
    padding-left: 36px !important
}

.k-m-9 {
    margin: 36px !important
}

.k-mt-9 {
    margin-top: 36px !important
}

.k-mr-9 {
    margin-right: 36px !important
}

.k-mb-9 {
    margin-bottom: 36px !important
}

.k-ml-9 {
    margin-left: 36px !important
}

.k-px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.k-py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.k-mx-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.k-my-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.k-p-10 {
    padding: 40px !important
}

.k-pt-10 {
    padding-top: 40px !important
}

.k-pr-10 {
    padding-right: 40px !important
}

.k-pb-10 {
    padding-bottom: 40px !important
}

.k-pl-10 {
    padding-left: 40px !important
}

.k-m-10 {
    margin: 40px !important
}

.k-mt-10 {
    margin-top: 40px !important
}

.k-mr-10 {
    margin-right: 40px !important
}

.k-mb-10 {
    margin-bottom: 40px !important
}

.k-ml-10 {
    margin-left: 40px !important
}

.k-px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.k-py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.k-mx-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.k-my-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.k-p-11 {
    padding: 44px !important
}

.k-pt-11 {
    padding-top: 44px !important
}

.k-pr-11 {
    padding-right: 44px !important
}

.k-pb-11 {
    padding-bottom: 44px !important
}

.k-pl-11 {
    padding-left: 44px !important
}

.k-m-11 {
    margin: 44px !important
}

.k-mt-11 {
    margin-top: 44px !important
}

.k-mr-11 {
    margin-right: 44px !important
}

.k-mb-11 {
    margin-bottom: 44px !important
}

.k-ml-11 {
    margin-left: 44px !important
}

.k-px-11 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.k-py-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.k-mx-11 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.k-my-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.k-p-12 {
    padding: 48px !important
}

.k-pt-12 {
    padding-top: 48px !important
}

.k-pr-12 {
    padding-right: 48px !important
}

.k-pb-12 {
    padding-bottom: 48px !important
}

.k-pl-12 {
    padding-left: 48px !important
}

.k-m-12 {
    margin: 48px !important
}

.k-mt-12 {
    margin-top: 48px !important
}

.k-mr-12 {
    margin-right: 48px !important
}

.k-mb-12 {
    margin-bottom: 48px !important
}

.k-ml-12 {
    margin-left: 48px !important
}

.k-px-12 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.k-py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.k-mx-12 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.k-my-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.k-p-13 {
    padding: 52px !important
}

.k-pt-13 {
    padding-top: 52px !important
}

.k-pr-13 {
    padding-right: 52px !important
}

.k-pb-13 {
    padding-bottom: 52px !important
}

.k-pl-13 {
    padding-left: 52px !important
}

.k-m-13 {
    margin: 52px !important
}

.k-mt-13 {
    margin-top: 52px !important
}

.k-mr-13 {
    margin-right: 52px !important
}

.k-mb-13 {
    margin-bottom: 52px !important
}

.k-ml-13 {
    margin-left: 52px !important
}

.k-px-13 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.k-py-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.k-mx-13 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.k-my-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.k-p-14 {
    padding: 56px !important
}

.k-pt-14 {
    padding-top: 56px !important
}

.k-pr-14 {
    padding-right: 56px !important
}

.k-pb-14 {
    padding-bottom: 56px !important
}

.k-pl-14 {
    padding-left: 56px !important
}

.k-m-14 {
    margin: 56px !important
}

.k-mt-14 {
    margin-top: 56px !important
}

.k-mr-14 {
    margin-right: 56px !important
}

.k-mb-14 {
    margin-bottom: 56px !important
}

.k-ml-14 {
    margin-left: 56px !important
}

.k-px-14 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.k-py-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.k-mx-14 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.k-my-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.k-p-15 {
    padding: 60px !important
}

.k-pt-15 {
    padding-top: 60px !important
}

.k-pr-15 {
    padding-right: 60px !important
}

.k-pb-15 {
    padding-bottom: 60px !important
}

.k-pl-15 {
    padding-left: 60px !important
}

.k-m-15 {
    margin: 60px !important
}

.k-mt-15 {
    margin-top: 60px !important
}

.k-mr-15 {
    margin-right: 60px !important
}

.k-mb-15 {
    margin-bottom: 60px !important
}

.k-ml-15 {
    margin-left: 60px !important
}

.k-px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.k-py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.k-mx-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.k-my-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.k-p-16 {
    padding: 64px !important
}

.k-pt-16 {
    padding-top: 64px !important
}

.k-pr-16 {
    padding-right: 64px !important
}

.k-pb-16 {
    padding-bottom: 64px !important
}

.k-pl-16 {
    padding-left: 64px !important
}

.k-m-16 {
    margin: 64px !important
}

.k-mt-16 {
    margin-top: 64px !important
}

.k-mr-16 {
    margin-right: 64px !important
}

.k-mb-16 {
    margin-bottom: 64px !important
}

.k-ml-16 {
    margin-left: 64px !important
}

.k-px-16 {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.k-py-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.k-mx-16 {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.k-my-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.k-p-17 {
    padding: 68px !important
}

.k-pt-17 {
    padding-top: 68px !important
}

.k-pr-17 {
    padding-right: 68px !important
}

.k-pb-17 {
    padding-bottom: 68px !important
}

.k-pl-17 {
    padding-left: 68px !important
}

.k-m-17 {
    margin: 68px !important
}

.k-mt-17 {
    margin-top: 68px !important
}

.k-mr-17 {
    margin-right: 68px !important
}

.k-mb-17 {
    margin-bottom: 68px !important
}

.k-ml-17 {
    margin-left: 68px !important
}

.k-px-17 {
    padding-left: 68px !important;
    padding-right: 68px !important
}

.k-py-17 {
    padding-top: 68px !important;
    padding-bottom: 68px !important
}

.k-mx-17 {
    padding-left: 68px !important;
    padding-right: 68px !important
}

.k-my-17 {
    padding-top: 68px !important;
    padding-bottom: 68px !important
}

.k-p-18 {
    padding: 72px !important
}

.k-pt-18 {
    padding-top: 72px !important
}

.k-pr-18 {
    padding-right: 72px !important
}

.k-pb-18 {
    padding-bottom: 72px !important
}

.k-pl-18 {
    padding-left: 72px !important
}

.k-m-18 {
    margin: 72px !important
}

.k-mt-18 {
    margin-top: 72px !important
}

.k-mr-18 {
    margin-right: 72px !important
}

.k-mb-18 {
    margin-bottom: 72px !important
}

.k-ml-18 {
    margin-left: 72px !important
}

.k-px-18 {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.k-py-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.k-mx-18 {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.k-my-18 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.k-p-19 {
    padding: 76px !important
}

.k-pt-19 {
    padding-top: 76px !important
}

.k-pr-19 {
    padding-right: 76px !important
}

.k-pb-19 {
    padding-bottom: 76px !important
}

.k-pl-19 {
    padding-left: 76px !important
}

.k-m-19 {
    margin: 76px !important
}

.k-mt-19 {
    margin-top: 76px !important
}

.k-mr-19 {
    margin-right: 76px !important
}

.k-mb-19 {
    margin-bottom: 76px !important
}

.k-ml-19 {
    margin-left: 76px !important
}

.k-px-19 {
    padding-left: 76px !important;
    padding-right: 76px !important
}

.k-py-19 {
    padding-top: 76px !important;
    padding-bottom: 76px !important
}

.k-mx-19 {
    padding-left: 76px !important;
    padding-right: 76px !important
}

.k-my-19 {
    padding-top: 76px !important;
    padding-bottom: 76px !important
}

.k-p-20 {
    padding: 80px !important
}

.k-pt-20 {
    padding-top: 80px !important
}

.k-pr-20 {
    padding-right: 80px !important
}

.k-pb-20 {
    padding-bottom: 80px !important
}

.k-pl-20 {
    padding-left: 80px !important
}

.k-m-20 {
    margin: 80px !important
}

.k-mt-20 {
    margin-top: 80px !important
}

.k-mr-20 {
    margin-right: 80px !important
}

.k-mb-20 {
    margin-bottom: 80px !important
}

.k-ml-20 {
    margin-left: 80px !important
}

.k-px-20 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.k-py-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.k-mx-20 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.k-my-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.k-p-21 {
    padding: 84px !important
}

.k-pt-21 {
    padding-top: 84px !important
}

.k-pr-21 {
    padding-right: 84px !important
}

.k-pb-21 {
    padding-bottom: 84px !important
}

.k-pl-21 {
    padding-left: 84px !important
}

.k-m-21 {
    margin: 84px !important
}

.k-mt-21 {
    margin-top: 84px !important
}

.k-mr-21 {
    margin-right: 84px !important
}

.k-mb-21 {
    margin-bottom: 84px !important
}

.k-ml-21 {
    margin-left: 84px !important
}

.k-px-21 {
    padding-left: 84px !important;
    padding-right: 84px !important
}

.k-py-21 {
    padding-top: 84px !important;
    padding-bottom: 84px !important
}

.k-mx-21 {
    padding-left: 84px !important;
    padding-right: 84px !important
}

.k-my-21 {
    padding-top: 84px !important;
    padding-bottom: 84px !important
}

.k-p-22 {
    padding: 88px !important
}

.k-pt-22 {
    padding-top: 88px !important
}

.k-pr-22 {
    padding-right: 88px !important
}

.k-pb-22 {
    padding-bottom: 88px !important
}

.k-pl-22 {
    padding-left: 88px !important
}

.k-m-22 {
    margin: 88px !important
}

.k-mt-22 {
    margin-top: 88px !important
}

.k-mr-22 {
    margin-right: 88px !important
}

.k-mb-22 {
    margin-bottom: 88px !important
}

.k-ml-22 {
    margin-left: 88px !important
}

.k-px-22 {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.k-py-22 {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.k-mx-22 {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.k-my-22 {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.k-p-23 {
    padding: 92px !important
}

.k-pt-23 {
    padding-top: 92px !important
}

.k-pr-23 {
    padding-right: 92px !important
}

.k-pb-23 {
    padding-bottom: 92px !important
}

.k-pl-23 {
    padding-left: 92px !important
}

.k-m-23 {
    margin: 92px !important
}

.k-mt-23 {
    margin-top: 92px !important
}

.k-mr-23 {
    margin-right: 92px !important
}

.k-mb-23 {
    margin-bottom: 92px !important
}

.k-ml-23 {
    margin-left: 92px !important
}

.k-px-23 {
    padding-left: 92px !important;
    padding-right: 92px !important
}

.k-py-23 {
    padding-top: 92px !important;
    padding-bottom: 92px !important
}

.k-mx-23 {
    padding-left: 92px !important;
    padding-right: 92px !important
}

.k-my-23 {
    padding-top: 92px !important;
    padding-bottom: 92px !important
}

.k-p-24 {
    padding: 96px !important
}

.k-pt-24 {
    padding-top: 96px !important
}

.k-pr-24 {
    padding-right: 96px !important
}

.k-pb-24 {
    padding-bottom: 96px !important
}

.k-pl-24 {
    padding-left: 96px !important
}

.k-m-24 {
    margin: 96px !important
}

.k-mt-24 {
    margin-top: 96px !important
}

.k-mr-24 {
    margin-right: 96px !important
}

.k-mb-24 {
    margin-bottom: 96px !important
}

.k-ml-24 {
    margin-left: 96px !important
}

.k-px-24 {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.k-py-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.k-mx-24 {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.k-my-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.k-p-xs {
    padding: 4px !important
}

.k-pt-xs {
    padding-top: 4px !important
}

.k-pr-xs {
    padding-right: 4px !important
}

.k-pb-xs {
    padding-bottom: 4px !important
}

.k-pl-xs {
    padding-left: 4px !important
}

.k-m-xs {
    margin: 4px !important
}

.k-mt-xs {
    margin-top: 4px !important
}

.k-mr-xs {
    margin-right: 4px !important
}

.k-mb-xs {
    margin-bottom: 4px !important
}

.k-ml-xs {
    margin-left: 4px !important
}

.k-px-xs {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-py-xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-mx-xs {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.k-my-xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.k-p-sm {
    padding: 8px !important
}

.k-pt-sm {
    padding-top: 8px !important
}

.k-pr-sm {
    padding-right: 8px !important
}

.k-pb-sm {
    padding-bottom: 8px !important
}

.k-pl-sm {
    padding-left: 8px !important
}

.k-m-sm {
    margin: 8px !important
}

.k-mt-sm {
    margin-top: 8px !important
}

.k-mr-sm {
    margin-right: 8px !important
}

.k-mb-sm {
    margin-bottom: 8px !important
}

.k-ml-sm {
    margin-left: 8px !important
}

.k-px-sm {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-py-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-mx-sm {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.k-my-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.k-p-md {
    padding: 12px !important
}

.k-pt-md {
    padding-top: 12px !important
}

.k-pr-md {
    padding-right: 12px !important
}

.k-pb-md {
    padding-bottom: 12px !important
}

.k-pl-md {
    padding-left: 12px !important
}

.k-m-md {
    margin: 12px !important
}

.k-mt-md {
    margin-top: 12px !important
}

.k-mr-md {
    margin-right: 12px !important
}

.k-mb-md {
    margin-bottom: 12px !important
}

.k-ml-md {
    margin-left: 12px !important
}

.k-px-md {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-py-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-mx-md {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.k-my-md {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.k-p-lg {
    padding: 16px !important
}

.k-pt-lg {
    padding-top: 16px !important
}

.k-pr-lg {
    padding-right: 16px !important
}

.k-pb-lg {
    padding-bottom: 16px !important
}

.k-pl-lg {
    padding-left: 16px !important
}

.k-m-lg {
    margin: 16px !important
}

.k-mt-lg {
    margin-top: 16px !important
}

.k-mr-lg {
    margin-right: 16px !important
}

.k-mb-lg {
    margin-bottom: 16px !important
}

.k-ml-lg {
    margin-left: 16px !important
}

.k-px-lg {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-py-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-mx-lg {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.k-my-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.k-p-xl {
    padding: 24px !important
}

.k-pt-xl {
    padding-top: 24px !important
}

.k-pr-xl {
    padding-right: 24px !important
}

.k-pb-xl {
    padding-bottom: 24px !important
}

.k-pl-xl {
    padding-left: 24px !important
}

.k-m-xl {
    margin: 24px !important
}

.k-mt-xl {
    margin-top: 24px !important
}

.k-mr-xl {
    margin-right: 24px !important
}

.k-mb-xl {
    margin-bottom: 24px !important
}

.k-ml-xl {
    margin-left: 24px !important
}

.k-px-xl {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-py-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-mx-xl {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.k-my-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.k-p-thin {
    padding: 2px !important
}

.k-pt-thin {
    padding-top: 2px !important
}

.k-pr-thin {
    padding-right: 2px !important
}

.k-pb-thin {
    padding-bottom: 2px !important
}

.k-pl-thin {
    padding-left: 2px !important
}

.k-m-thin {
    margin: 2px !important
}

.k-mt-thin {
    margin-top: 2px !important
}

.k-mr-thin {
    margin-right: 2px !important
}

.k-mb-thin {
    margin-bottom: 2px !important
}

.k-ml-thin {
    margin-left: 2px !important
}

.k-px-thin {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.k-py-thin {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.k-mx-thin {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.k-my-thin {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.k-p-hair {
    padding: 1px !important
}

.k-pt-hair {
    padding-top: 1px !important
}

.k-pr-hair {
    padding-right: 1px !important
}

.k-pb-hair {
    padding-bottom: 1px !important
}

.k-pl-hair {
    padding-left: 1px !important
}

.k-m-hair {
    margin: 1px !important
}

.k-mt-hair {
    margin-top: 1px !important
}

.k-mr-hair {
    margin-right: 1px !important
}

.k-mb-hair {
    margin-bottom: 1px !important
}

.k-ml-hair {
    margin-left: 1px !important
}

.k-px-hair {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.k-py-hair {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.k-mx-hair {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.k-my-hair {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.k-table-layout-fixed {
    table-layout: fixed
}

.k-table-layout-auto {
    table-layout: auto
}

.k-text-nowrap {
    white-space: nowrap !important
}

.k-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-text-left {
    text-align: left !important
}

.k-text-right {
    text-align: right !important
}

.k-text-center {
    text-align: center !important
}

.k-text-justify {
    text-align: justify !important
}

.k-text-lowercase {
    text-transform: lowercase !important
}

.k-text-uppercase {
    text-transform: uppercase !important
}

.k-text-capitalize {
    text-transform: capitalize !important
}

.k-font-weight-light {
    font-weight: 300 !important
}

.k-font-weight-normal {
    font-weight: 400 !important
}

.k-font-weight-bold {
    font-weight: 700 !important
}

.k-touch-action-none {
    -ms-touch-action: none !important;
    touch-action: none !important
}

.k-touch-action-auto {
    -ms-touch-action: auto !important;
    touch-action: auto !important
}

.k-flip-h {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-flip-v {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.k-flip-h.k-flip-v {
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

.k-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.k-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.k-rotate-135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.k-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.k-rotate-225 {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.k-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.k-rotate-315 {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.k-scale-0 {
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0)
}

.k-scale-1 {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

.k-scale-2 {
    -webkit-transform: scale(2,2);
    -ms-transform: scale(2,2);
    transform: scale(2,2)
}

.k-translate-0 {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.k-translate-0-50 {
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    transform: translate(0,50%)
}

.k-translate-0-100 {
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%)
}

.k-translate-50-0 {
    -webkit-transform: translate(50%,0);
    -ms-transform: translate(50%,0);
    transform: translate(50%,0)
}

.k-translate-50-50 {
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.k-translate-50-100 {
    -webkit-transform: translate(50%,100%);
    -ms-transform: translate(50%,100%);
    transform: translate(50%,100%)
}

.k-translate-100-0 {
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0)
}

.k-translate-100-50 {
    -webkit-transform: translate(100%,50%);
    -ms-transform: translate(100%,50%);
    transform: translate(100%,50%)
}

.k-translate-100-100 {
    -webkit-transform: translate(100%,100%);
    -ms-transform: translate(100%,100%);
    transform: translate(100%,100%)
}

.k-user-select-none {
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.k-user-select-auto {
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.k-user-select-text {
    -webkit-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
}

.k-user-select-all {
    -webkit-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.k-user-select-contain {
    -webkit-user-select: contain !important;
    -ms-user-select: element !important;
    user-select: contain !important
}

.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-no-click {
    pointer-events: none
}

.k-floatwrap:after, .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.k-floatwrap, .k-slider-items {
    display: inline-block
}

.k-floatwrap, .k-slider-items {
    display: block
}

.k-block, .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-toolbar {
    background-repeat: repeat;
    background-position: 0 center
}

.k-link:hover {
    text-decoration: none
}

.k-state-highlight > .k-link {
    color: inherit
}

.k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textarea, .k-textarea > .k-input .k-multiselect .k-input, .k-textarea > textarea, .k-textbox, .k-textbox > .k-input, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

    .k-searchbox > .k-input, .k-textarea > .k-input, .k-textbox > .k-input {
        margin: 0;
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-color: #d8c3ab;
        border-color: #977345;
        font: inherit;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        -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 .k-input::-ms-clear {
        width: 0;
        height: 0
    }

.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: transparent
}

.k-block, .k-calendar, .k-grid-header .k-i-link-horizontal, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
    -webkit-touch-callout: none
}

.k-header-column-menu {
    color: inherit
}

.k-block {
    padding: 2px
}

    .k-block > .k-header {
        margin: -2px 0 10px -2px;
        padding: .3em 2px;
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 1.2em;
        white-space: nowrap;
        min-height: 16px;
        position: relative
    }

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%
}

.k-toolbar .k-button-icontext {
    padding-right: .8em
}

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.k-grid-header span.k-link {
    cursor: default
}

.k-state-disabled, .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;
    pointer-events: none;
    outline: 0
}

.k-state-disabled {
    opacity: .7
}

    .k-state-disabled > .k-button {
        opacity: 1
    }

@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-icon.k-i-none {
    background-image: none !important
}

.k-image {
    border: 0
}

.k-widget .k-icon.k-i-collapse, .k-widget .k-icon.k-i-expand {
    cursor: pointer
}

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-icon.k-i-loading {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

    .k-icon.k-i-loading::before {
        content: "";
        display: none
    }

.k-loading-image, .k-loading-mask, .k-loading-text {
    position: absolute
}

.k-loading-mask {
    z-index: 100
}

    .k-loading-mask.k-opaque .k-loading-color {
        opacity: 1
    }

    .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 {
    opacity: .3
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}

.k-pane > .k-splitter-overlay {
    opacity: 0;
    position: absolute
}

.k-drag-clue {
    margin: 0;
    padding: 4px 8px;
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
    line-height: normal;
    white-space: nowrap;
    list-style: none;
    cursor: default;
    overflow: hidden;
    position: absolute;
    z-index: 10003
}

.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-60-down {
        top: -4px
    }

    .k-reorder-cue .k-i-arrow-60-up {
        bottom: -4px
    }

.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 {
    box-sizing: content-box
}

.k-autocomplete, .k-block, .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 {
    box-sizing: border-box
}

.input-group .form-control {
    box-sizing: border-box
}

.form-control.k-widget {
    padding: 0
}

.km-widget, .km-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.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-hr {
    margin: .5em auto;
    padding: 0;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    float: none;
    clear: both
}

.k-icon, .k-tool-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit
}

.k-drop-hint {
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1000;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.k-drop-hint-end, .k-drop-hint-start {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent
}

.k-drop-hint-line {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.k-drop-hint-h .k-drop-hint-start {
    border-left-width: 6.93px;
    border-right-width: 0
}

.k-drop-hint-h .k-drop-hint-line {
    width: 20px;
    height: 1px
}

.k-drop-hint-h .k-drop-hint-end {
    border-right-width: 6.93px;
    border-left-width: 0
}

.k-drop-hint-v {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-drop-hint-v .k-drop-hint-start {
        border-top-width: 6.93px;
        border-bottom-width: 0
    }

    .k-drop-hint-v .k-drop-hint-line {
        width: 1px;
        height: 20px
    }

    .k-drop-hint-v .k-drop-hint-end {
        border-bottom-width: 6.93px;
        border-top-width: 0
    }

.k-column-menu .k-sprite, .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-pager-numbers .k-current-page .k-link:after {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.k-icon:before {
    margin: auto;
    width: 1em;
    height: 1em;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon {
    text-indent: -99999px;
    overflow: hidden
}

    .k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before {
        text-indent: 0
    }

.k-sprite {
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -ms-high-contrast-adjust: none
}

.k-list-container .k-footer:after, .k-list-container .k-footer:before {
    content: "";
    display: block;
    overflow: hidden
}

.k-reorder-cue {
    position: absolute
}

    .k-reorder-cue::after, .k-reorder-cue::before {
        content: "";
        width: 0;
        height: 0;
        border: 3px solid transparent;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .k-reorder-cue::before {
        border-bottom-width: 0;
        border-top-color: currentColor;
        top: -4px
    }

    .k-reorder-cue::after {
        border-top-width: 0;
        border-bottom-color: currentColor;
        bottom: -4px
    }

.k-flip-h {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-flip-v {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.k-flip-h.k-flip-v {
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

.k-text-align-left, .k-text-left {
    text-align: left
}

.k-text-align-center, .k-text-center {
    text-align: center
}

.k-text-align-right, .k-text-right {
    text-align: right
}

.k-text-align-justify, .k-text-justify {
    text-align: justify
}

script {
    display: none !important
}

.k-button {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

    .k-button::-moz-focus-inner {
        padding: 0;
        border: 0;
        outline: 0
    }

    .k-button:focus, .k-button:hover {
        text-decoration: none;
        outline: 0
    }

    .k-button .k-button-text, .k-button .k-text {
        overflow: hidden;
        white-space: nowrap
    }

    .k-button .k-icon, .k-button .k-image, .k-button .k-sprite {
        color: inherit;
        -ms-flex-item-align: center;
        align-self: center;
        pointer-events: none
    }

.k-button-icontext {
    overflow: visible
}

    .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
        margin-right: 3px;
        margin-right: .1875em;
        margin-left: -2px;
        margin-left: -.125em
    }

.k-button.k-state-disabled, .k-button[disabled], .k-state-disabled .k-button {
    cursor: default;
    outline: 0;
    box-shadow: none;
    opacity: .6;
    pointer-events: none
}

.k-button.k-button-icon, .k-icon-button {
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    padding: 4px
}

    .k-button.k-button-icon .k-button-text, .k-button.k-button-icon .k-text, .k-icon-button .k-button-text, .k-icon-button .k-text {
        display: none
    }

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%
}

.k-button.k-button-clear, .k-button.k-flat {
    /*    border-color: transparent !important;
    color: inherit;*/
    /*   background: 0 0 !important;*/
    box-shadow: none !important;
    transition: color .2s ease-in-out
}

    .k-button.k-button-clear.k-state-active, .k-button.k-button-clear.k-state-hover, .k-button.k-button-clear:active, .k-button.k-button-clear:hover, .k-button.k-button-clear:hover.k-state-active, .k-button.k-button-clear:hover:active, .k-button.k-flat.k-state-active, .k-button.k-flat.k-state-hover, .k-button.k-flat:active, .k-button.k-flat:hover, .k-button.k-flat:hover.k-state-active, .k-button.k-flat:hover:active {
        color: inherit
    }

    .k-button.k-button-clear::before, .k-button.k-flat::before {
        display: block
    }

    .k-button.k-button-clear::after, .k-button.k-flat::after {
        display: block
    }

    .k-button.k-button-clear.k-state-focused::after, .k-button.k-button-clear:focus::after, .k-button.k-flat.k-state-focused::after, .k-button.k-flat:focus::after {
        box-shadow: inset 0 0 0 2px currentColor;
        opacity: .12
    }

    .k-button.k-button-clear.k-state-disabled, .k-button.k-button-clear[disabled], .k-button.k-flat.k-state-disabled, .k-button.k-flat[disabled], .k-state-disabled .k-button.k-button-clear, .k-state-disabled .k-button.k-flat {
        pointer-events: none
    }

.k-button::before {
    border-radius: inherit;
    content: "";
    background: currentColor;
    opacity: 0;
    display: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity .2s ease-in-out
}

.k-button.k-state-hover::before, .k-button:hover::before {
    opacity: .08
}

.k-button.k-no-focus:not(.k-state-hover)::before, .k-button.k-no-focus:not(:hover)::before {
    opacity: 0
}

.k-button.k-state-active::before, .k-button:active::before {
    opacity: .16
}

.k-button.k-state-selected::before {
    opacity: .2
}

.k-button::after {
    border-radius: inherit;
    content: "";
    opacity: 0;
    display: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity .2s ease-in-out
}

.k-button-group {
    margin: 0;
    padding: 0;
    border-width: 0;
    list-style: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .k-button-group.k-button-group-flat .k-button.k-state-selected {
        color: inherit
    }

    .k-button-group .k-button {
        position: relative
    }

        .k-button-group .k-button + .k-button {
            margin-left: -1px
        }

    .k-button-group.k-button-group-stretched {
        display: -ms-flexbox;
        display: flex
    }

        .k-button-group.k-button-group-stretched .k-button {
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

    .k-button-group .k-button.k-state-active, .k-button-group .k-button:active {
        z-index: 2
    }

    .k-button-group .k-button.k-state-hover, .k-button-group .k-button:hover {
        z-index: 3
    }

    .k-button-group .k-button.k-state-disabled, .k-button-group.k-state-disabled .k-button {
        z-index: auto
    }

    .k-button-group .k-button.k-state-focused, .k-button-group .k-button:focus {
        z-index: 4
    }

    .k-button-group label input[type=radio], .k-button-group label input[type=checkbox], .k-button-group > input[type=radio], .k-button-group > input[type=checkbox] {
        margin: 0;
        padding: 0;
        clip: rect(0,0,0,0);
        position: absolute;
        pointer-events: none
    }

.k-split-button {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    outline: 0;
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: row nowrap;
    flex: row nowrap;
    vertical-align: middle
}

    .k-split-button > .k-button:last-child, .k-split-button > .k-split-button-arrow {
        margin-left: -1px;
        padding: 4px;
        width: auto;
        -ms-flex: none;
        flex: none
    }

.k-split-container > li {
    padding: 1px
}

.k-split-container .k-button {
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    background-image: none !important;
    text-align: left;
    white-space: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-action-buttons {
    margin: 1em 0 0;
    padding: 6px 8px;
    text-align: right;
    position: relative;
    clear: both
}

    .k-action-buttons .k-button {
        min-width: 75px
    }

        .k-action-buttons .k-button + .k-button {
            margin-left: 6px
        }

        .k-action-buttons .k-button.k-left {
            float: left;
            margin: 0 0 0 1em
        }

.k-rtl .k-button-group .k-button {
    margin-left: 0
}

    .k-rtl .k-button-group .k-button + .k-button {
        margin-right: -1px
    }

.k-rtl .k-split-button .k-split-button-arrow {
    margin-left: 0;
    margin-right: -1px
}

.k-rtl .k-split-container .k-button {
    text-align: right
}

.k-no-flexbox .k-button {
    display: inline-block
}

.k-no-flexbox .k-button-group {
    display: inline-block
}

    .k-no-flexbox .k-button-group:after {
        content: "";
        display: block;
        clear: both
    }

    .k-no-flexbox .k-button-group .k-button {
        display: inline-block;
        vertical-align: top
    }

div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em
}

.k-toolbar {
    margin: 0;
    padding: .22em -10px .28em;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    outline: 0;
    font-size: inherit;
    line-height: 2.9em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

    .k-toolbar::before {
        content: "";
        height: calc(1.4285714286em + 10px)
    }

    .k-toolbar.k-toolbar-resizable {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    /*
    .k-toolbar > * {
        margin-top: 2px;
        margin-bottom: 2px;
        margin-right: 4px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: center;
        align-content: center;
        vertical-align: middle
    }
*/
    .k-toolbar > * > label {
        margin-right: 4px
    }

    .k-toolbar > :last-child {
        margin-right: 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 {
        -ms-flex-item-align: center;
        align-self: center
    }

        .k-toolbar .k-split-button > .k-button {
            -ms-flex-item-align: stretch;
            align-self: stretch
        }

    .k-toolbar .k-overflow-anchor {
        margin: 0;
        width: calc(1.4285714286em + 18px);
        height: 100%;
        border-width: 0;
        border-left-width: 1px;
        border-radius: 0;
        border-color: inherit;
        box-sizing: border-box;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0
    }

    .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator {
        width: 0;
        height: 1.42857143em;
        border-width: 0 0 0 1px;
        border-style: solid
    }

    .k-toolbar .k-spacer, .k-toolbar .k-toolbar-spacer {
        height: 1.42857143em;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-overflow-container > .k-item {
    padding: 1px
}

.k-overflow-container .k-overflow-tool-group {
    display: block
}

.k-overflow-container .k-overflow-button {
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    background-image: none !important;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-overflow-container .k-button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-overflow-container .k-button-group .k-button ~ .k-button {
        margin: 0
    }

.k-overflow-container .k-split-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-overflow-container .k-split-button .k-button {
        padding: 4px 8px
    }

        .k-overflow-container .k-split-button .k-button ~ .k-button {
            margin: 0
        }

.k-overflow-container .k-separator {
    display: none
}

.k-overflow-container .k-overflow-hidden {
    display: none
}

.k-rtl .k-toolbar > * {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-toolbar > :last-child {
    margin-left: 0
}

.k-rtl .k-toolbar .k-overflow-anchor {
    border-left-width: 0;
    border-right-width: 1px;
    right: auto;
    left: 0
}

.k-rtl .k-overflow-container .k-overflow-button {
    text-align: right
}

.k-no-flexbox .k-toolbar {
    display: block
}

    .k-no-flexbox .k-toolbar.k-toolbar-resizable {
        white-space: nowrap
    }

    .k-no-flexbox .k-toolbar > * {
        display: inline-block;
        vertical-align: middle
    }

    .k-no-flexbox .k-toolbar > .k-align-left {
        float: none
    }

    .k-no-flexbox .k-toolbar > .k-align-right {
        float: right
    }

.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-ie9 .k-rpanel-left {
    left: -100%
}

    .k-ie9 .k-rpanel-left.k-rpanel-expanded {
        left: 0
    }

.k-rpanel-top {
    position: static;
    max-height: 0
}

    .k-rpanel-top.k-rpanel-expanded {
        max-height: 568px;
        overflow: visible !important
    }

.k-rpanel-toggle {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.k-form {
    border-width: 0;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143
}

.k-form-fieldset {
    margin: 32px 0 0;
    padding: 0 0;
    border-width: 0;
    box-sizing: border-box
}

    .k-form-fieldset > :first-child {
        margin-top: 0
    }

.k-form-legend {
    margin: 0 0 16px;
    padding: 0 0;
    border-style: solid;
    width: 100%;
    border-width: 0 0 2px;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143;
    text-transform: uppercase
}

.k-form-field {
    margin: 0 0 16px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .k-form-field:first-child {
        margin-top: 0
    }

    .k-form-field > .k-form-label, .k-form-field > .k-label {
        margin: 0 0 4px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-form-field .k-checkbox-label, .k-form-field .k-radio-label {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-form-field .k-autocomplete, .k-form-field .k-combobox, .k-form-field .k-dateinput, .k-form-field .k-datepicker, .k-form-field .k-daterangepicker-wrap, .k-form-field .k-datetimepicker, .k-form-field .k-dropdown, .k-form-field .k-dropdowntree, .k-form-field .k-floating-label-container, .k-form-field .k-maskedtextbox, .k-form-field .k-multiselect, .k-form-field .k-numerictextbox, .k-form-field .k-textarea, .k-form-field .k-textbox, .k-form-field .k-textbox-container, .k-form-field .k-timepicker {
        width: 100%
    }

.k-form-error, .k-form-hint {
    padding: 4px 0 0;
    margin: 0 0 4px;
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-form-horizontal .k-form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .k-form-horizontal .k-form-field > .k-form-label, .k-form-horizontal .k-form-field > .k-label {
        margin-right: 10px;
        padding-top: 5px;
        width: 25%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .k-form-horizontal .k-form-field .k-label-optional {
        margin: 0;
        -ms-flex-item-align: inherit;
        align-self: inherit
    }

.k-form-horizontal .k-form-field-wrap {
    -ms-flex: 1;
    flex: 1
}

.k-form-buttons {
    margin: 16px 0 0;
    padding: 0 0;
    border-width: 0;
    border-top-width: 0;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .k-form-buttons > * {
        -webkit-margin-start: 8px;
        margin-inline-start: 8px
    }

    .k-form-buttons > :first-child {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .k-form-buttons.k-buttons-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.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.k-no-editor, .k-edit-form-container .editor-field.k-no-editor {
            padding: .4em 0 1em
        }

    .k-edit-form-container .k-button {
        margin: 0 .16em
    }

    .k-edit-form-container .k-button-group .k-button {
        margin-right: 0
    }

.k-edit-field > .k-button:first-child {
    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
}

/*.k-tabstrip {
    margin: 0;
    padding: 0;*/
/*    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    outline: 0;*/
/*position: relative;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
/*-ms-flex-flow: column nowrap;
    flex-flow: column nowrap*/
/*}*/
.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative
}

.k-tabstrip-items-wrapper {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-tabstrip-items {
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

    .k-tabstrip-items .k-item {
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        position: relative;
        overflow: hidden;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        justify-items: stretch;
        outline: 0
    }

    .k-tabstrip-items .k-tab-on-top {
        z-index: 1
    }

    .k-tabstrip-items .k-link {
        padding: .5em 1em;
        color: inherit;
        cursor: pointer;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-align: center;
        align-items: center
    }

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 1em 1em;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    display: none;
    overflow: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .k-tabstrip-content.k-state-active, .k-tabstrip > .k-content.k-state-active {
        display: block
    }

    .k-tabstrip-content.k-state-focused, .k-tabstrip-content:focus, .k-tabstrip > .k-content.k-state-focused, .k-tabstrip > .k-content:focus {
        outline-width: 1px;
        outline-style: dotted;
        outline-offset: -1px
    }

.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;
    transition: width .2s 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
}

@-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-top {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-tabstrip-top > .k-tabstrip-items-wrapper {
        border-bottom-width: 1px
    }

        .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
            margin-bottom: -1px;
            border-radius: 4px 4px 0 0
        }

            .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item + .k-item {
                margin-left: -1px
            }

            .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
                border-bottom-color: transparent
            }

    .k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content {
        border-top-width: 0
    }

.k-tabstrip-bottom {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-tabstrip-bottom > .k-tabstrip-items-wrapper {
        border-top-width: 1px
    }

        .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
            margin-top: -1px;
            border-radius: 0 0 4px 4px
        }

            .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item + .k-item {
                margin-left: -1px
            }

            .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active {
                border-top-color: transparent
            }

        .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-loading {
            top: auto;
            bottom: 0
        }

    .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-tabstrip-content {
        border-bottom-width: 0
    }

.k-tabstrip-left {
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-tabstrip-left > .k-tabstrip-items-wrapper {
        float: left;
        padding: .25em 0 .3em .3em;
        border-right-width: 1px
    }

        .k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
            margin-right: -1px;
            border-radius: 4px 0 0 4px
        }

            .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item + .k-item {
                margin-top: -1px
            }

            .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active {
                border-right-color: transparent
            }

    .k-tabstrip-left > .k-content, .k-tabstrip-left > .k-tabstrip-content {
        border-left-width: 0
    }

.k-tabstrip-right {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .k-tabstrip-right > .k-tabstrip-items-wrapper {
        float: right;
        border-left-width: 1px
    }

        .k-tabstrip-right > .k-tabstrip-items-wrapper > .k-tabstrip-items {
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item {
            margin-left: -1px;
            border-radius: 0 4px 4px 0
        }

            .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item + .k-item {
                margin-top: -1px
            }

            .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active {
                border-left-color: transparent
            }

    .k-tabstrip-right > .k-content, .k-tabstrip-right > .k-tabstrip-content {
        border-right-width: 0
    }

.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper {
    border-width: 0
}

    .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        white-space: nowrap;
        overflow: hidden
    }

.k-button, .k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

    .k-button, .k-input[type=number], .k-input[type=text], .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-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
    height: auto
}

.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
    width: auto
}

.k-tabstrip.k-tabstrip-scrollable > .k-content, .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-content {
    border-width: 1px
}

.k-tabstrip .k-button.k-disabled {
    pointer-events: none;
    opacity: 0
}

.k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip.k-rtl.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip.k-rtl.k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-items-wrapper {
    -ms-flex-order: 1;
    order: 1
}

.k-rtl .k-tabstrip.k-tabstrip-left > .k-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-content, .k-tabstrip.k-rtl.k-tabstrip-left > .k-content, .k-tabstrip.k-rtl.k-tabstrip-right > .k-content, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-content, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-content {
    -ms-flex-order: 0;
    order: 0
}

.k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-content, .k-tabstrip.k-rtl.k-tabstrip-left > .k-tabstrip-content, .k-tabstrip.k-rtl.k-tabstrip-right > .k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-content {
    -ms-flex-order: 0;
    order: 0
}

.k-rtl .k-tabstrip .k-tabstrip-next, .k-rtl .k-tabstrip .k-tabstrip-prev, .k-tabstrip.k-rtl .k-tabstrip-next, .k-tabstrip.k-rtl .k-tabstrip-prev, .k-tabstrip[dir=rtl] .k-tabstrip-next, .k-tabstrip[dir=rtl] .k-tabstrip-prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-pager-wrap {
    clear: both;
    padding: .333em 0 .333em .25em;
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    line-height: 2em;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: default;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-pager-wrap .k-link {
        color: inherit;
        text-decoration: none;
        outline: 0;
        font: inherit;
        background-color: inherit
    }

    .k-pager-wrap .k-widget, .k-pager-wrap select.k-dropdown {
        font-size: inherit
    }

    .k-pager-wrap[dir=rtl] .k-i-arrow-60-left, .k-pager-wrap[dir=rtl] .k-i-arrow-60-right, .k-pager-wrap[dir=rtl] .k-i-arrow-e, .k-pager-wrap[dir=rtl] .k-i-arrow-end-left, .k-pager-wrap[dir=rtl] .k-i-arrow-end-right, .k-pager-wrap[dir=rtl] .k-i-arrow-w, .k-pager-wrap[dir=rtl] .k-i-seek-e, .k-pager-wrap[dir=rtl] .k-i-seek-w, .k-rtl .k-pager-wrap .k-i-arrow-60-left, .k-rtl .k-pager-wrap .k-i-arrow-60-right, .k-rtl .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-arrow-end-left, .k-rtl .k-pager-wrap .k-i-arrow-end-right, .k-rtl .k-pager-wrap .k-i-arrow-w, .k-rtl .k-pager-wrap .k-i-seek-e, .k-rtl .k-pager-wrap .k-i-seek-w, [dir=rtl] .k-pager-wrap .k-i-arrow-60-left, [dir=rtl] .k-pager-wrap .k-i-arrow-60-right, [dir=rtl] .k-pager-wrap .k-i-arrow-e, [dir=rtl] .k-pager-wrap .k-i-arrow-end-left, [dir=rtl] .k-pager-wrap .k-i-arrow-end-right, [dir=rtl] .k-pager-wrap .k-i-arrow-w, [dir=rtl] .k-pager-wrap .k-i-seek-e, [dir=rtl] .k-pager-wrap .k-i-seek-w {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.k-pager-nav {
    border-radius: 3em;
    padding: 4px 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

    .k-pager-nav:hover {
        z-index: 2
    }

    .k-pager-nav.k-state-disabled {
        color: inherit
    }

.k-pager-numbers-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

    .k-pager-numbers-wrap select.k-dropdown {
        height: 100%;
        display: none;
        cursor: pointer
    }

.k-pager-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-pager-numbers li {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .k-pager-numbers .k-link {
        border-radius: 3em;
        padding: 4px 4px;
        min-width: 2.14em;
        height: 2.14em;
        border-width: 1px;
        border-style: solid;
        outline: 0;
        box-sizing: border-box;
        color: inherit;
        text-align: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

        .k-pager-numbers .k-link:hover {
            z-index: 2
        }

        .k-pager-numbers .k-link.k-state-disabled {
            color: inherit
        }

.k-pager-input, .k-pager-sizes {
    padding: 0 1.4166em
}

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em;
    border-color: #fff !important;
}

.k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers li + li, .k-pager-numbers-wrap + .k-pager-nav {
    margin-left: 2px
}

.k-rtl .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers li + li, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-numbers-wrap, [dir=rtl] .k-pager-numbers li + li, [dir=rtl] .k-pager-numbers-wrap + .k-pager-nav {
    margin-left: 0;
    margin-right: 2px
}

.k-pager-input {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-pager-input .k-textbox {
        margin: 0 1ex;
        width: 3em
    }

.k-pager-sizes {
    display: inline-block;
    padding-top: 1px
}

    .k-pager-sizes .k-dropdown, .k-pager-sizes > select {
        margin-right: 1ex;
        width: 5em
    }

.k-rtl .k-pager-sizes .k-dropdown, .k-rtl .k-pager-sizes > select, [dir=rtl] .k-pager-sizes .k-dropdown, [dir=rtl] .k-pager-sizes > select {
    margin-left: 1ex;
    margin-right: 0
}

.k-pager-info {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-order: 9;
    order: 9
}

.k-pager-refresh {
    border-radius: 3em;
    padding: 4px 4px;
    min-width: 2.14em;
    height: 2.14em;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: auto;
    -ms-flex-order: 10;
    order: 10
}

    .k-pager-refresh:hover {
        z-index: 2
    }

    .k-pager-refresh.k-state-disabled {
        color: inherit
    }

.k-rtl .k-pager-refresh, [dir=rtl] .k-pager-refresh {
    margin-left: 0;
    margin-right: auto
}

.k-pager-sm {
    overflow: visible
}

    .k-pager-sm.k-pager-wrap .k-pager-numbers-wrap {
        margin-top: 0;
        margin-bottom: 0;
        -ms-flex-item-align: center;
        align-self: center
    }

    .k-pager-sm .k-pager-numbers-wrap {
        margin-left: 1em;
        margin-right: 1em;
        width: 5em;
        height: 2.14em;
        box-sizing: border-box;
        border-color: inherit
    }

        .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            box-sizing: border-box
        }

    .k-pager-sm[dir=rtl] .k-pager-numbers-wrap, .k-rtl .k-pager-sm .k-pager-numbers-wrap, [dir=rtl] .k-pager-sm .k-pager-numbers-wrap {
        margin-left: 1em;
        margin-right: 1em
    }

    .k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
        display: none
    }

.k-menu {
    cursor: default
}

    .k-menu .k-link {
        white-space: nowrap
    }

    .k-menu .k-item > .k-link {
        color: inherit
    }

    .k-menu, .k-menu .k-menu-group, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .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, .k-menu-scroll-wrapper .k-item, .k-popups-wrapper .k-item {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .k-menu .k-item .k-item, .k-menu-scroll-wrapper .k-item .k-item, .k-menu-scroll-wrapper.vertical > .k-item, .k-popups-wrapper .k-item .k-item, .k-popups-wrapper.vertical > .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, .k-menu-scroll-wrapper .k-image, .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-menu-scroll-wrapper .k-sprite, .k-popups-wrapper .k-image, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-sprite {
                margin: -2px 4px 0 -4px;
                vertical-align: middle
            }

            .k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
                display: block;
                padding: .5em 1.1em .4em;
                line-height: 1.34em;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-right: 2em
}

.k-menu .k-menu-group, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group {
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap
}

    .k-menu .k-menu-group > .k-item, .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-popups-wrapper .k-menu-group > .k-item {
        display: block;
        border-width: 0
    }

.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .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;
    box-sizing: content-box
}

.k-column-menu-group-header, .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: .28em 1.8em .38em .9em
}

.k-context-menu.k-menu-horizontal > .k-separator, .k-popups-wrapper.horizontal > .k-separator {
    display: none
}

.k-context-menu.k-menu-horizontal > .k-item, .k-popups-wrapper.horizontal > .k-item {
    box-sizing: border-box
}

.k-context-menu.k-menu-horizontal > .k-last, .k-popups-wrapper.horizontal > .k-last {
    border: 0
}

.k-menu-horizontal > .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow {
    margin: -2px 0 0
}

.k-menu .k-item > .k-link > .k-i-arrow-60-down, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down {
    margin-right: -8px
}

.k-menu-group .k-item > .k-link > .k-menu-expand-arrow, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: .2rem
}

.k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popups-wrapper .k-animation-container {
    border: 0
}

.k-menu .k-animation-container, .k-menu .k-menu-group, .k-menu-scroll-wrapper .k-animation-container, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-animation-container, .k-popups-wrapper .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-scroll-wrapper .k-animation-container .k-animation-container, .k-menu-scroll-wrapper .k-menu-group .k-menu-group, .k-menu-scroll-wrapper.vertical .k-animation-container, .k-menu-scroll-wrapper.vertical .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group, .k-popups-wrapper .k-animation-container .k-animation-container, .k-popups-wrapper .k-menu-group .k-menu-group, .k-popups-wrapper.vertical .k-animation-container, .k-popups-wrapper.vertical .k-menu-group {
        top: 0;
        left: 0
    }

    .k-menu .k-animation-container .k-menu-group, .k-menu-scroll-wrapper .k-animation-container .k-menu-group, .k-popups-wrapper .k-animation-container .k-menu-group {
        top: auto;
        left: auto;
        margin-left: -1px
    }

.k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popup .k-animation-container, .k-popups-wrapper .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}

.k-ie .k-menu .k-animation-container, .k-ie .k-menu-scroll-wrapper .k-animation-container, .k-ie .k-popup .k-animation-container, .k-ie .k-popups-wrapper .k-animation-container {
    margin-top: -2px
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}

.k-menu-scroll-wrapper .k-separator, .k-popups-wrapper .k-separator, 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, .k-menu-scroll-wrapper.vertical .k-menu-group .k-separator, .k-menu-scroll-wrapper.vertical .k-separator, .k-popups-wrapper.vertical .k-menu-group .k-separator, .k-popups-wrapper.vertical .k-separator, ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}

.k-menu-scroll-wrapper .k-widget.k-menu, .k-popups-wrapper .k-widget.k-menu {
    white-space: nowrap;
    overflow: hidden
}

.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical, .k-popups-wrapper.vertical .k-menu.k-menu-vertical {
    height: 100%;
    box-sizing: border-box
}

.k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item, .k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item {
    display: inline-block;
    overflow: hidden;
    float: none
}

.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item, .k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item {
    overflow: hidden
}

.k-menu-scroll-wrapper, .k-popups-wrapper {
    position: relative;
    border: 0;
    margin: 0;
    padding: 0
}

    .k-menu-scroll-wrapper.vertical, .k-popups-wrapper.vertical {
        height: 100%
    }

    .k-menu-scroll-wrapper > .k-animation-container .k-item, .k-popups-wrapper > .k-animation-container .k-item {
        float: none
    }

    .k-menu-scroll-wrapper .k-menu-scroll-button, .k-popups-wrapper .k-menu-scroll-button {
        border-radius: 0;
        position: absolute;
        display: none
    }

    .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-up {
        top: 0;
        left: 0
    }

    .k-menu-scroll-wrapper .k-scroll-down, .k-popups-wrapper .k-scroll-down {
        bottom: 0;
        left: 0
    }

    .k-menu-scroll-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-down, .k-popups-wrapper .k-scroll-up {
        width: 100%;
        height: 16px;
        padding: 0 .7em;
        line-height: .2em
    }

    .k-menu-scroll-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-left {
        top: 0;
        left: 0
    }

    .k-menu-scroll-wrapper .k-scroll-right, .k-popups-wrapper .k-scroll-right {
        top: 0;
        right: 0
    }

    .k-menu-scroll-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-right, .k-popups-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-right {
        width: 16px;
        height: 100%;
        padding-left: 0;
        padding-right: 0
    }

        .k-menu-scroll-wrapper .k-scroll-left .k-icon, .k-menu-scroll-wrapper .k-scroll-right .k-icon, .k-popups-wrapper .k-scroll-left .k-icon, .k-popups-wrapper .k-scroll-right .k-icon {
            margin-top: -.5em;
            position: absolute;
            top: 50%;
            left: 0
        }

.k-rtl .k-menu .k-item, .k-rtl .k-widget.k-menu-horizontal > .k-item, [dir=rtl] .k-menu .k-item, [dir=rtl] .k-widget.k-menu-horizontal > .k-item {
    border-width: 0 0 0 1px
}

    .k-rtl .k-menu .k-image, .k-rtl .k-menu .k-item > .k-link > .k-icon, .k-rtl .k-menu .k-sprite, .k-rtl .k-menu-scroll-wrapper .k-image, .k-rtl .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-menu-scroll-wrapper .k-sprite, .k-rtl .k-popups-wrapper .k-image, .k-rtl .k-popups-wrapper .k-item > .k-link > .k-icon, .k-rtl .k-popups-wrapper .k-sprite, [dir=rtl] .k-menu .k-image, [dir=rtl] .k-menu .k-item > .k-link > .k-icon, [dir=rtl] .k-menu .k-sprite, [dir=rtl] .k-menu-scroll-wrapper .k-image, [dir=rtl] .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, [dir=rtl] .k-menu-scroll-wrapper .k-sprite, [dir=rtl] .k-popups-wrapper .k-image, [dir=rtl] .k-popups-wrapper .k-item > .k-link > .k-icon, [dir=rtl] .k-popups-wrapper .k-sprite {
        margin-right: -4px;
        margin-left: 4px
    }

.k-rtl .k-menu .k-menu-group > .k-item, .k-rtl .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-rtl .k-popups-wrapper .k-menu-group > .k-item, [dir=rtl] .k-menu .k-menu-group > .k-item, [dir=rtl] .k-menu-scroll-wrapper .k-menu-group > .k-item, [dir=rtl] .k-popups-wrapper .k-menu-group > .k-item {
    border: 0
}

.k-rtl .k-column-menu-group-header, .k-rtl .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-rtl .k-menu .k-menu-group .k-item > .k-link, .k-rtl .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-rtl .k-popups-wrapper.vertical > .k-item > .k-link, [dir=rtl] .k-column-menu-group-header, [dir=rtl] .k-context-menu.k-menu-vertical > .k-item > .k-link, [dir=rtl] .k-menu .k-menu-group .k-item > .k-link, [dir=rtl] .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, [dir=rtl] .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: .28em .9em .38em 1.8em
}

.k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link, [dir=rtl] .k-menu-vertical > .k-menu-item > .k-menu-link {
    padding: .5em 1.1em .4em;
    padding-left: 2em
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-listview {
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    line-height: 1.42857143;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: relative
}

.k-listview-bordered {
    border-width: 1px;
}

.k-listview-header {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-listview-bordered > .k-listview-header {
    border-bottom-width: 1px
}

.k-listview-footer {
    border-width: 0;
    border-style: solid;
    border-color: inherit
}

.k-listview-bordered > .k-listview-footer {
    border-top-width: 1px
}

.k-listview-content {
    margin: 0;
    padding: 0;
    border-color: inherit;
    list-style: none;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    overflow: auto
}

    .k-listview-content::after {
        height: 0;
        clear: both;
        display: block;
    }

    .k-listview-content.k-d-flex::after, .k-listview-content.k-d-grid::after {
        display: none
    }

.k-listview-content-padding-rectangle {
    padding: 4px 8px
}

.k-listview-content-padding-square {
    padding: 4px
}

.k-listview-item {
    padding: 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-listview-item-padding-rectangle {
    padding: 4px 8px
}

    .k-listview-item-padding-rectangle .k-listview-link {
        margin: -4px -8px;
        padding: 4px 8px
    }

.k-listview-item-padding-square {
    padding: 4px
}

    .k-listview-item-padding-square .k-listview-link {
        margin: -4px;
        padding: 4px
    }

.k-listview-borders-all .k-listview-item {
    border-width: 1px
}

.k-listview-borders-horizontal .k-listview-item {
    border-top-width: 1px
}

    .k-listview-borders-horizontal .k-listview-item:first-child {
        border-top-width: 0
    }

.k-listview-borders-vertical .k-listview-item {
    border-left-width: 1px
}

    .k-listview-borders-vertical .k-listview-item:first-child {
        border-left-width: 0
    }

.k-listview-pager {
    border-width: 0;
    border-color: inherit;
    font: inherit
}

.k-listview-bordered > .k-listview-pager-top {
    border-bottom-width: 1px
}

.k-listview-bordered > .k-listview-pager-bottom {
    border-top-width: 1px
}

.k-grid {
    position: relative;
}

    .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-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;
    cursor: default
}

    .k-grid-header th.k-header .k-checkbox {
        vertical-align: top
    }

.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;
        margin: 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-ff .k-grid .k-filter-row .k-i-filter-clear {
    top: 1px
}

.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-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;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: 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-width: 0 0 1px;
    border-color: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 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-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-grid-pager {
    border-width: 1px 0 0
}

.k-grid-pager-top {
    border-width: 0 0 1px
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
    color: inherit
}

.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-column-menu, .k-filter-menu {
    font-size: 14px
}

    .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-action-buttons {
        padding: 0;
        border-width: 0;
        text-align: initial
    }

        .k-filter-menu .k-action-buttons .k-button {
            width: 48%;
            margin: .5em 4% 0 0;
            min-width: 0
        }

            .k-filter-menu .k-action-buttons .k-button + .k-button {
                margin-right: 0
            }

    .k-filter-menu .k-filter-selected-items {
        font-weight: 700;
        margin: .5em
    }

.k-multicheck-wrap {
    overflow: auto;
    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: clip
}

.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;
    position: relative;
    white-space: normal
}

.k-grouping-dropclue {
    position: absolute;
    top: 3px;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px
}

    .k-grouping-dropclue:after, .k-grouping-dropclue:before {
        content: "";
        width: 0;
        height: 0;
        border: 3px solid;
        border-left-color: transparent;
        border-right-color: transparent;
        position: absolute;
        left: 0
    }

    .k-grouping-dropclue:before {
        top: 0;
        border-bottom: 0
    }

    .k-grouping-dropclue:after {
        bottom: 0;
        border-top: 0
    }

.k-group-indicator {
    padding: .15em .15em .15em .4em;
    border-width: 1px;
    border-style: solid;
    line-height: 1.5em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    vertical-align: top
}

.k-grouping-header .k-group-indicator {
    margin: 0 3px
}

.k-group-indicator .k-button.k-flat, .k-group-indicator .k-link {
    padding: 0;
    border-width: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

    .k-group-indicator .k-link .k-icon {
        margin-right: 4px
    }

.k-group-indicator .k-button.k-flat {
    margin-left: 8px;
    padding: 0;
    width: auto;
    height: auto;
    opacity: .5
}

    .k-group-indicator .k-button.k-flat::after, .k-group-indicator .k-button.k-flat::before {
        display: none
    }

    .k-group-indicator .k-button.k-flat:hover {
        opacity: 1
    }

.k-no-flexbox .k-group-indicator {
    display: inline-block
}

    .k-no-flexbox .k-group-indicator .k-button, .k-no-flexbox .k-group-indicator .k-link {
        display: inline-block;
        vertical-align: middle
    }

.k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left
}

.k-dirty-cell {
    position: relative
}

    .k-dirty-cell.k-edit-cell {
        position: static
    }

    .k-dirty-cell .k-dirty {
        margin: 0;
        top: 0;
        left: 0
    }

.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #f00 transparent transparent #f00;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}

.k-grouping-header {
    margin: 0;
    padding: .22em .2em .28em;
    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-actions {
    display: inline-block
}

.k-grid .k-button {
    margin: .16em
}

.k-grid tbody .k-button {
    min-width: 64px
}

.k-grid tbody button.k-button {
    min-width: 78px
}

.k-grid tbody .k-button.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-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch), .k-edit-cell > .text-box, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget:not(.k-switch), .k-grid-edit-row > td > .text-box {
    width: 100%
}

.k-edit-cell input[type=checkbox] {
    margin-left: .6em
}

.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 {
    opacity: .6
}

.k-ie9 .k-column-menu {
    width: 160px
}

.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-filter-menu.k-popup, .k-grid-filter-popup.k-popup {
    padding: 2px 0
}

    .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container {
        width: 230px
    }

    .k-filter-menu.k-popup .k-multicheck-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap {
        padding: 0 3px
    }

        .k-filter-menu.k-popup .k-multicheck-wrap .k-item, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item {
            padding: 2px 0
        }

        .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap {
            padding-bottom: 4px;
            border-bottom-width: 1px;
            border-bottom-style: solid
        }

.k-filter-menu .k-filter-menu-container {
    box-sizing: border-box
}

.k-filter-menu.k-popup .k-filter-menu-container {
    padding: 4px 8px
}

.k-filter-menu .k-searchbox {
    margin-bottom: 8px;
    width: 100%
}

.k-grid-columnmenu-popup {
    margin: 0;
    width: 230px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-grid-columnmenu-popup.k-popup {
        padding: 2px 0
    }

    .k-grid-columnmenu-popup .k-filter-menu {
        padding: 0;
        border-radius: 0
    }

        .k-grid-columnmenu-popup .k-filter-menu .k-filter-menu-container {
            padding: 2px 0
        }

        .k-grid-columnmenu-popup .k-filter-menu .k-radio-list, .k-grid-columnmenu-popup .k-filter-menu .k-textbox, .k-grid-columnmenu-popup .k-filter-menu .k-widget {
            margin: .5em 0;
            width: 100%;
            display: block
        }

            .k-grid-columnmenu-popup .k-filter-menu .k-widget.k-filter-and {
                width: 6em;
                margin: 1em 0
            }

            .k-grid-columnmenu-popup .k-filter-menu .k-widget.k-button-group {
                width: auto;
                margin: 0;
                display: -ms-inline-flexbox;
                display: inline-flex
            }

        .k-grid-columnmenu-popup .k-filter-menu .k-action-buttons, .k-grid-columnmenu-popup .k-filter-menu .k-actions, .k-grid-columnmenu-popup .k-filter-menu .k-columnmenu-actions {
            margin-left: -1em;
            margin-right: -1em;
            margin-bottom: -1em;
            padding: 0 1em 1em
        }

            .k-grid-columnmenu-popup .k-filter-menu .k-action-buttons .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-columnmenu-actions .k-button {
                -ms-flex: 1 1 50%;
                flex: 1 1 50%
            }

            .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-center .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-end .k-button, .k-grid-columnmenu-popup .k-filter-menu .k-actions.k-actions-start .k-button {
                -ms-flex: 0 1 auto;
                flex: 0 1 auto
            }

    .k-grid-columnmenu-popup .k-multicheck-wrap {
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden;
        white-space: nowrap
    }

    .k-grid-columnmenu-popup .k-filter-selected-items {
        font-weight: 700;
        line-height: normal;
        white-space: nowrap;
        margin: 1em 0 .5em
    }

.k-column-list {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.k-column-chooser-title, .k-column-list-item {
    padding: 2px 8px
}

.k-column-list-item {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer
}

.k-columnmenu-item {
    padding: 4px 8px;
    outline: 0;
    cursor: pointer
}

    .k-columnmenu-item > .k-icon {
        margin-right: 4px
    }

.k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper {
    border-top-width: 1px;
    border-top-style: solid
}

.k-columnmenu-item-content {
    overflow: hidden
}

    .k-columnmenu-item-content .k-filter-menu .k-filter-menu-container {
        padding: 4px 8px
    }

.k-columnmenu-actions {
    padding: 4px 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    clear: both
}

    .k-columnmenu-actions .k-button + .k-button {
        margin-left: 8px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-rtl .k-columnmenu-actions .k-button + .k-button, [dir=rtl] .k-columnmenu-actions .k-button + .k-button {
    margin-left: 0;
    margin-right: 8px
}

.k-column-list-wrapper .k-action-buttons .k-button, .k-column-list-wrapper .k-actions .k-button, .k-column-list-wrapper .k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-action-buttons .k-button, .k-columnmenu-item-content .k-actions .k-button, .k-columnmenu-item-content .k-columnmenu-actions .k-button {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.k-column-list-wrapper .k-actions.k-actions-center .k-button, .k-column-list-wrapper .k-actions.k-actions-end .k-button, .k-column-list-wrapper .k-actions.k-actions-start .k-button, .k-columnmenu-item-content .k-actions.k-actions-center .k-button, .k-columnmenu-item-content .k-actions.k-actions-end .k-button, .k-columnmenu-item-content .k-actions.k-actions-start .k-button {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.k-column-menu .k-menu:not(.k-context-menu) {
    font-weight: 400
}

.k-column-menu .k-expander {
    border: 0;
    background: inherit
}

    .k-column-menu .k-expander .k-columnmenu-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

.k-rtl .k-columnmenu-item > .k-icon, [dir=rtl] .k-columnmenu-item > .k-icon {
    margin-left: 4px;
    margin-right: 0
}

.k-column-menu-group-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-column-menu-group-header-text {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 12px;
    line-height: 1.42857143;
    font-weight: 700;
    text-transform: uppercase;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important
}

.k-pdf-export-shadow .k-grid-content.k-auto-scrollable {
    padding-right: 0 !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-header, .k-pdf-export-shadow .k-grid[data-role=grid] .k-grid-footer {
        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 {
        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-pdf-export .k-grid-filter {
    text-decoration: 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
    }

.k-grid .k-grouping-row td {
    border-bottom-width: 0
}

.k-grid .k-grouping-row + tr td {
    border-top-width: 1px
}

    .k-grid .k-grouping-row + tr td.k-group-cell {
        border-top-width: 0
    }

.k-grid .k-group-cell {
    border-bottom-width: 0;
    border-top-width: 0
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 7px
}

.k-grid-header .k-sort-order {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 1px;
    margin-left: -1px;
    vertical-align: text-top;
    font-size: 12px
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    margin-top: 1px;
    vertical-align: text-top
}

.k-grid .k-grid-search {
    width: 12.4em;
    display: -ms-flexbox;
    display: flex
}

.k-grid .k-grid-content-sticky, .k-grid .k-grid-footer-sticky, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-header .k-header.k-grid-header-sticky {
    position: sticky;
    z-index: 2
}

    .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell, .k-grid .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-header .k-header.k-grid-header-sticky.k-edit-cell {
        overflow: visible;
        z-index: 3
    }

.k-grid .k-hierarchy-cell + td.k-grid-content-sticky {
    border-left-width: 1px
}

.k-grid td.k-grid-content-sticky, .k-grid td.k-grid-footer-sticky, .k-grid th.k-grid-header-sticky {
    border-right-width: 1px
}

    .k-grid td.k-grid-content-sticky:not([style*='display: none']) + td, .k-grid td.k-grid-content-sticky:not([style*='display: none']) + th, .k-grid td.k-grid-footer-sticky:not([style*='display: none']) + td, .k-grid td.k-grid-footer-sticky:not([style*='display: none']) + th, .k-grid th.k-grid-header-sticky:not([style*='display: none']) + td, .k-grid th.k-grid-header-sticky:not([style*='display: none']) + th {
        border-left-width: 0
    }

.k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first {
    border-left-width: 0
}

.k-grid[dir=rtl] .k-grid-header th.k-grid-header-sticky, .k-grid[dir=rtl] td.k-grid-content-sticky, .k-grid[dir=rtl] td.k-grid-footer-sticky, .k-grid[dir=rtl] th.k-grid-header-sticky:last-child, .k-rtl .k-grid .k-grid-header th.k-grid-header-sticky, .k-rtl .k-grid td.k-grid-content-sticky, .k-rtl .k-grid td.k-grid-footer-sticky, .k-rtl .k-grid th.k-grid-header-sticky:last-child {
    border-left-width: 1px
}

    .k-grid[dir=rtl] td.k-grid-content-sticky:not([style*='display: none']) + td, .k-grid[dir=rtl] td.k-grid-content-sticky:not([style*='display: none']) + th, .k-grid[dir=rtl] th.k-grid-header-sticky:not([style*='display: none']) + td, .k-grid[dir=rtl] th.k-grid-header-sticky:not([style*='display: none']) + th, .k-rtl .k-grid td.k-grid-content-sticky:not([style*='display: none']) + td, .k-rtl .k-grid td.k-grid-content-sticky:not([style*='display: none']) + th, .k-rtl .k-grid th.k-grid-header-sticky:not([style*='display: none']) + td, .k-rtl .k-grid th.k-grid-header-sticky:not([style*='display: none']) + th {
        border-left-width: 1px;
        border-right-width: 0
    }

.k-grid[dir=rtl] .k-grid-header-sticky.k-header.k-first, .k-grid[dir=rtl] .k-grid-header-sticky.k-header:first-child, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header:first-child {
    border-left-width: 1px
}

.k-grid[dir=rtl] .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first {
    border-left-width: 1px;
    border-right-width: 0
}

.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 {
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.k-treelist .k-i-arrow-45-down-right, .k-treelist .k-i-arrow-60-right {
    cursor: pointer
}

.k-treelist .k-i-arrow-45-down-right {
    margin-top: -.5em
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em
}

.k-gantt {
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .k-gantt .k-splitbar {
        width: 5px;
        border-width: 0 1px;
        background-repeat: repeat-y;
        position: relative;
        cursor: e-resize;
        display: inline-block;
        vertical-align: top;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-gantt-header {
    border-width: 0 0 1px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 2
}

.k-gantt-footer {
    border-width: 1px 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-gantt-toggle {
    display: none
}

.k-gantt-views-wrapper select.k-dropdown {
    width: auto;
    font: inherit;
    display: none;
    cursor: pointer
}

@media (max-width:1024px) {
    .k-gantt-views-wrapper select.k-dropdown {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-gantt-views-wrapper .k-gantt-views {
        display: none
    }
}

.k-gantt-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-gantt .k-gantt-content .k-grid-header td, .k-gantt .k-gantt-content 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-treelist {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

    .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 {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

    .k-gantt-timeline .k-grid-header tr, .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
        height: 2.5em
    }

    .k-gantt-timeline .k-grid-header .k-header {
        vertical-align: bottom;
        cursor: default
    }

.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, .k-gantt-timeline .k-grid-header td {
    text-align: center
}

.k-gantt .k-gantt-timeline .k-grid-header tr:first-child td, .k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px
}

.k-gantt-timeline td.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
}

.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-gantt-line-h, .k-gantt-line-v {
    position: absolute
}

.k-gantt-line-h {
    height: 2px
}

.k-gantt-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);
    margin-left: -.2em
}

.k-gantt .k-gantt-tasks .k-button.k-button-icon, .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt .k-gantt-tasks .k-button.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.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;
    display: inline;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2
}

    .k-gantt-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;
    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: 0 18px;
    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-gantt-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: calc(100% - 2px)
}

.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;
    display: inline;
    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
}

@media (max-width:480px) {
    .k-gantt-toolbar .k-gantt-toggle {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .k-gantt-toolbar .k-button {
        padding: 4px;
        width: calc(1.4285714286em + 10px);
        height: calc(1.4285714286em + 10px)
    }

        .k-gantt-toolbar .k-button .k-icon {
            margin: 0
        }

        .k-gantt-toolbar .k-button .k-button-text {
            display: none
        }

    .k-gantt .k-treelist .k-grid-content {
        overflow-y: scroll
    }
}

.k-gantt-resize-hint {
    white-space: nowrap
}

.k-gantt-planned .k-gantt-rows tr, .k-gantt-planned .k-gantt-tasks tr, .k-gantt.k-gantt-planned .k-grid-content tr {
    height: 3.3em
}

.k-gantt-planned .k-gantt-dependencies {
    margin-top: .6em
}

.k-gantt-planned .k-task-dot {
    margin-top: 1.1em
}

.k-gantt-planned .k-resources-wrap {
    margin-top: .9em
}

.k-gantt-planned .k-milestone-wrap .k-task-dot {
    margin-top: 1.3em
}

    .k-gantt-planned .k-milestone-wrap .k-task-dot.k-task-start {
        margin-left: -.2em
    }

.k-gantt-planned .k-summary-wrap .k-task-dot {
    margin-top: 1.3em
}

.k-task-planned {
    margin: 0 0 .35em;
    line-height: .75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .k-task-planned .k-task-moment {
        border-width: 2px;
        border-radius: 5px;
        border-style: solid;
        height: 6px;
        width: 6px
    }

        .k-task-planned .k-task-moment.k-moment-left {
            margin-left: -4px
        }

    .k-task-planned .k-task-duration {
        height: 2px
    }

    .k-task-planned:hover .k-task-duration {
        height: 3px
    }

.k-milestone-wrap .k-task-planned {
    margin-bottom: .7em
}

.k-summary-wrap .k-task-planned {
    margin-bottom: .6em
}

.k-planned-tooltip .k-task-content {
    display: block
}

.k-task-offset-wrap .k-task {
    display: inline-block
}

    .k-task-offset-wrap .k-task .k-task-content .k-resize-e {
        display: none
    }

.k-task-offset-wrap .k-task-single + .k-task-offset {
    height: 1.65em
}

.k-task-offset {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    line-height: 1.46em;
    vertical-align: top
}

    .k-task-offset .k-resize-handle {
        margin-right: 1.5em;
        top: 0;
        bottom: 0;
        width: .4em;
        position: absolute;
        visibility: hidden;
        z-index: 2;
        height: auto
    }

        .k-task-offset .k-resize-handle::after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -.55em;
            height: 1.4em;
            width: 1px
        }

.k-summary-wrap .k-task-offset {
    height: 10px;
    margin: 3px 0 0
}

    .k-summary-wrap .k-task-offset:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px;
        right: 1.4em
    }

.k-rtl .k-summary-wrap .k-task-offset::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px
}

.k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-e {
    display: block
}

.k-rtl .k-task-offset-wrap .k-task .k-task-content .k-resize-w {
    display: none
}

.k-rtl .k-milestone-wrap {
    margin-left: -1.8em
}

.k-rtl .k-task-milestone {
    margin-right: -.15em
}

.k-ie .k-summary-wrap .k-task-offset:after {
    right: 20px
}

.k-ie .k-rtl .k-summary-wrap .k-task-offset:before {
    left: 20px
}

.k-task-offset .k-task-actions {
    visibility: hidden
}

.k-task-offset:hover .k-resize-handle, .k-task-offset:hover .k-task-actions, .k-task-single:hover + .k-task-offset .k-resize-handle, .k-task-single:hover + .k-task-offset .k-task-actions {
    visibility: visible
}

.k-pivot {
    position: relative
}

.k-pivot-toolbar {
    border-width: 0 0 1px;
    border-style: solid;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .k-pivot-toolbar > * {
        max-width: 100%
    }

    .k-pivot-toolbar::before {
        display: none
    }

.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;
    cursor: move
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer
}

.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-trend-decrease, .k-i-kpi-trend-equal, .k-i-kpi-trend-increase {
    color: #858585
}

.k-i-kpi-status-hold {
    color: #f9ce1d
}

.k-i-kpi-status-deny {
    color: #f44336
}

.k-i-kpi-status-open {
    color: #4caf50
}

.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-pivot .k-field-actions .k-icon {
    pointer-events: all
}

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-checkbox-wrapper {
    display: inline-block;
    vertical-align: middle
}

.k-treeview .k-checkbox {
    margin-top: .2em
}

.k-treeview .k-checkbox-wrapper + .k-in {
    margin-left: 4px
}

.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle
}

.k-treeview .k-request-retry {
    vertical-align: baseline
}

.k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus {
    margin-left: -16px;
    cursor: pointer
}

.k-treeview .k-i-collapse {
    margin-top: -4px
}

.k-treeview .k-image, .k-treeview .k-sprite {
    margin-right: 3px
}

.k-treeview .k-in {
    margin: 0;
    padding: 1px .3333em 1px .25em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px
}

.k-treeview span.k-in {
    cursor: default
}

.k-treeview .k-state-hover {
    cursor: pointer
}

.k-rtl .k-treeview .k-i-collapse, .k-rtl .k-treeview .k-i-expand {
    margin-left: 0;
    margin-right: -16px
}

.k-rtl .k-treeview .k-checkbox-wrapper + .k-in {
    margin-left: 0;
    margin-right: 4px
}

span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-dropdowntree, span.k-numerictextbox, span.k-timepicker {
    background-image: none
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker {
    width: 12.4em;
    border-width: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: visible
}

    .k-autocomplete > .k-clear-value, .k-dropdown-wrap > .k-clear-value, .k-multiselect-wrap > .k-clear-value {
        outline: 0;
        font-size: 100%;
        display: inline-block;
        position: absolute;
        visibility: hidden;
        cursor: pointer
    }

    .k-autocomplete > .k-clear-value {
        right: calc(1em - 8px)
    }

.k-multiselect-wrap > .k-clear-value {
    right: calc(1em - 7px)
}

.k-multiselect-wrap.k-multiselect-wrap-arrow > .k-select {
    right: calc(1em - 7px);
    top: calc(1.00357143em - 7px);
    outline: 0;
    font-size: 100%;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    bottom: auto;
    padding: 0
}

.k-multiselect-wrap.k-multiselect-wrap-arrow > .k-clear-value {
    right: 2em
}

.k-autocomplete > .k-clear-value, .k-dropdown-wrap > .k-clear-value {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-dropdown-wrap > .k-clear-value {
    right: calc(3em - 8px)
}

.k-dropdowntree > .k-multiselect-wrap > .k-clear-value, .k-multiselect-wrap > .k-clear-value {
    top: calc(1.00357143em - 7px)
}

.k-dropdown-wrap .k-readonly, .k-multiselect-wrap .k-readonly {
    opacity: .5
}

.k-autocomplete.k-state-focused > .k-clear-value, .k-autocomplete.k-state-hover > .k-clear-value, .k-dropdown-wrap.k-state-focused > .k-clear-value, .k-dropdown-wrap.k-state-hover > .k-clear-value, .k-multiselect-wrap.k-state-focused > .k-clear-value, .k-multiselect-wrap.k-state-hover > .k-clear-value {
    visibility: visible
}

.k-multiselect.k-state-focused > .k-multiselect-wrap > .k-clear-value, .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-clear-value {
    visibility: visible
}

.k-autocomplete > .k-hidden, .k-dropdown-wrap .k-hidden, .k-multiselect-wrap .k-hidden {
    display: none !important
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-numerictextbox, .k-selectbox, .k-timepicker {
    white-space: nowrap
}

.k-filter-menu .k-autocomplete, .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-dropdowntree, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 100%
}

.k-datetimepicker {
    width: 15em
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
    position: relative;
    cursor: default
}

.k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap {
    display: block
}

.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: transparent;
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-list-container.k-popup-dropdowntree {
    padding: 0
}

    .k-list-container.k-popup-dropdowntree .k-check-all {
        margin: 10px 10px 0
    }

    .k-list-container.k-popup-dropdowntree .k-treeview {
        box-sizing: border-box;
        padding: 10px
    }

.k-autocomplete.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-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textarea, .k-textbox {
    border-width: 1px;
    border-style: solid
}

.k-dropdown-wrap {
    position: relative
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding-right: 2em
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0
    }

        .k-numeric-wrap.k-expand-padding .k-i-warning {
            right: 0
        }

.k-autocomplete, .k-textbox {
    padding: 0
}

    .k-textbox.k-space-left {
        padding-left: 2em
    }

    .k-textbox.k-space-right {
        padding-right: 2em
    }

.k-picker-wrap .k-input {
    margin: 0
}

.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
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    transition: box-shadow .15s ease-out
}

    .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
        width: 100%;
        box-sizing: border-box
    }

    .k-dropdown-wrap .k-input, .k-multiselect-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-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    color: inherit;
    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;
    width: 100%
}

.k-dropdown-wrap .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    color: inherit
}

.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > .k-input, .k-textbox > input {
    line-height: 1.65em;
    padding: .17857143em 0;
    text-indent: .571em;
    border: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

    .k-input::-webkit-input-placeholder, .k-textarea::-webkit-input-placeholder, .k-textarea > textarea::-webkit-input-placeholder, .k-textbox::-webkit-input-placeholder, .k-textbox > input::-webkit-input-placeholder {
        -webkit-user-select: none;
        user-select: none
    }

    .k-input:-ms-input-placeholder, .k-textarea:-ms-input-placeholder, .k-textarea > textarea:-ms-input-placeholder, .k-textbox:-ms-input-placeholder, .k-textbox > input:-ms-input-placeholder {
        -ms-user-select: none;
        user-select: none
    }

    .k-input::-ms-input-placeholder, .k-textarea::-ms-input-placeholder, .k-textarea > textarea::-ms-input-placeholder, .k-textbox::-ms-input-placeholder, .k-textbox > input::-ms-input-placeholder {
        -ms-user-select: none;
        user-select: none
    }

    .k-input::placeholder, .k-textarea::placeholder, .k-textarea > textarea::placeholder, .k-textbox::placeholder, .k-textbox > input::placeholder {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .k-dropdown-wrap .k-input:before {
        content: "";
        display: inline-block;
        width: 0
    }

.k-ie .k-autocomplete .k-input {
    height: 1.65em
}

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input {
    height: 2em
}

.k-ie input.k-textbox {
    height: calc(2em + 2px)
}

.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 {
    line-height: 2em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 2em;
    height: 100%
}

.k-numeric-wrap .k-select {
    padding: 0
}

body .k-datetimepicker .k-select {
    border-radius: 0
}

.k-combobox .k-select, .k-dropdown, .k-dropdowntree .k-dropdown-wrap, .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-nodata {
    min-height: 138px;
    width: 100%;
    display: table;
    text-transform: uppercase;
    font-size: .85em;
    font-weight: lighter
}

    .k-nodata > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 11px
    }

.k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-listbox .k-item, .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-listbox .k-item, .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-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item, .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 {
    display: block;
    width: auto
}

.k-multiselect-wrap {
    border-radius: 4px;
    padding-right: 22px
}

    .k-multiselect-wrap .k-input {
        min-width: 25px;
        min-height: 1.65em;
        padding: .17857143em;
        text-indent: .571em;
        background-color: transparent;
        border: 0;
        margin: 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: 1.5em;
        min-height: calc(1.7em + 2px);
        float: left;
        position: relative
    }

.k-autocomplete .k-i-loading, .k-multiselect .k-i-loading {
    position: absolute;
    top: auto;
    right: .4em;
    bottom: .4em
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .03em .2em
}

.k-autocomplete-clearable .k-input, .k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-input, .k-multiselect-clearable .k-input {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
    padding-right: 2em
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 4em
}

.k-datetimepicker .k-select {
    width: 4em
}

    .k-datetimepicker .k-select .k-link {
        display: inline-block;
        width: 50%
    }

.k-datetimepicker .k-link {
    color: inherit
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px
}

.k-picker-wrap .k-icon {
    cursor: pointer
}

.k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

.k-time-popup .k-item {
    padding: 1px 3px
}

.k-datetime-container .k-datetime-wrap {
    width: 21em;
    overflow: hidden
}

.k-datetime-container .k-datetime-buttongroup {
    padding: 8px
}

.k-datetime-container .k-datetime-selector {
    display: -ms-flexbox;
    display: flex;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.k-datetime-container .k-datetime-calendar-wrap, .k-datetime-container .k-datetime-time-wrap {
    text-align: center;
    -ms-flex: 0 0 21em;
    flex: 0 0 21em
}

.k-datetime-container .k-time-list-container {
    -ms-flex-pack: center;
    justify-content: center
}

.k-datetime-container .k-timeselector {
    outline: 0
}

.k-datetime-container .k-time-tab .k-datetime-selector {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.k-datetime-container > .k-popup {
    padding-bottom: 0
}

    .k-datetime-container > .k-popup .k-action-buttons {
        margin-bottom: 0
    }

.k-datetime-container.k-rtl .k-time-tab .k-datetime-selector, .k-datetime-container[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl .k-datetime-container .k-time-tab .k-datetime-selector, [dir=rtl] .k-datetime-container .k-time-tab .k-datetime-selector {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}


.k-time-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    line-height: 2em
}

    .k-time-header .k-title {
        font-weight: 700
    }

    .k-time-header .k-time-now {
        border-width: 0;
        line-height: inherit;
        cursor: pointer
    }

.k-time-list-wrapper {
    display: inline-block;
    overflow: hidden;
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding: 20px 0;
    text-align: center;
    width: 5em;
    height: calc(10.00000001em + 56px)
}

    .k-time-list-wrapper .k-title {
        display: block;
        text-align: center;
        font-size: 10px;
        position: absolute;
        text-transform: capitalize;
        font-weight: 700;
        min-width: 100%;
        height: 1.5em;
        line-height: 1.5em;
        margin-top: -20px;
        z-index: 12
    }

    .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-state-focused::before {
        display: block;
        content: " ";
        position: absolute;
        width: 100%;
        left: 0;
        pointer-events: none;
        height: calc(50% - 1em);
        box-sizing: border-box;
        border-width: 0;
        border-style: solid
    }

    .k-time-list-wrapper.k-state-focused::before {
        top: 0
    }

    .k-time-list-wrapper.k-state-focused::after {
        bottom: 0
    }

.k-time-container {
    position: absolute;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 1.42857143;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 20px;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -100px;
    margin-right: -117px
}

    .k-time-container > ul {
        height: auto;
        width: 5em
    }

    .k-rtl .k-time-container, .k-time-container.k-rtl, .k-time-container[dir=rtl], [dir=rtl] .k-time-container {
        padding-right: 100px;
        padding-left: 100px;
        margin-left: -100px;
        margin-right: -100px;
        margin-left: -117px
    }

.k-time-list-container {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.k-time-list {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    outline: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

    .k-time-list::after, .k-time-list::before {
        display: block;
        position: absolute;
        content: " ";
        height: 0;
        line-height: 0;
        z-index: 1;
        width: 200%;
        left: -50%
    }

    .k-time-list::before {
        top: 0
    }

    .k-time-list::after {
        bottom: 0
    }

    .k-time-list .k-item {
        padding: 4px 8px
    }

.k-time-highlight {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: calc(1.42857143em + 8px);
    z-index: 1;
    border-width: 1px 0;
    border-style: solid;
    border-radius: .1px
}

.k-time-container .k-scrollable-placeholder {
    position: absolute;
    width: 1px;
    top: 0;
    right: 0
}

.k-time-separator {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 11
}

.k-time-footer {
    margin-top: 0
}

.k-input {
    font-size: inherit;
    padding: .25em 0
}

.k-input-separator {
    margin: 0;
    width: 0;
    height: 16px;
    border-width: 0 0 0 1px;
    border-style: solid
}

.k-input, .k-textarea > textarea, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.k-textbox {
    outline: 0;
    border: 1px solid #977345 !important;
}

input.k-textbox, textarea.k-textarea {
    padding: .17857143em 0
}

input.k-textbox {
    line-height: 1.65em;
    text-indent: .571em
}

.k-ie input.k-textbox {
    text-indent: .2855em
}

textarea.k-textarea {
    height: auto
}

.k-input-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2em;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .k-input-icon .k-icon {
        position: static;
        margin: 0
    }

.k-ie9 .k-input-icon {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

.k-ie9 .k-rtl .k-input-icon, .k-ie9 [dir=rtl] .k-input-icon {
    left: 0;
    right: auto
}

span.k-numerictextbox {
    background-color: transparent
}

.k-numerictextbox .k-input {
    margin: 0
}

.k-numerictextbox .k-link {
    color: inherit;
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
    overflow: hidden
}

.k-numerictextbox .k-icon {
    display: block;
    margin: auto;
    height: 100%
}

.k-numerictextbox .k-i-arrow-60-up {
    top: 0
}

.k-numerictextbox .k-i-arrow-60-down {
    bottom: 0
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.k-rtl .k-multiselect-wrap {
    padding-right: 0;
    padding-left: 22px
}

.k-maskedtextbox {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border-width: 0
}

    .k-maskedtextbox ::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

    .k-maskedtextbox .k-i-warning {
        position: absolute;
        width: 2em;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.k-dateinput {
    position: relative;
    display: inline-block;
    border-width: 0
}

    .k-dateinput.k-widget {
        background-color: transparent
    }

    .k-dateinput ::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

    .k-dateinput .k-i-warning {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: visible
    }

.k-datepicker .k-picker-wrap .k-i-warning, .k-datetimepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: visible
}

.k-listbox {
    box-sizing: border-box;
    height: 200px
}

    .k-listbox.k-widget {
        background-color: transparent
    }

    .k-listbox .k-list-scroller {
        height: 100%;
        overflow: auto;
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box
    }

        .k-listbox .k-list-scroller li {
            cursor: default;
            -moz-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -webkit-touch-callout: none
        }

    .k-listbox .k-listbox-toolbar {
        box-sizing: border-box
    }

    .k-listbox.k-listbox-toolbar-top {
        padding: 15px 0 1.42857143em
    }

        .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar {
            margin-top: -15px;
            margin-bottom: 5px
        }

            .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li {
                display: inline-block
            }

                .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li {
                    margin-left: 5px
                }

    .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
        float: left;
        margin-right: 5px
    }

        .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li {
            margin-top: 5px
        }

    .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
        float: right;
        margin-left: 5px
    }

        .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) {
            margin-bottom: 5px
        }

    .k-listbox.k-listbox-toolbar-bottom {
        padding: 15px 0 1.45em
    }

        .k-listbox.k-listbox-toolbar-bottom .k-list-scroller {
            margin-top: -15px
        }

        .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar {
            margin-top: 5px
        }

            .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li {
                display: inline-block
            }

                .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li {
                    margin-left: 5px
                }

    .k-listbox .k-ghost {
        opacity: .5
    }

.k-rtl .k-combobox-clearable .k-input, .k-rtl .k-dropdown-wrap, .k-rtl .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-rtl .k-dropdowntree-clearable .k-multiselect-wrap, .k-rtl .k-multiselect-clearable .k-multiselect-wrap, .k-rtl .k-numeric-wrap, .k-rtl .k-picker-wrap {
    padding-right: 0;
    padding-left: 2em
}

    .k-rtl .k-dropdown-wrap > .k-clear-value {
        left: calc(3em - 8px)
    }

.k-rtl .k-autocomplete > .k-clear-value {
    left: calc(1em - 8px)
}

.k-rtl .k-multiselect-wrap > .k-clear-value {
    left: calc(1em - 7px)
}

.k-rtl .k-multiselect-wrap.k-multiselect-wrap-arrow > .k-select {
    left: calc(1em - 7px);
    right: auto
}

.k-rtl .k-multiselect-wrap.k-multiselect-wrap-arrow > .k-clear-value {
    left: 2em;
    right: auto
}

.k-rtl .k-numeric-wrap.k-state-invalid.k-expand-padding .k-i-warning {
    left: 0
}

.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    float: left;
    margin-right: 5px;
    margin-left: 0
}

.k-multiple-selection .k-in.k-state-selected {
    border-color: transparent;
    color: inherit;
    background: 0 0
}

.k-popup-flush, .k-popup-flush.k-list-container {
    padding: 0
}

.k-dropdowngrid-popup {
    overflow: hidden
}

    .k-dropdowngrid-popup .k-footer, .k-dropdowngrid-popup .k-grid-header, .k-dropdowngrid-popup .k-group-header, .k-dropdowngrid-popup .k-list-scroller, .k-dropdowngrid-popup .k-virtual-content {
        line-height: 1.42857143
    }

    .k-dropdowngrid-popup .k-virtual-wrap {
        margin: 0
    }

    .k-dropdowngrid-popup .k-grid-header table {
        margin: 0 0 -1px 0;
        width: 100%;
        max-width: none;
        border-width: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        empty-cells: show;
        outline: 0
    }

.k-grid-list {
    width: 100%;
    max-width: none;
    border-width: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    empty-cells: show;
    outline: 0;
    display: table
}

    .k-grid-list > .k-item {
        box-sizing: border-box;
        display: table-row;
        position: relative
    }

        .k-grid-list > .k-item > .k-cell, .k-grid-list > .k-item > .k-group, .k-grid-list > .k-item > .k-spacer-group {
            box-sizing: border-box;
            display: table-cell;
            vertical-align: middle
        }

    .k-grid-list.k-virtual-list > .k-item > .k-cell, .k-grid-list.k-virtual-list > .k-item > .k-group, .k-grid-list.k-virtual-list > .k-item > .k-spacer-group {
        display: inline-block
    }

    .k-dropdowngrid-popup .k-grid-header .k-header, .k-grid-list > .k-item > .k-cell {
        border-width: 0 0 1px 1px;
        border-style: solid;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.k-dropdowngrid-popup .k-grid-header .k-header {
    padding: 6px 8px
}

.k-grid-list > .k-item > .k-cell {
    padding: 6px 8px
}

    .k-dropdowngrid-popup .k-grid-header .k-header:first-child, .k-grid-list > .k-item > .k-cell:first-child {
        border-left-width: 0
    }

div.k-dropdowngrid-popup .k-group-header {
    margin: 0;
    padding: 6px 8px;
    min-height: auto;
    text-align: left
}

.k-grid-list > .k-item > .k-group-cell, .k-grid-list > .k-item > .k-spacer-cell {
    padding-left: 0;
    padding-right: 0;
    width: 0;
    border-left-width: 0;
    border-right-width: 0;
    overflow: visible;
    position: relative
}

    .k-grid-list > .k-item > .k-group-cell > span {
        padding: 0 4px;
        font-size: .875em;
        position: absolute;
        top: 0;
        right: 0
    }

.k-grid-list > .k-item:last-child > .k-cell, .k-grid-list > .k-item:last-child > .k-group-cell, .k-grid-list > .k-item:last-child > .k-spacer-cell {
    border-bottom-width: 0
}

.k-dropdowngrid-popup .k-footer {
    padding: 6px 8px;
    border-width: 1px 0 0 0;
    border-style: solid;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.k-rtl .k-grid-list > .k-item > .k-cell {
    border-left-width: 1px;
    border-right-width: 1px;
    text-align: right
}

    .k-rtl .k-grid-list > .k-item > .k-cell:first-child {
        border-right-width: 0
    }

.k-rtl div.k-dropdowngrid-popup .k-group-header {
    text-align: right
}

.k-rtl .k-grid-list > .k-item > .k-group-cell > span {
    right: auto;
    left: 0
}

.k-floating-label-container, .k-textbox-container {
    padding-top: 1.2375em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    width: 12.4em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

    .k-floating-label-container > .k-label, .k-textbox-container > .k-label {
        max-width: 90%;
        line-height: 1.65em;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: absolute;
        top: calc(1.41607143em + 1px);
        left: calc(1px + .571em);
        overflow: hidden;
        cursor: text;
        transition: color .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
        pointer-events: none
    }

    .k-floating-label-container > .k-textarea, .k-floating-label-container > .k-textbox, .k-floating-label-container > .k-widget, .k-textbox-container > .k-textarea, .k-textbox-container > .k-textbox, .k-textbox-container > .k-widget {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto
    }

    .k-floating-label-container.k-state-empty > .k-label, .k-textbox-container.k-state-empty > .k-label {
        -webkit-transform: translate(0,0) scale(1);
        -ms-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1);
        font-style: normal
    }

    .k-floating-label-container.k-state-focused, .k-textbox-container.k-state-focused {
        box-shadow: none
    }

        .k-floating-label-container.k-state-focused > .k-label, .k-floating-label-container > .k-label, .k-textbox-container.k-state-focused > .k-label, .k-textbox-container > .k-label {
            -webkit-transform: translate(-.571em,-.1339285725em) translate(-1px,-1.2375em) translate(-12.5%,-9.375%) scale(.75);
            -ms-transform: translate(-.571em,-.1339285725em) translate(-1px,-1.2375em) translate(-12.5%,-9.375%) scale(.75);
            transform: translate(-.571em,-.1339285725em) translate(-1px,-1.2375em) translate(-12.5%,-9.375%) scale(.75)
        }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::-webkit-input-placeholder {
        color: transparent
    }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder {
        color: transparent
    }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::-ms-input-placeholder {
        color: transparent
    }

    .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder, .k-textbox-container.k-state-empty:not(.k-state-focused) ::placeholder {
        color: transparent
    }

    .k-floating-label-container[dir=rtl] > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir=rtl] > .k-label {
        left: auto;
        right: calc(1px + .571em)
    }

    .k-floating-label-container[dir=rtl].k-state-empty > .k-label, .k-rtl .k-floating-label-container.k-state-empty > .k-label, .k-rtl .k-textbox-container.k-state-empty > .k-label, .k-textbox-container[dir=rtl].k-state-empty > .k-label {
        -webkit-transform: translate(0,0) scale(1);
        -ms-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1)
    }

    .k-floating-label-container[dir=rtl].k-state-focused > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-rtl .k-floating-label-container.k-state-focused > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-textbox-container.k-state-focused > .k-label, .k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir=rtl].k-state-focused > .k-label, .k-textbox-container[dir=rtl] > .k-label {
        -webkit-transform: translate(.571em,-.1339285725em) translate(1px,-1.2375em) translate(12.5%,-9.375%) scale(.75);
        -ms-transform: translate(.571em,-.1339285725em) translate(1px,-1.2375em) translate(12.5%,-9.375%) scale(.75);
        transform: translate(.571em,-.1339285725em) translate(1px,-1.2375em) translate(12.5%,-9.375%) scale(.75)
    }

.k-input-label {
    margin-right: .571em;
    z-index: 1
}

    .k-input-label.k-rtl, .k-input-label[dir=rtl], .k-rtl .k-input-label, [dir=rtl] .k-input-label {
        margin-right: 0;
        margin-left: .571em
    }

.k-input-prefix, .k-input-suffix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: calc(1.4285714286em + 8px)
}

    .k-input-prefix > *, .k-input-suffix > * {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-input-prefix > .k-icon, .k-input-suffix > .k-icon {
        width: calc(20px + .35714286em);
        height: calc(20px + .35714286em);
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-input-prefix > .k-clear-value, .k-input-suffix > .k-clear-value {
        width: calc(20px + .35714286em);
        height: calc(20px + .35714286em);
        position: relative
    }

        .k-input-prefix > .k-clear-value::after, .k-input-suffix > .k-clear-value::after {
            content: "";
            opacity: 0;
            display: none;
            pointer-events: none;
            position: absolute;
            left: -1px;
            right: -1px;
            top: -1px;
            bottom: -1px
        }

        .k-input-prefix > .k-clear-value.k-state-focused::after, .k-input-prefix > .k-clear-value:focus::after, .k-input-suffix > .k-clear-value.k-state-focused::after, .k-input-suffix > .k-clear-value:focus::after {
            display: block
        }

.k-cursor-auto {
    cursor: auto
}

.k-cursor-default {
    cursor: default
}

.k-cursor-none {
    cursor: none
}

.k-cursor-context-menu {
    cursor: context-menu
}

.k-cursor-help {
    cursor: help
}

.k-cursor-pointer {
    cursor: pointer
}

.k-cursor-progress {
    cursor: progress
}

.k-cursor-wait {
    cursor: wait
}

.k-cursor-cell {
    cursor: cell
}

.k-cursor-crosshair {
    cursor: crosshair
}

.k-cursor-text {
    cursor: text
}

.k-cursor-vertical-text {
    cursor: vertical-text
}

.k-cursor-alias {
    cursor: alias
}

.k-cursor-copy {
    cursor: copy
}

.k-cursor-move {
    cursor: move
}

.k-cursor-no-drop {
    cursor: no-drop
}

.k-cursor-not-allowed {
    cursor: not-allowed
}

.k-cursor-e-resize {
    cursor: e-resize
}

.k-cursor-n-resize {
    cursor: n-resize
}

.k-cursor-ne-resize {
    cursor: ne-resize
}

.k-cursor-nw-resize {
    cursor: nw-resize
}

.k-cursor-s-resize {
    cursor: s-resize
}

.k-cursor-se-resize {
    cursor: se-resize
}

.k-cursor-sw-resize {
    cursor: sw-resize
}

.k-cursor-w-resize {
    cursor: w-resize
}

.k-cursor-ew-resize {
    cursor: ew-resize
}

.k-cursor-ns-resize {
    cursor: ns-resize
}

.k-cursor-nesw-resize {
    cursor: nesw-resize
}

.k-cursor-nwse-resize {
    cursor: nwse-resize
}

.k-cursor-col-resize {
    cursor: col-resize
}

.k-cursor-row-resize {
    cursor: row-resize
}

.k-cursor-all-scroll {
    cursor: all-scroll
}

.k-cursor-zoom-in {
    cursor: zoom-in
}

.k-cursor-zoom-out {
    cursor: zoom-out
}

.k-cursor-grab {
    cursor: grab
}

.k-cursor-grabbing {
    cursor: grabbing
}

select.k-dropdown {
    border-radius: 4px;
    padding: 4px 8px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
    cursor: pointer
}

.k-notification {
    border-width: 1px;
    border-style: solid;
    cursor: default;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box
}

    .k-notification > .k-notification-wrap {
        padding: .6em .5em
    }

.k-notification-closable > .k-notification-wrap {
    padding-right: 20px
}

.k-notification .k-notification-content {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.k-notification-wrap > .k-i-error, .k-notification-wrap > .k-i-info, .k-notification-wrap > .k-i-success, .k-notification-wrap > .k-i-warning {
    margin-right: 4px;
    vertical-align: text-bottom
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.k-notification-closable .k-notification-wrap > .k-i-close {
    display: block
}

.k-rtl .k-notification-closable .k-notification-wrap, .k-rtl.k-notification-closable .k-notification-wrap {
    padding-right: .5em;
    padding-left: 20px
}

.k-rtl .k-notification-wrap > .k-i-error, .k-rtl .k-notification-wrap > .k-i-info, .k-rtl .k-notification-wrap > .k-i-success, .k-rtl .k-notification-wrap > .k-i-warning {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-notification-wrap > .k-i-close {
    right: auto;
    left: 4px
}

.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%
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-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-state-disabled .k-slider-wrap {
    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 {
    display: inline-block;
    text-align: center
}

.k-scheduler .k-link {
    color: inherit
}

.k-scheduler-toolbar {
    border-width: 0 0 1px;
    z-index: 2
}

    .k-scheduler-toolbar .k-nav-current {
        color: inherit;
        text-decoration: none;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

        .k-scheduler-toolbar .k-nav-current .k-icon {
            -webkit-margin-end: 4px;
            margin-inline-end: 4px
        }

        .k-scheduler-toolbar .k-nav-current .k-lg-date-format, .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
            display: inline-block
        }

        .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
            display: none
        }

    .k-scheduler-toolbar .k-scheduler-search {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper {
        margin-left: auto
    }

        .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown {
            width: auto;
            font: inherit;
            display: none
        }

@media (max-width:1400px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        max-width: 200px
    }
}

@media (max-width:1024px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        display: none
    }

    .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
        display: inline-block
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
        display: none
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown {
        display: inline-block
    }
}

.k-scheduler-footer {
    border-width: 1px 0 0
}

.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-header .k-link {
        color: inherit
    }

.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-monthview .k-scheduler-content {
    overflow-y: scroll
}

.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: 4px .5em;
    font-size: 100%
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    box-sizing: content-box
}

.k-scheduler-dayview div:not(.k-scheduler-header) .k-today:not(.k-nonwork-hour):not(.k-state-selected), .k-scheduler-timelineview .k-today:not(.k-nonwork-hour) {
    background-color: transparent
}

.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: 85px;
    text-align: right
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td {
    height: auto
}

.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-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 {
    padding: 0;
    height: 13px
}

.k-more-events > .k-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.k-event, .k-more-events {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
    position: absolute
}

    .k-event .k-nav-day {
        display: inline-block
    }

.k-event {
    cursor: default;
    min-height: 1.3em
}

.k-event-drag-hint {
    opacity: .6;
    cursor: -moz-grabbing
}

.k-scheduler-header .k-event {
    white-space: nowrap
}

.k-event-template {
    padding: 4px 1.4em 4px .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;
    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-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-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-60-right {
    position: absolute;
    right: -4px
}

.k-scheduler-timecolumn .k-i-arrow-60-left {
    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-textarea {
    width: 100%
}

.k-scheduler-edit-form textarea.k-textarea {
    min-height: 4em;
    resize: vertical
}

.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em
}

.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, .k-scheduler-edit-form .k-edit-buttons .k-scheduler-resetSeries {
    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-refresh {
    float: right;
    padding: 0 .5em
}

@media (max-width:480px) {
    .k-scheduler-timecolumn {
        width: 5em
    }

    .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden
    }

        .k-scheduler-datecolumn > div, .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-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-left, .k-rtl .k-scheduler .k-scheduler-navigation .k-i-arrow-60-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-tooltip {
    padding: 4px 8px;
    min-width: 30px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    z-index: 12000
}

.k-tooltip-icon {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-tooltip-title {
    display: block
}

.k-tooltip-content {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-tooltip-button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-callout {
    width: 12px;
    height: 12px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    position: absolute;
    pointer-events: none
}

.k-callout-n {
    border-bottom-color: inherit;
    top: -1px;
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    pointer-events: none
}

.k-callout-e {
    border-left-color: inherit;
    top: 50%;
    right: -1px;
    -webkit-transform: translate(100%,-50%);
    -ms-transform: translate(100%,-50%);
    transform: translate(100%,-50%);
    pointer-events: none
}

.k-callout-s {
    border-top-color: inherit;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    pointer-events: none
}

.k-callout-w {
    border-right-color: inherit;
    top: 50%;
    left: -1px;
    -webkit-transform: translate(-100%,-50%);
    -ms-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%);
    pointer-events: none
}

span.k-tooltip {
    position: relative
}

.k-validator-tooltip {
    margin-top: 6px;
    width: auto;
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999
}

    .k-validator-tooltip .k-callout-n {
        inset-inline-start: 16px
    }

.k-grid .k-validation-tooltip {
    max-width: 300px
}

.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;
    -ms-user-select: none;
    user-select: none
}

.k-ghost-splitbar-horizontal, .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%;
    margin-top: -10px
}

.k-splitbar-horizontal .k-i-arrow-60-right {
    margin-left: -2px
}

.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right {
    margin-top: 13px
}

.k-splitbar-horizontal .k-i-arrow-60-left {
    margin-left: -3px
}

.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left {
    margin-top: -28px
}

.k-splitbar-vertical .k-i-arrow-60-up {
    margin-top: -2px
}

.k-splitbar-vertical .k-i-arrow-60-down {
    margin-top: -2px
}

.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up {
    margin-left: -17px
}

.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down {
    margin-left: 23px
}

.k-i-arrow-60-down, .k-i-arrow-60-left, .k-i-arrow-60-right, .k-i-arrow-60-up {
    cursor: pointer
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 7px;
    height: 20px;
    margin-top: -10px
}

.k-splitbar-static-horizontal {
    width: 1px
}

.k-splitbar-static-vertical {
    height: 1px
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block;
    border-radius: 1px
}

.k-splitbar-draggable-horizontal .k-resize-handle {
    width: 3px;
    height: 20px
}

.k-splitbar-draggable-vertical .k-resize-handle {
    width: 20px;
    height: 3px
}

.k-splitbar .k-i-arrow-60-down, .k-splitbar .k-i-arrow-60-left, .k-splitbar .k-i-arrow-60-right, .k-splitbar .k-i-arrow-60-up {
    font-size: 10px
}

.k-splitter-resizing {
    overflow: hidden
}

.k-rtl .k-splitbar-horizontal .k-i-arrow-60-right {
    margin-top: 13px;
    margin-right: -3px
}

.k-rtl .k-splitbar-horizontal .k-i-arrow-60-left {
    margin-top: -28px;
    margin-right: -2px
}

.k-rtl .k-splitbar-vertical .k-i-arrow-60-up {
    margin-top: -2px;
    margin-left: -17px
}

.k-rtl .k-splitbar-vertical .k-i-arrow-60-down {
    margin-top: -2px;
    margin-left: 23px
}

html .k-upload {
    position: relative
}

.k-dropzone .k-dropzone-hint, .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 .k-dropzone-hint {
        margin-left: .6em
    }

.k-dropzone-active .k-dropzone-hint {
    display: inline-block
}

.k-dropzone-active .k-upload-status {
    display: none
}

.k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.k-upload .k-upload-button {
    min-width: 7.167em;
    margin-right: 1.6em
}

.k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.k-upload-files {
    border-style: solid;
    border-width: 1px 0 0
}

    .k-upload-files .k-button {
        padding: 0
    }

.k-upload-status .k-i-warning {
    display: none
}

.k-upload-status-total .k-icon {
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-bottom
}

.k-upload-files ~ .k-clear-selected, .k-upload-files ~ .k-upload-selected {
    margin-top: -5px
}

.k-upload .k-fail {
    background-position: -161px -111px
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .65em 1em calc(.65em + 2px) 1em;
    white-space: nowrap;
    outline: 0
}

    .k-file .k-upload-action {
        background: 0 0;
        border-width: 0;
        box-shadow: none;
        margin-right: 3px
    }

    .k-file:last-child {
        border-bottom-width: 0
    }

    .k-file .k-icon {
        display: inline-block;
        position: relative
    }

.k-upload-files .k-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.k-file-extension-wrapper, .k-file-group-wrapper, .k-file-invalid-extension-wrapper, .k-file-name-size-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-group-wrapper, .k-multiple-files-invalid-extension-wrapper {
    display: block
}

.k-file-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    position: relative;
    width: 24px;
    height: 34px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: .57em;
    text-transform: uppercase
}

.k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    font-size: 1.2em
}

.k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    margin-top: 4px
}

.k-file-group-wrapper .k-file-group, .k-file-invalid-group-wrapper .k-file-group, .k-multiple-files-group-wrapper .k-file-group, .k-multiple-files-invalid-group-wrapper .k-file-group {
    font-size: 32px
}

.k-file-group-wrapper .k-file-state, .k-file-invalid-group-wrapper .k-file-state, .k-multiple-files-group-wrapper .k-file-state, .k-multiple-files-invalid-group-wrapper .k-file-state {
    position: absolute
}

.k-multiple-files-group-wrapper, .k-multiple-files-invalid-group-wrapper {
    vertical-align: top
}

.k-file-state {
    visibility: hidden
}

.k-file-single > .k-file-name-size-wrapper, .k-file > .k-file-name-size-wrapper, .k-multiple-files-wrapper {
    overflow: hidden;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-left: 1em
}

    .k-multiple-files-wrapper .k-file-name-size-wrapper {
        margin-bottom: 1em
    }

.k-file-name-size-wrapper {
    vertical-align: middle
}

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:after, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-style: solid
}

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 6px;
    margin-top: -1px;
    margin-right: -1px
}

.k-multiple-files-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:after {
    top: -6px;
    left: -6px;
    width: 15px;
    height: 35px;
    border-width: 2px 0 0 2px
}

.k-file-extension, .k-file-invalid-icon {
    position: absolute;
    bottom: 0;
    line-height: normal
}

.k-file-extension {
    margin-left: .4em;
    margin-bottom: .3em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.k-file-invalid-icon {
    margin-left: 5px
}

.k-file-information, .k-file-name, .k-file-size, .k-file-validation-message {
    display: block
}

.k-file-name {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-file-information, .k-file-size, .k-file-validation-message {
    font-size: .78em;
    line-height: 1.5em
}

.k-file-information, .k-file-validation-message {
    line-height: 1.5em
}

.k-file-size {
    line-height: 1.2em
}

.k-upload-files .k-upload-status {
    line-height: 1;
    opacity: .65
}

.k-button.k-upload-action.k-state-active:hover, .k-button.k-upload-action:active:hover, .k-button.k-upload-action:hover, .k-upload-action {
    color: inherit;
    background: 0 0;
    border: 0
}

.k-upload-action {
    opacity: .6
}

    .k-upload-action:hover {
        opacity: 1
    }

    .k-upload-action .k-icon {
        vertical-align: top
    }

.k-file .k-upload-status .k-button, .k-file .k-upload-status > .k-icon {
    vertical-align: middle;
    border-radius: 50%
}

.k-dropzone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

    .k-dropzone .k-upload-status {
        position: static;
        margin-left: 10px
    }

.k-upload-pct {
    margin-right: .75em
}

.k-ie9 .k-upload-status-total {
    top: 1.5em
}

    .k-ie9 .k-upload-status-total > .k-icon {
        margin-top: -3px
    }

.k-upload-action {
    line-height: normal
}

.k-upload .k-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px
}

.k-upload .k-progressbar {
    height: 2px;
    position: absolute;
    bottom: .32em;
    width: calc(100% - 2em)
}

    .k-upload .k-progressbar .k-progress {
        width: 100%;
        max-width: 100%;
        height: 100%
    }

.k-file-invalid > .k-progress {
    width: 100%
}

.k-rtl .k-file-extension-wrapper {
    margin-left: 14px
}

.k-upload .k-action-buttons {
    border-width: 1px 0 0 0;
    border-style: solid
}

.k-no-flexbox .k-upload .k-action-buttons .k-button {
    border-width: 0
}

.k-mediaplayer {
    position: relative
}

    .k-mediaplayer > iframe, .k-mediaplayer > video {
        vertical-align: top
    }

    .k-mediaplayer .k-mediaplayer-overlay {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute
    }

.k-mediaplayer-titlebar {
    padding: 8px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.05) 80%,rgba(0,0,0,0))
}

.k-mediaplayer-toolbar-wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0
}

.k-mediaplayer-toolbar {
    padding: 2px;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

    .k-mediaplayer-toolbar > * {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

        .k-mediaplayer-toolbar > * + * {
            margin-left: 5px
        }

    .k-mediaplayer-toolbar .k-align-right > * + * {
        margin-left: 5px
    }

    .k-mediaplayer-toolbar .k-mediaplayer-quality {
        width: auto;
        padding: 0;
        background: none transparent
    }

        .k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
            border: 0 none;
            box-shadow: none;
            padding: 0;
            background: none transparent;
            color: inherit
        }

        .k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
            display: none
        }

        .k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
            position: relative;
            width: auto;
            min-height: 0;
            line-height: inherit
        }

.k-mediaplayer-quality-wrap, .k-mediaplayer-volume-wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.k-quality-list {
    width: 80px !important;
    margin-left: -32px !important
}

.k-slider.k-mediaplayer-seekbar {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: -17px;
    left: 0
}

    .k-slider.k-mediaplayer-seekbar .k-slider-track {
        width: 100% !important;
        border-radius: 0
    }

    .k-slider.k-mediaplayer-seekbar .k-slider-selection {
        border-radius: 0
    }

    .k-slider.k-mediaplayer-seekbar .k-draghandle {
        opacity: 0;
        transition: .2s opacity
    }

        .k-slider.k-mediaplayer-seekbar .k-draghandle.k-state-selected, .k-slider.k-mediaplayer-seekbar:hover .k-draghandle {
            opacity: 1
        }

.k-mediaplayer-fullscreen {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.k-no-flexbox .k-mediaplayer-toolbar .k-align-right > * {
    display: inline-block;
    vertical-align: middle
}

.k-no-flexbox .k-mediaplayer-toolbar .k-flat.k-button {
    height: auto
}

.k-no-flexbox .k-mediaplayer-toolbar .k-toolbar-spacer {
    display: none
}

.k-toolbar-wrap {
    float: left
}

    .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;
    opacity: .4;
    position: fixed
}

.k-search-wrap {
    padding: 0;
    width: 20%;
    position: relative
}

    .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: 50%;
        right: 2px;
        margin: 0;
        margin-top: -8px
    }

.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-tiles-arrange {
    float: right
}

    .k-filebrowser .k-tiles-arrange .k-dropdown {
        width: 5.3em
    }

.k-filebrowser .k-upload {
    border-width: 0;
    background-color: transparent
}

    .k-filebrowser .k-upload .k-upload-files, .k-filebrowser .k-upload .k-upload-status {
        display: none
    }

    .k-filebrowser .k-upload .k-upload-button {
        margin: 0;
        width: auto;
        min-width: auto
    }

.k-filebrowser .k-breadcrumb {
    position: relative;
    float: left;
    width: 79%;
    margin: 0
}

.k-filebrowser .k-filemanager-listview {
    height: 390px;
    max-height: 50vh;
    margin-bottom: 2em
}

    .k-filebrowser .k-filemanager-listview .k-listview-content {
        height: 100%
    }

.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-chart, .k-gauge, .k-sparkline, .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-chart, .k-stockchart {
    height: 400px
}

    .k-chart > canvas {
        vertical-align: top
    }

.k-stockchart, div.k-chart, div.k-gauge, span.k-sparkline {
    background-color: transparent
}

.k-gauge {
    text-align: left;
    position: relative
}

.k-arcgauge {
    display: inline-block
}

.k-arcgauge-label {
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0
}

.k-baseline-marker {
    zoom: 1
}

.k-chart-tooltip {
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    background-image: url(/Content/kendo/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P/vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    background-position: 0 0;
    background-repeat: repeat-x;
    line-height: normal;
    white-space: nowrap;
    z-index: 12000
}

.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-chart-shared-tooltip-marker {
    display: block;
    width: 15px;
    height: 3px
}

.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)
}

.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-left-handle {
    left: -4px
}

.k-right-handle {
    right: -4px
}

.k-left-handle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0
}

.k-left-handle.k-handle-active div {
    margin-left: -40px;
    padding-right: 55px
}

.k-right-handle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px
}

.k-right-handle.k-handle-active div {
    padding-left: 55px
}

.k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    opacity: .8
}

.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;
    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;
        -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 {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box
}

    .k-map .k-map-controls {
        position: absolute
    }

    .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 .k-navigator {
        margin: 1em;
        width: 50px;
        height: 50px;
        border-width: 1px;
        border-style: solid;
        border-radius: 80px;
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

.k-pdf-export .k-map .k-navigator {
    display: none
}

.k-map .k-zoom-control {
    margin: 1em;
    vertical-align: middle
}

    .k-map .k-zoom-control .k-button {
        width: auto;
        height: auto
    }

.k-pdf-export .k-map .k-zoom-control {
    display: none
}

.k-map .k-attribution {
    padding: 2px 4px;
    font-size: 10px;
    background-color: rgba(255,255,255,.8);
    z-index: 1000
}

.k-map .k-marker {
    width: 28px;
    height: 40px;
    margin: -40px 0 0 -14px;
    font-size: 28px;
    position: absolute;
    cursor: pointer;
    overflow: visible
}

.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    border-color: transparent;
    border-radius: 16px;
    line-height: 10px;
    background: 0 0;
    position: absolute
}

.k-navigator .k-navigator-n, .k-navigator .k-navigator-up {
    top: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-navigator .k-navigator-e, .k-navigator .k-navigator-right {
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-navigator .k-navigator-down, .k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-navigator .k-navigator-left, .k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.k-pdf-export .k-navigator {
    display: none
}

.k-button-wrap {
    border-radius: 4px;
    display: inline-block
}

    .k-button-wrap .k-button {
        position: relative;
        padding: 4px;
        line-height: 16px
    }

        .k-button-wrap .k-button .k-icon {
            vertical-align: top
        }

.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 {
    box-sizing: content-box
}

.k-treemap {
    overflow: hidden;
    height: 400px
}

.k-treemap-tile {
    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 {
    z-index: 2;
    background-image: none
}

.k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%
}

.k-treemap-title {
    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 {
    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
    }

.k-pane-wrapper {
    position: relative;
    font-size: 14px
}

    .k-pane-wrapper .k-pane {
        width: 100%;
        height: 100%;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-sizing: border-box;
        font-family: sans-serif;
        overflow-x: hidden
    }

    .k-pane-wrapper .k-view {
        top: 0;
        left: 0;
        position: relative;
        border: 0;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        vertical-align: top
    }

    .k-pane-wrapper .k-content {
        min-height: 1px;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: block;
        width: auto;
        overflow: hidden;
        position: relative
    }

    .k-pane-wrapper .k-grid-column-menu > .k-header, .k-pane-wrapper .k-grid-edit-form > .k-header, .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-pane-wrapper .k-scheduler-edit-form > .k-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .3em .6em;
        width: auto;
        line-height: 2em
    }

        .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon, .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon {
            font-size: 1.5em
        }

    .k-pane-wrapper .k-grid-edit-row .k-textbox {
        box-sizing: border-box
    }

.k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer, .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar {
    line-height: 2em
}

.k-pane-wrapper > div.k-pane {
    box-shadow: none;
    font-weight: 400
}

.k-pane-wrapper .k-grid-column-menu .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content, .k-pane-wrapper .k-popup-edit-form .k-content {
    overflow-y: auto
}

    .k-pane-wrapper .k-grid-column-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container {
        position: absolute;
        width: 100%;
        min-height: 100%;
        box-sizing: border-box
    }

.k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
    margin: 1em;
    font-weight: 400
}

.k-pane-wrapper .k-grid-edit-form .k-edit-form-container, .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto
}

.k-pane-wrapper .k-grid .k-grid-search {
    width: 100%
}

.k-grid-mobile {
    border-width: 0
}

    .k-grid-mobile .k-resize-handle-inner::before {
        content: "\e01e";
        position: absolute;
        top: calc(50% - 1px);
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: .2em
    }

    .k-grid-mobile .k-edit-cell > input, .k-grid-mobile .k-edit-cell > select, .k-grid-mobile .k-grid-edit-row > td > input, .k-grid-mobile .k-grid-edit-row > td > select {
        width: 100%;
        box-sizing: border-box
    }

    .k-grid-mobile .k-header a {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-drag: none
    }

.k-pane-wrapper .k-scheduler-edit-form .k-recur-view {
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-pane-wrapper .k-scheduler-edit-form .k-recur-view > .k-listgroup-form-row {
        margin: 0
    }

.k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap {
    width: 100%;
    margin: -1px 0
}

.k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap {
    white-space: nowrap
}

.k-scheduler-mobile {
    border-width: 0
}

    .k-scheduler-mobile th {
        font-weight: 400
    }

    .k-scheduler-mobile .k-scheduler-toolbar > * {
        margin: 0
    }

    .k-scheduler-mobile .k-scheduler-toolbar::before {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0
    }

        .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly
        }

        .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-y-date-format {
            font-size: 12px
        }

        .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current {
            -ms-flex-direction: column;
            flex-direction: column
        }

    .k-scheduler-mobile .k-scheduler-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .k-scheduler-mobile .k-scheduler-footer > * {
            margin: 0
        }

        .k-scheduler-mobile .k-scheduler-footer::before {
            display: none
        }

    .k-scheduler-mobile .k-scheduler-monthview .k-hidden {
        height: 40px
    }

    .k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td {
        height: 40px;
        vertical-align: top;
        text-align: center
    }

    .k-scheduler-mobile .k-scheduler-monthview .k-events-container {
        position: absolute;
        text-align: center;
        height: 6px;
        line-height: 6px
    }

    .k-scheduler-mobile .k-scheduler-monthview .k-event {
        position: static;
        display: inline-block;
        width: 4px;
        height: 4px;
        min-height: 0;
        margin: 1px
    }

    .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header {
        display: none
    }

    .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table {
        table-layout: auto
    }

        .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn {
            width: 1%
        }

    .k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th {
        height: 1.5em
    }

    .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th {
        height: 2em;
        vertical-align: middle
    }

    .k-scheduler-mobile .k-scheduler-times th {
        font-size: 1em
    }

    .k-scheduler-mobile .k-scheduler-datecolumn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .k-scheduler-mobile .k-task {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .k-scheduler-mobile .k-task .k-scheduler-mark {
            border-radius: 50%
        }

        .k-scheduler-mobile .k-task .k-i-reload {
            font-size: 1em;
            margin-right: .5em
        }

        .k-scheduler-mobile .k-task .k-scheduler-task-text {
            -ms-flex: 1 1 0%;
            flex: 1 1 0%
        }

    .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn {
        vertical-align: top
    }

        .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text {
            -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            white-space: nowrap
        }

    .k-scheduler-mobile .k-scrollbar-h tr + tr .k-scheduler-times {
        border-bottom-width: 0
    }

.k-pane-wrapper .k-pane * {
    background-clip: border-box
}

.k-pane-wrapper .k-filter-help-text, .k-pane-wrapper .k-list-title {
    padding: .5em 1em;
    display: block
}

.k-pane-wrapper .k-listgroup .k-listgroup-item {
    border-color: inherit
}

.k-pane-wrapper .k-listgroup + .k-listgroup {
    margin-top: 2em
}

.k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
    pointer-events: none
}

.k-pane-wrapper .k-filter-menu {
    padding: 0
}

    .k-pane-wrapper .k-filter-menu .k-space-right {
        border: 0;
        padding: 0 10px;
        background: 0
    }

        .k-pane-wrapper .k-filter-menu .k-space-right > input {
            width: 100%;
            height: 2em;
            padding: 1px 0;
            margin: 0;
            border-radius: 3px;
            text-indent: 1em;
            border-width: 1px;
            border-style: solid
        }

        .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
            right: 15px;
            z-index: 2
        }

    .k-pane-wrapper .k-filter-menu .k-filter-tools {
        margin: 1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
    display: -ms-flexbox;
    display: flex
}

.k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-pane-wrapper .k-multicheck-wrap.k-listgroup {
    overflow-y: auto
}

.k-pane-wrapper .k-state-disabled {
    opacity: 1
}

    .k-pane-wrapper .k-state-disabled > * {
        opacity: .7
    }

.k-ie .k-pane-wrapper .k-grid .k-icon {
    text-indent: 0
}

.k-pane-wrapper .k-pager-wrap.k-pager-sm {
    -ms-flex-pack: center;
    justify-content: center
}

    .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh {
        display: none
    }

.km-scroll-container {
    -webkit-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;
    transition: opacity .3s linear
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px
}

.k-pane-wrapper[dir=rtl] .k-grid-column-menu > .k-header, .k-pane-wrapper[dir=rtl] .k-grid-edit-form > .k-header, .k-pane-wrapper[dir=rtl] .k-grid-filter-menu > .k-header, .k-pane-wrapper[dir=rtl] .k-scheduler-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header, .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header, .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header, .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-column-menu > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-edit-form > .k-header, [dir=rtl] .k-pane-wrapper .k-grid-filter-menu > .k-header, [dir=rtl] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-pane-wrapper[dir=rtl] .k-filter-menu .k-space-right > .k-i-zoom, .k-rtl .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom, [dir=rtl] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
    left: 15px;
    right: auto
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li {
    border: 0
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-next, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar .k-nav-prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-pane-wrapper[dir=rtl] .k-scheduler-mobile .k-task .k-i-reload, .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload, [dir=rtl] .k-pane-wrapper .k-scheduler-mobile .k-task .k-i-reload {
    margin-left: .5em;
    margin-right: 0
}

.k-pane-wrapper[dir=rtl] .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, .k-rtl .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, [dir=rtl] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
    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 .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-header, .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 .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .k-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 {
    transition: all 350ms ease-out
}

.k-fx-slide.k-fx-start .k-fx-next .k-content, .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 .k-footer, .k-fx-slide.k-fx-start .k-fx-next .k-header, .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 .k-content, .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 .k-footer, .k-fx-slide.k-fx-end .k-fx-next .k-header, .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 .k-content, .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 .k-content, .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 .k-content, .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 .k-content, .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 .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .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 .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .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 .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .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 .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .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 .k-content, .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 .k-content, .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 .k-content, .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 .k-content, .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 .k-content, .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 .k-content, .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%;
    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: WebComponentsIcons;
    src: url(/Content/kendo/fonts/glyphs/WebComponentsIcons.eot?gedxeo);
    src: url(/Content/kendo/fonts/glyphs/WebComponentsIcons.eot?gedxeo#iefix) format('embedded-opentype'),url(/Content/kendo/fonts/glyphs/WebComponentsIcons.ttf?gedxeo) format('truetype'),url(/Content/kendo/fonts/glyphs/WebComponentsIcons.woff?gedxeo) format('woff'),url(/Content/kendo/fonts/glyphs/WebComponentsIcons.svg?gedxeo#WebComponentsIcons) format('svg');
    font-weight: 400;
    font-style: normal
}

.k-i-arrowhead-e:before {
    content: "\e014"
}

.k-i-arrowhead-w:before {
    content: "\e016"
}

.k-i-arrow-45-up-right:before {
    content: "\e000"
}

.k-i-collapse-ne:before {
    content: "\e000"
}

.k-i-resize-ne:before {
    content: "\e000"
}

.k-i-arrow-45-down-right:before {
    content: "\e001"
}

.k-i-collapse-se:before {
    content: "\e001"
}

.k-i-collapse:before {
    content: "\e001"
}

.k-i-resize-se:before {
    content: "\e001"
}

.k-i-arrow-45-down-left:before {
    content: "\e002"
}

.k-i-collapse-sw:before {
    content: "\e002"
}

.k-i-resize-sw:before {
    content: "\e002"
}

.k-i-arrow-45-up-left:before {
    content: "\e003"
}

.k-i-collapse-nw:before {
    content: "\e003"
}

.k-i-resize-new:before {
    content: "\e003"
}

.k-i-arrow-60-up:before {
    content: "\e004"
}

.k-i-arrow-n:before {
    content: "\e004"
}

.k-i-kpi-trend-increase:before {
    content: "\e004"
}

.k-i-arrow-60-right:before {
    content: "\e005"
}

.k-i-arrow-e:before {
    content: "\e005"
}

.k-i-expand:before {
    content: "\e005"
}

.k-i-arrow-60-down:before {
    content: "\e006"
}

.k-i-arrow-s:before {
    content: "\e006"
}

.k-i-kpi-trend-decrease:before {
    content: "\e006"
}

.k-i-arrow-60-left:before {
    content: "\e007"
}

.k-i-arrow-w:before {
    content: "\e007"
}

.k-i-arrow-end-up:before {
    content: "\e008"
}

.k-i-seek-n:before {
    content: "\e008"
}

.k-i-arrow-end-right:before {
    content: "\e009"
}

.k-i-seek-e:before {
    content: "\e009"
}

.k-i-arrow-end-down:before {
    content: "\e00a"
}

.k-i-seek-s:before {
    content: "\e00a"
}

.k-i-arrow-end-left:before {
    content: "\e00b"
}

.k-i-seek-w:before {
    content: "\e00b"
}

.k-i-arrow-double-60-up:before {
    content: "\e00c"
}

.k-i-arrow-seek-up:before {
    content: "\e00c"
}

.k-i-arrow-double-60-right:before {
    content: "\e00d"
}

.k-i-arrow-seek-right:before {
    content: "\e00d"
}

.k-i-forward-sm:before {
    content: "\e00d"
}

.k-i-arrow-double-60-down:before {
    content: "\e00e"
}

.k-i-arrow-seek-down:before {
    content: "\e00e"
}

.k-i-arrow-double-60-left:before {
    content: "\e00f"
}

.k-i-arrow-seek-left:before {
    content: "\e00f"
}

.k-i-rewind-sm:before {
    content: "\e00f"
}

.k-i-arrows-kpi:before {
    content: "\e010"
}

.k-i-kpi:before {
    content: "\e010"
}

.k-i-arrows-no-change:before {
    content: "\e011"
}

.k-i-arrow-overflow-down:before {
    content: "\e012"
}

.k-i-arrow-chevron-up:before {
    content: "\e013"
}

.k-i-arrow-chevron-right:before {
    content: "\e014"
}

.k-i-arrow-chevron-down:before {
    content: "\e015"
}

.k-i-arrow-chevron-left:before {
    content: "\e016"
}

.k-i-arrow-up:before {
    content: "\e017"
}

.k-i-arrow-right:before {
    content: "\e018"
}

.k-i-arrow-down:before {
    content: "\e019"
}

.k-i-arrow-left:before {
    content: "\e01a"
}

.k-i-arrow-drill:before {
    content: "\e01b"
}

.k-i-arrow-parent:before {
    content: "\e01c"
}

.k-i-arrow-root:before {
    content: "\e01d"
}

.k-i-arrows-resizing:before {
    content: "\e01e"
}

.k-i-arrows-dimensions:before {
    content: "\e01f"
}

.k-i-arrows-swap:before {
    content: "\e020"
}

.k-i-drag-and-drop:before {
    content: "\e021"
}

.k-i-categorize:before {
    content: "\e022"
}

.k-i-grid:before {
    content: "\e023"
}

.k-i-grid-layout:before {
    content: "\e024"
}

.k-i-group:before {
    content: "\e025"
}

.k-i-ungroup:before {
    content: "\e026"
}

.k-i-handler-drag:before {
    content: "\e027"
}

.k-i-layout:before {
    content: "\e028"
}

.k-i-layout-1-by-4:before {
    content: "\e029"
}

.k-i-layout-2-by-2:before {
    content: "\e02a"
}

.k-i-layout-side-by-side:before {
    content: "\e02b"
}

.k-i-layout-stacked:before {
    content: "\e02c"
}

.k-i-columns:before {
    content: "\e02d"
}

.k-i-rows:before {
    content: "\e02e"
}

.k-i-reorder:before {
    content: "\e02f"
}

.k-i-menu:before {
    content: "\e030"
}

.k-i-more-vertical:before {
    content: "\e031"
}

.k-i-more-horizontal:before {
    content: "\e032"
}

.k-i-undo:before {
    content: "\e100"
}

.k-i-redo:before {
    content: "\e101"
}

.k-i-reset:before {
    content: "\e102"
}

.k-i-reload:before {
    content: "\e103"
}

.k-i-refresh:before {
    content: "\e103"
}

.k-i-recurrence:before {
    content: "\e103"
}

.k-i-non-recurrence:before {
    content: "\e104"
}

.k-i-reset-sm:before {
    content: "\e105"
}

.k-i-reload-sm:before {
    content: "\e106"
}

.k-i-refresh-sm:before {
    content: "\e106"
}

.k-i-recurrence-sm:before {
    content: "\e106"
}

.k-i-clock:before {
    content: "\e107"
}

.k-i-calendar:before {
    content: "\e108"
}

.k-i-save:before {
    content: "\e109"
}

.k-i-floppy:before {
    content: "\e109"
}

.k-i-print:before {
    content: "\e10a"
}

.k-i-printer:before {
    content: "\e10a"
}

.k-i-edit:before {
    content: "\e10b"
}

.k-i-pencil:before {
    content: "\e10b"
}

.k-i-delete:before {
    content: "\e10c"
}

.k-i-trash:before {
    content: "\e10c"
}

.k-i-attachment:before {
    content: "\e10d"
}

.k-i-clip:before {
    content: "\e10d"
}

.k-i-attachment-45:before {
    content: "\e10e"
}

.k-i-clip-45:before {
    content: "\e10e"
}

.k-i-link-horizontal:before {
    content: "\e10f"
}

.k-i-hyperlink:before {
    content: "\e10f"
}

.k-i-unlink-horizontal:before {
    content: "\e110"
}

.k-i-hyperlink-remove:before {
    content: "\e110"
}

.k-i-link-vertical:before {
    content: "\e111"
}

.k-i-unlink-vertical:before {
    content: "\e112"
}

.k-i-lock:before {
    content: "\e113"
}

.k-i-unlock:before {
    content: "\e114"
}

.k-i-cancel:before {
    content: "\e115"
}

.k-i-cancel-outline:before {
    content: "\e116"
}

.k-i-cancel-circle:before {
    content: "\e117"
}

.k-i-check:before {
    content: "\e118"
}

.k-i-checkmark:before {
    content: "\e118"
}

.k-i-tick:before {
    content: "\e118"
}

.k-i-check-outline:before {
    content: "\e119"
}

.k-i-checkmark-outline:before {
    content: "\e119"
}

.k-i-success:before {
    content: "\e119"
}

.k-i-check-circle:before {
    content: "\e11a"
}

.k-i-checkmark-circle:before {
    content: "\e11a"
}

.k-i-close:before {
    content: "\e11b"
}

.k-i-x:before {
    content: "\e11b"
}

.k-i-close-outline:before {
    content: "\e11c"
}

.k-i-x-outline:before {
    content: "\e11c"
}

.k-i-error:before {
    content: "\e11c"
}

.k-i-close-circle:before {
    content: "\e11d"
}

.k-i-x-circle:before {
    content: "\e11d"
}

.k-i-plus:before {
    content: "\e11e"
}

.k-i-add:before {
    content: "\e11e"
}

.k-i-plus-outline:before {
    content: "\e11f"
}

.k-i-plus-circle:before {
    content: "\e120"
}

.k-i-minus:before {
    content: "\e121"
}

.k-i-kpi-trend-equal:before {
    content: "\e121"
}

.k-i-minus-outline:before {
    content: "\e122"
}

.k-i-minus-circle:before {
    content: "\e123"
}

.k-i-sort-asc:before {
    content: "\e124"
}

.k-i-sort-desc:before {
    content: "\e125"
}

.k-i-unsort:before {
    content: "\e126"
}

.k-i-sort-clear:before {
    content: "\e126"
}

.k-i-sort-asc-sm:before {
    content: "\e127"
}

.k-i-sort-desc-sm:before {
    content: "\e128"
}

.k-i-filter:before {
    content: "\e129"
}

.k-i-filter-clear:before {
    content: "\e12a"
}

.k-i-filter-sm:before {
    content: "\e12b"
}

.k-i-filter-sort-asc-sm:before {
    content: "\e12c"
}

.k-i-filter-sort-desc-sm:before {
    content: "\e12d"
}

.k-i-filter-add-expression:before {
    content: "\e12e"
}

.k-i-filter-add-group:before {
    content: "\e12f"
}

.k-i-login:before {
    content: "\e130"
}

.k-i-logout:before {
    content: "\e131"
}

.k-i-download:before {
    content: "\e132"
}

.k-i-upload:before {
    content: "\e133"
}

.k-i-hyperlink-open:before {
    content: "\e134"
}

.k-i-hyperlink-open-sm:before {
    content: "\e135"
}

.k-i-launch:before {
    content: "\e136"
}

.k-i-window:before {
    content: "\e137"
}

.k-i-window-maximize:before {
    content: "\e137"
}

.k-i-windows:before {
    content: "\e138"
}

.k-i-window-restore:before {
    content: "\e138"
}

.k-i-tiles:before {
    content: "\e138"
}

.k-i-window-minimize:before {
    content: "\e139"
}

.k-i-gear:before {
    content: "\e13a"
}

.k-i-cog:before {
    content: "\e13a"
}

.k-i-custom:before {
    content: "\e13a"
}

.k-i-gears:before {
    content: "\e13b"
}

.k-i-cogs:before {
    content: "\e13b"
}

.k-i-wrench:before {
    content: "\e13c"
}

.k-i-settings:before {
    content: "\e13c"
}

.k-i-preview:before {
    content: "\e13d"
}

.k-i-eye:before {
    content: "\e13d"
}

.k-i-zoom:before {
    content: "\e13e"
}

.k-i-search:before {
    content: "\e13e"
}

.k-i-zoom-in:before {
    content: "\e13f"
}

.k-i-zoom-out:before {
    content: "\e140"
}

.k-i-pan:before {
    content: "\e141"
}

.k-i-move:before {
    content: "\e141"
}

.k-i-calculator:before {
    content: "\e142"
}

.k-i-cart:before {
    content: "\e143"
}

.k-i-shopping-cart:before {
    content: "\e143"
}

.k-i-connector:before {
    content: "\e144"
}

.k-i-plus-sm:before {
    content: "\e145"
}

.k-i-minus-sm:before {
    content: "\e146"
}

.k-i-kpi-status-deny:before {
    content: "\e147"
}

.k-i-kpi-status-hold:before {
    content: "\e148"
}

.k-i-kpi-status-open:before {
    content: "\e149"
}

.k-i-play:before {
    content: "\e200"
}

.k-i-pause:before {
    content: "\e201"
}

.k-i-stop:before {
    content: "\e202"
}

.k-i-rewind:before {
    content: "\e203"
}

.k-i-forward:before {
    content: "\e204"
}

.k-i-volume-down:before {
    content: "\e205"
}

.k-i-volume-up:before {
    content: "\e206"
}

.k-i-volume-off:before {
    content: "\e207"
}

.k-i-hd:before {
    content: "\e208"
}

.k-i-subtitles:before {
    content: "\e209"
}

.k-i-playlist:before {
    content: "\e20a"
}

.k-i-audio:before {
    content: "\e20b"
}

.k-i-play-sm:before {
    content: "\e20c"
}

.k-i-pause-sm:before {
    content: "\e20d"
}

.k-i-stop-sm:before {
    content: "\e20e"
}

.k-i-heart-outline:before {
    content: "\e300"
}

.k-i-fav-outline:before {
    content: "\e300"
}

.k-i-favorite-outline:before {
    content: "\e300"
}

.k-i-heart:before {
    content: "\e301"
}

.k-i-fav:before {
    content: "\e301"
}

.k-i-favorite:before {
    content: "\e301"
}

.k-i-star-outline:before {
    content: "\e302"
}

.k-i-bookmark-outline:before {
    content: "\e302"
}

.k-i-star:before {
    content: "\e303"
}

.k-i-bookmark:before {
    content: "\e303"
}

.k-i-checkbox:before {
    content: "\e304"
}

.k-i-shape-rect:before {
    content: "\e304"
}

.k-i-checkbox-checked:before {
    content: "\e305"
}

.k-i-tri-state-indeterminate:before {
    content: "\e306"
}

.k-i-tri-state-null:before {
    content: "\e307"
}

.k-i-circle:before {
    content: "\e308"
}

.k-i-radiobutton:before {
    content: "\e309"
}

.k-i-shape-circle:before {
    content: "\e309"
}

.k-i-radiobutton-checked:before {
    content: "\e30a"
}

.k-i-notification:before {
    content: "\e400"
}

.k-i-bell:before {
    content: "\e400"
}

.k-i-information:before {
    content: "\e401"
}

.k-i-info:before {
    content: "\e401"
}

.k-i-note:before {
    content: "\e401"
}

.k-i-question:before {
    content: "\e402"
}

.k-i-help:before {
    content: "\e402"
}

.k-i-warning:before {
    content: "\e403"
}

.k-i-exception:before {
    content: "\e403"
}

.k-i-photo-camera:before {
    content: "\e500"
}

.k-i-image:before {
    content: "\e501"
}

.k-i-photo:before {
    content: "\e501"
}

.k-i-image-export:before {
    content: "\e502"
}

.k-i-photo-export:before {
    content: "\e502"
}

.k-i-zoom-actual-size:before {
    content: "\e503"
}

.k-i-zoom-best-fit:before {
    content: "\e504"
}

.k-i-image-resize:before {
    content: "\e505"
}

.k-i-crop:before {
    content: "\e506"
}

.k-i-mirror:before {
    content: "\e507"
}

.k-i-flip-horizontal:before {
    content: "\e508"
}

.k-i-flip-vertical:before {
    content: "\e509"
}

.k-i-rotate:before {
    content: "\e50a"
}

.k-i-rotate-right:before {
    content: "\e50b"
}

.k-i-rotate-left:before {
    content: "\e50c"
}

.k-i-brush:before {
    content: "\e50d"
}

.k-i-palette:before {
    content: "\e50e"
}

.k-i-paint:before {
    content: "\e50f"
}

.k-i-droplet:before {
    content: "\e50f"
}

.k-i-background:before {
    content: "\e50f"
}

.k-i-line:before {
    content: "\e510"
}

.k-i-shape-line:before {
    content: "\e510"
}

.k-i-brightness-contrast:before {
    content: "\e511"
}

.k-i-saturation:before {
    content: "\e512"
}

.k-i-invert-colors:before {
    content: "\e513"
}

.k-i-transperancy:before {
    content: "\e514"
}

.k-i-opacity:before {
    content: "\e514"
}

.k-i-greyscale:before {
    content: "\e515"
}

.k-i-blur:before {
    content: "\e516"
}

.k-i-sharpen:before {
    content: "\e517"
}

.k-i-shape:before {
    content: "\e518"
}

.k-i-round-corners:before {
    content: "\e519"
}

.k-i-front-element:before {
    content: "\e51a"
}

.k-i-back-element:before {
    content: "\e51b"
}

.k-i-forward-element:before {
    content: "\e51c"
}

.k-i-backward-element:before {
    content: "\e51d"
}

.k-i-align-left-element:before {
    content: "\e51e"
}

.k-i-align-center-element:before {
    content: "\e51f"
}

.k-i-align-right-element:before {
    content: "\e520"
}

.k-i-align-top-element:before {
    content: "\e521"
}

.k-i-align-middle-element:before {
    content: "\e522"
}

.k-i-align-bottom-element:before {
    content: "\e523"
}

.k-i-thumbnails-up:before {
    content: "\e524"
}

.k-i-thumbnails-right:before {
    content: "\e525"
}

.k-i-thumbnails-down:before {
    content: "\e526"
}

.k-i-thumbnails-left:before {
    content: "\e527"
}

.k-i-full-screen:before {
    content: "\e528"
}

.k-i-fullscreen:before {
    content: "\e528"
}

.k-i-full-screen-exit:before {
    content: "\e529"
}

.k-i-fullscreen-exit:before {
    content: "\e529"
}

.k-i-reset-color:before {
    content: "\e52a"
}

.k-i-paint-remove:before {
    content: "\e52a"
}

.k-i-background-remove:before {
    content: "\e52a"
}

.k-i-align-stretch-element-horizontal:before {
    content: "\e53e"
}

.k-i-align-stretch-element-vertical:before {
    content: "\e53f"
}

.k-i-align-align-left-elements:before {
    content: "\e540"
}

.k-i-align-center-elements:before {
    content: "\e541"
}

.k-i-align-right-elements:before {
    content: "\e542"
}

.k-i-align-stretch-elements-horizontal:before {
    content: "\e543"
}

.k-i-align-baseline-horizontal:before {
    content: "\e544"
}

.k-i-align-top-elements:before {
    content: "\e545"
}

.k-i-align-middle-elements:before {
    content: "\e546"
}

.k-i-align-bottom-elements:before {
    content: "\e547"
}

.k-i-align-stretch-elements-vertical:before {
    content: "\e548"
}

.k-i-align-baseline-vertical:before {
    content: "\e549"
}

.k-i-justify-start-horizontal:before {
    content: "\e54a"
}

.k-i-justify-center-horizontal:before {
    content: "\e54b"
}

.k-i-justify-end-horizontal:before {
    content: "\e54c"
}

.k-i-justify-between-horizontal:before {
    content: "\e54d"
}

.k-i-justify-around-horizontal:before {
    content: "\e54e"
}

.k-i-justify-start-vertical:before {
    content: "\e54f"
}

.k-i-justify-center-vertical:before {
    content: "\e550"
}

.k-i-justify-end-vertical:before {
    content: "\e551"
}

.k-i-justify-between-vertical:before {
    content: "\e552"
}

.k-i-justify-around-vertical:before {
    content: "\e553"
}

.k-i-color-canvas:before {
    content: "\e554"
}

.k-i-page-properties:before {
    content: "\e600"
}

.k-i-bold:before {
    content: "\e601"
}

.k-i-italic:before {
    content: "\e602"
}

.k-i-underline:before {
    content: "\e603"
}

.k-i-font-family:before {
    content: "\e604"
}

.k-i-foreground-color:before {
    content: "\e605"
}

.k-i-convert-lowercase:before {
    content: "\e606"
}

.k-i-convert-uppercase:before {
    content: "\e607"
}

.k-i-strikethrough:before {
    content: "\e608"
}

.k-i-sub-script:before {
    content: "\e609"
}

.k-i-sup-script:before {
    content: "\e60a"
}

.k-i-div:before {
    content: "\e60b"
}

.k-i-all:before {
    content: "\e60c"
}

.k-i-h1:before {
    content: "\e60d"
}

.k-i-h2:before {
    content: "\e60e"
}

.k-i-h3:before {
    content: "\e60f"
}

.k-i-h4:before {
    content: "\e610"
}

.k-i-h5:before {
    content: "\e611"
}

.k-i-h6:before {
    content: "\e612"
}

.k-i-list-ordered:before {
    content: "\e613"
}

.k-i-list-numbered:before {
    content: "\e613"
}

.k-i-list-unordered:before {
    content: "\e614"
}

.k-i-list-bulleted:before {
    content: "\e614"
}

.k-i-indent-increase:before {
    content: "\e615"
}

.k-i-indent:before {
    content: "\e615"
}

.k-i-indent-decrease:before {
    content: "\e616"
}

.k-i-outdent:before {
    content: "\e616"
}

.k-i-insert-n::before {
    content: "\e617"
}

.k-i-insert-up:before {
    content: "\e617"
}

.k-i-insert-top:before {
    content: "\e617"
}

.k-i-insert-m:before {
    content: "\e618"
}

.k-i-insert-middle:before {
    content: "\e618"
}

.k-i-insert-s:before {
    content: "\e619"
}

.k-i-insert-down:before {
    content: "\e619"
}

.k-i-insert-bottom:before {
    content: "\e619"
}

.k-i-align-top:before {
    content: "\e61a"
}

.k-i-align-middle:before {
    content: "\e61b"
}

.k-i-align-bottom:before {
    content: "\e61c"
}

.k-i-align-left:before {
    content: "\e61d"
}

.k-i-align-center:before {
    content: "\e61e"
}

.k-i-align-right:before {
    content: "\e61f"
}

.k-i-align-justify:before {
    content: "\e620"
}

.k-i-align-remove:before {
    content: "\e621"
}

.k-i-text-wrap:before {
    content: "\e622"
}

.k-i-rule-horizontal:before {
    content: "\e623"
}

.k-i-table-align-top-left:before {
    content: "\e624"
}

.k-i-table-align-top-center:before {
    content: "\e625"
}

.k-i-table-align-top-right:before {
    content: "\e626"
}

.k-i-table-align-middle-left:before {
    content: "\e627"
}

.k-i-table-align-middle-center:before {
    content: "\e628"
}

.k-i-table-align-middle-right:before {
    content: "\e629"
}

.k-i-table-align-bottom-left:before {
    content: "\e62a"
}

.k-i-table-align-bottom-center:before {
    content: "\e62b"
}

.k-i-table-align-bottom-right:before {
    content: "\e62c"
}

.k-i-table-align-remove:before {
    content: "\e62d"
}

.k-i-borders-all:before {
    content: "\e62e"
}

.k-i-all-borders:before {
    content: "\e62e"
}

.k-i-borders-outside:before {
    content: "\e62f"
}

.k-i-outside-borders:before {
    content: "\e62f"
}

.k-i-borders-inside:before {
    content: "\e630"
}

.k-i-inside-borders:before {
    content: "\e630"
}

.k-i-borders-inside-horizontal:before {
    content: "\e631"
}

.k-i-inside-horizontal-borders:before {
    content: "\e631"
}

.k-i-borders-inside-vertical:before {
    content: "\e632"
}

.k-i-inside-vertical-borders:before {
    content: "\e632"
}

.k-i-border-top:before {
    content: "\e633"
}

.k-i-top-border:before {
    content: "\e633"
}

.k-i-border-bottom:before {
    content: "\e634"
}

.k-i-bottom-border:before {
    content: "\e634"
}

.k-i-border-left:before {
    content: "\e635"
}

.k-i-left-border:before {
    content: "\e635"
}

.k-i-border-right:before {
    content: "\e636"
}

.k-i-right-border:before {
    content: "\e636"
}

.k-i-border-no:before {
    content: "\e637"
}

.k-i-no-borders:before {
    content: "\e637"
}

.k-i-borders-show-hide:before {
    content: "\e638"
}

.k-i-form:before {
    content: "\e639"
}

.k-i-border:before {
    content: "\e639"
}

.k-i-form-element:before {
    content: "\e63a"
}

.k-i-code-snippet:before {
    content: "\e63b"
}

.k-i-select-all:before {
    content: "\e63c"
}

.k-i-button:before {
    content: "\e63d"
}

.k-i-select-box:before {
    content: "\e63e"
}

.k-i-calendar-date:before {
    content: "\e63f"
}

.k-i-group-box:before {
    content: "\e640"
}

.k-i-textarea:before {
    content: "\e641"
}

.k-i-textbox:before {
    content: "\e642"
}

.k-i-textbox-hidden:before {
    content: "\e643"
}

.k-i-password:before {
    content: "\e644"
}

.k-i-paragraph-add:before {
    content: "\e645"
}

.k-i-edit-tools:before {
    content: "\e646"
}

.k-i-template-manager:before {
    content: "\e647"
}

.k-i-change-manually:before {
    content: "\e648"
}

.k-i-track-changes:before {
    content: "\e649"
}

.k-i-track-changes-enable:before {
    content: "\e64a"
}

.k-i-track-changes-accept:before {
    content: "\e64b"
}

.k-i-track-changes-accept-all:before {
    content: "\e64c"
}

.k-i-track-changes-reject:before {
    content: "\e64d"
}

.k-i-track-changes-reject-all:before {
    content: "\e64e"
}

.k-i-document-manager:before {
    content: "\e64f"
}

.k-i-custom-icon:before {
    content: "\e650"
}

.k-i-dictionary-add:before {
    content: "\e651"
}

.k-i-image-light-dialog:before {
    content: "\e652"
}

.k-i-image-insert:before {
    content: "\e652"
}

.k-i-image-edit:before {
    content: "\e653"
}

.k-i-image-map-editor:before {
    content: "\e654"
}

.k-i-comment:before {
    content: "\e655"
}

.k-i-comment-remove:before {
    content: "\e656"
}

.k-i-comments-remove-all:before {
    content: "\e657"
}

.k-i-silverlight:before {
    content: "\e658"
}

.k-i-media-manager:before {
    content: "\e659"
}

.k-i-video-external:before {
    content: "\e65a"
}

.k-i-flash-manager:before {
    content: "\e65b"
}

.k-i-find-and-replace:before {
    content: "\e65c"
}

.k-i-find:before {
    content: "\e65c"
}

.k-i-copy:before {
    content: "\e65d"
}

.k-i-files:before {
    content: "\e65d"
}

.k-i-cut:before {
    content: "\e65e"
}

.k-i-paste:before {
    content: "\e65f"
}

.k-i-paste-as-html:before {
    content: "\e660"
}

.k-i-paste-from-word:before {
    content: "\e661"
}

.k-i-paste-from-word-strip-file:before {
    content: "\e662"
}

.k-i-paste-html:before {
    content: "\e663"
}

.k-i-paste-markdown:before {
    content: "\e664"
}

.k-i-paste-plain-text:before {
    content: "\e665"
}

.k-i-apply-format:before {
    content: "\e666"
}

.k-i-clear-css:before {
    content: "\e667"
}

.k-i-copy-format:before {
    content: "\e668"
}

.k-i-strip-all-formating:before {
    content: "\e669"
}

.k-i-strip-css-format:before {
    content: "\e66a"
}

.k-i-strip-font-elements:before {
    content: "\e66b"
}

.k-i-strip-span-elements:before {
    content: "\e66c"
}

.k-i-strip-word-formatting:before {
    content: "\e66d"
}

.k-i-format-code-block:before {
    content: "\e66e"
}

.k-i-style-builder:before {
    content: "\e66f"
}

.k-i-module-manager:before {
    content: "\e670"
}

.k-i-hyperlink-light-dialog:before {
    content: "\e671"
}

.k-i-hyperlink-insert:before {
    content: "\e671"
}

.k-i-hyperlink-globe:before {
    content: "\e672"
}

.k-i-hyperlink-globe-remove:before {
    content: "\e673"
}

.k-i-hyperlink-email:before {
    content: "\e674"
}

.k-i-anchor:before {
    content: "\e675"
}

.k-i-table-light-dialog:before {
    content: "\e676"
}

.k-i-table-insert:before {
    content: "\e676"
}

.k-i-table:before {
    content: "\e677"
}

.k-i-table-properties:before {
    content: "\e678"
}

.k-i-table-wizard:before {
    content: "\e678"
}

.k-i-table-cell:before {
    content: "\e679"
}

.k-i-table-cell-properties:before {
    content: "\e67a"
}

.k-i-table-column-insert-left:before {
    content: "\e67b"
}

.k-i-table-column-insert-right:before {
    content: "\e67c"
}

.k-i-table-row-insert-above:before {
    content: "\e67d"
}

.k-i-table-row-insert-below:before {
    content: "\e67e"
}

.k-i-table-column-delete:before {
    content: "\e67f"
}

.k-i-table-row-delete:before {
    content: "\e680"
}

.k-i-table-cell-delete:before {
    content: "\e681"
}

.k-i-table-delete:before {
    content: "\e682"
}

.k-i-cells-merge:before {
    content: "\e683"
}

.k-i-cells-merge-horizontally:before {
    content: "\e684"
}

.k-i-cells-merge-vertically:before {
    content: "\e685"
}

.k-i-cell-split-horizontally:before {
    content: "\e686"
}

.k-i-cell-split-vertically:before {
    content: "\e687"
}

.k-i-table-unmerge:before {
    content: "\e688"
}

.k-i-pane-freeze:before {
    content: "\e689"
}

.k-i-row-freeze:before {
    content: "\e68a"
}

.k-i-column-freeze:before {
    content: "\e68b"
}

.k-i-toolbar-float:before {
    content: "\e68c"
}

.k-i-spell-checker:before {
    content: "\e68d"
}

.k-i-validation-xhtml:before {
    content: "\e68e"
}

.k-i-validation-data:before {
    content: "\e68f"
}

.k-i-toggle-full-screen-mode:before {
    content: "\e690"
}

.k-i-formula-fx:before {
    content: "\e691"
}

.k-i-sum:before {
    content: "\e692"
}

.k-i-symbol:before {
    content: "\e693"
}

.k-i-dollar:before {
    content: "\e694"
}

.k-i-currency:before {
    content: "\e694"
}

.k-i-percent:before {
    content: "\e695"
}

.k-i-custom-format:before {
    content: "\e696"
}

.k-i-decimal-increase:before {
    content: "\e697"
}

.k-i-decimal-decrease:before {
    content: "\e698"
}

.k-i-font-size:before {
    content: "\e699"
}

.k-i-image-absolute-position:before {
    content: "\e69a"
}

.k-i-globe-outline:before {
    content: "\e700"
}

.k-i-globe:before {
    content: "\e701"
}

.k-i-marker-pin:before {
    content: "\e702"
}

.k-i-marker-pin-target:before {
    content: "\e703"
}

.k-i-pin:before {
    content: "\e704"
}

.k-i-unpin:before {
    content: "\e705"
}

.k-i-share:before {
    content: "\e800"
}

.k-i-user:before {
    content: "\e801"
}

.k-i-inbox:before {
    content: "\e802"
}

.k-i-blogger:before {
    content: "\e803"
}

.k-i-blogger-box:before {
    content: "\e804"
}

.k-i-delicious:before {
    content: "\e805"
}

.k-i-delicious-box:before {
    content: "\e806"
}

.k-i-digg:before {
    content: "\e807"
}

.k-i-digg-box:before {
    content: "\e808"
}

.k-i-email:before {
    content: "\e809"
}

.k-i-envelop:before {
    content: "\e809"
}

.k-i-letter:before {
    content: "\e809"
}

.k-i-email-box:before {
    content: "\e80a"
}

.k-i-envelop-box:before {
    content: "\e80a"
}

.k-i-letter-box:before {
    content: "\e80a"
}

.k-i-facebook:before {
    content: "\e80b"
}

.k-i-facebook-box:before {
    content: "\e80c"
}

.k-i-google:before {
    content: "\e80d"
}

.k-i-google-box:before {
    content: "\e80e"
}

.k-i-google-plus:before {
    content: "\e80f"
}

.k-i-google-plus-box:before {
    content: "\e810"
}

.k-i-linkedin:before {
    content: "\e811"
}

.k-i-linkedin-box:before {
    content: "\e812"
}

.k-i-myspace:before {
    content: "\e813"
}

.k-i-myspace-box:before {
    content: "\e814"
}

.k-i-pinterest:before {
    content: "\e815"
}

.k-i-pinterest-box:before {
    content: "\e816"
}

.k-i-reddit:before {
    content: "\e817"
}

.k-i-reddit-box:before {
    content: "\e818"
}

.k-i-stumble-upon:before {
    content: "\e819"
}

.k-i-stumble-upon-box:before {
    content: "\e81a"
}

.k-i-tell-a-friend:before {
    content: "\e81b"
}

.k-i-tell-a-friend-box:before {
    content: "\e81c"
}

.k-i-tumblr:before {
    content: "\e81d"
}

.k-i-tumblr-box:before {
    content: "\e81e"
}

.k-i-twitter:before {
    content: "\e81f"
}

.k-i-twitter-box:before {
    content: "\e820"
}

.k-i-yammer:before {
    content: "\e821"
}

.k-i-yammer-box:before {
    content: "\e822"
}

.k-i-behance:before {
    content: "\e823"
}

.k-i-behance-box:before {
    content: "\e824"
}

.k-i-dribbble:before {
    content: "\e825"
}

.k-i-dribbble-box:before {
    content: "\e826"
}

.k-i-rss:before {
    content: "\e827"
}

.k-i-rss-box:before {
    content: "\e828"
}

.k-i-vimeo:before {
    content: "\e829"
}

.k-i-vimeo-box:before {
    content: "\e82a"
}

.k-i-youtube:before {
    content: "\e82b"
}

.k-i-youtube-box:before {
    content: "\e82c"
}

.k-i-folder:before {
    content: "\e900"
}

.k-i-folder-open:before {
    content: "\e901"
}

.k-i-folder-add:before {
    content: "\e902"
}

.k-i-folder-up:before {
    content: "\e903"
}

.k-i-folder-more:before {
    content: "\e904"
}

.k-i-fields-more:before {
    content: "\e904"
}

.k-i-aggregate-fields:before {
    content: "\e905"
}

.k-i-file:before {
    content: "\e906"
}

.k-i-file-vertical:before {
    content: "\e906"
}

.k-i-file-add:before {
    content: "\e907"
}

.k-i-file-txt:before {
    content: "\e908"
}

.k-i-txt:before {
    content: "\e908"
}

.k-i-file-csv:before {
    content: "\e909"
}

.k-i-csv:before {
    content: "\e909"
}

.k-i-file-excel:before {
    content: "\e90a"
}

.k-i-file-xls:before {
    content: "\e90a"
}

.k-i-excel:before {
    content: "\e90a"
}

.k-i-xls:before {
    content: "\e90a"
}

.k-i-file-word:before {
    content: "\e90b"
}

.k-i-file-doc:before {
    content: "\e90b"
}

.k-i-word:before {
    content: "\e90b"
}

.k-i-doc:before {
    content: "\e90b"
}

.k-i-file-mdb:before {
    content: "\e90c"
}

.k-i-mdb:before {
    content: "\e90c"
}

.k-i-file-ppt:before {
    content: "\e90d"
}

.k-i-ppt:before {
    content: "\e90d"
}

.k-i-file-pdf:before {
    content: "\e90e"
}

.k-i-pdf:before {
    content: "\e90e"
}

.k-i-file-psd:before {
    content: "\e90f"
}

.k-i-psd:before {
    content: "\e90f"
}

.k-i-file-flash:before {
    content: "\e910"
}

.k-i-flash:before {
    content: "\e910"
}

.k-i-file-config:before {
    content: "\e911"
}

.k-i-config:before {
    content: "\e911"
}

.k-i-file-ascx:before {
    content: "\e912"
}

.k-i-ascx:before {
    content: "\e912"
}

.k-i-file-bac:before {
    content: "\e913"
}

.k-i-bac:before {
    content: "\e913"
}

.k-i-file-zip:before {
    content: "\e914"
}

.k-i-zip:before {
    content: "\e914"
}

.k-i-film:before {
    content: "\e915"
}

.k-i-css3:before {
    content: "\e916"
}

.k-i-html5:before {
    content: "\e917"
}

.k-i-html:before {
    content: "\e918"
}

.k-i-source-code:before {
    content: "\e918"
}

.k-i-view-source:before {
    content: "\e918"
}

.k-i-css:before {
    content: "\e919"
}

.k-i-js:before {
    content: "\e91a"
}

.k-i-exe:before {
    content: "\e91b"
}

.k-i-csproj:before {
    content: "\e91c"
}

.k-i-vbproj:before {
    content: "\e91d"
}

.k-i-cs:before {
    content: "\e91e"
}

.k-i-vb:before {
    content: "\e91f"
}

.k-i-sln:before {
    content: "\e920"
}

.k-i-cloud:before {
    content: "\e921"
}

.k-i-file-horizontal:before {
    content: "\e922"
}

.k-i-equal:before {
    content: "\e14a"
}

.k-i-not-equal:before {
    content: "\e14b"
}

.k-i-less-or-equal:before {
    content: "\e14c"
}

.k-i-greater-or-equal:before {
    content: "\e14d"
}

.k-i-divide:before {
    content: "\e14e"
}

.k-i-accessibility:before {
    content: "\e14f"
}

.k-i-barcode-outline:before {
    content: "\e150"
}

.k-i-barcode:before {
    content: "\e151"
}

.k-i-barcode-scanner:before {
    content: "\e152"
}

.k-i-qr-code-outline:before {
    content: "\e153"
}

.k-i-qr-code:before {
    content: "\e154"
}

.k-i-qr-code-scanner:before {
    content: "\e155"
}

.k-i-barcode-qr-code-scanner:before {
    content: "\e156"
}

.k-i-signature:before {
    content: "\e157"
}

.k-i-hand:before {
    content: "\e158"
}

.k-i-cursor:before {
    content: "\e159"
}

.k-i-attachment-45:before {
    content: "\e10e"
}

.k-i-images:before {
    content: "\e52b"
}

.k-i-strip-all-formatting:before {
    content: "\e669"
}

.k-i-home:before {
    content: "\e034"
}

.k-i-overlap:before {
    content: "\e033"
}

.k-i-align-to-grid:before {
    content: "\e52c"
}

.k-i-size-to-grid:before {
    content: "\e52d"
}

.k-i-make-same-size:before {
    content: "\e52e"
}

.k-i-make-same-width:before {
    content: "\e52f"
}

.k-i-make-same-height:before {
    content: "\e530"
}

.k-i-make-horizontal-spacing-equal:before {
    content: "\e531"
}

.k-i-increase-horizontal-spacing:before {
    content: "\e532"
}

.k-i-decrease-horizontal-spacing:before {
    content: "\e533"
}

.k-i-remove-horizontal-spacing:before {
    content: "\e534"
}

.k-i-make-vertical-spacing-equal:before {
    content: "\e535"
}

.k-i-increase-vertical-spacing:before {
    content: "\e536"
}

.k-i-decrease-vertical-spacing:before {
    content: "\e537"
}

.k-i-remove-vertical-spacing:before {
    content: "\e538"
}

.k-i-eyedropper:before {
    content: "\e539"
}

.k-i-snap-grid:before {
    content: "\e53a"
}

.k-i-snap-to-gridlines:before {
    content: "\e53b"
}

.k-i-snap-to-snaplines:before {
    content: "\e53c"
}

.k-i-dimensions:before {
    content: "\e53d"
}

.k-i-crosstab:before {
    content: "\e69c"
}

.k-i-table-body:before {
    content: "\e69e"
}

.k-i-table-column-groups:before {
    content: "\e69f"
}

.k-i-table-corner:before {
    content: "\e6a0"
}

.k-i-table-row-groups:before {
    content: "\e6a1"
}

.k-i-table-position-left:before {
    content: "\e6a2"
}

.k-i-table-position-center:before {
    content: "\e6a3"
}

.k-i-table-position-right:before {
    content: "\e6a4"
}

.k-i-list-roman-upper:before {
    content: "\e6a5"
}

.k-i-list-roman-lower:before {
    content: "\e6a6"
}

.k-i-import:before {
    content: "\e6a7"
}

.k-i-export:before {
    content: "\e6a8"
}

.k-i-subreport:before {
    content: "\e923"
}

.k-i-data:before {
    content: "\e924"
}

.k-i-report-header-section:before {
    content: "\e925"
}

.k-i-report-footer-section:before {
    content: "\e926"
}

.k-i-group-header-section:before {
    content: "\e927"
}

.k-i-group-footer-section:before {
    content: "\e928"
}

.k-i-page-header-section:before {
    content: "\e929"
}

.k-i-page-footer-section:before {
    content: "\e92a"
}

.k-i-detail-section:before {
    content: "\e92b"
}

.k-i-toc-section:before {
    content: "\e92c"
}

.k-i-group-section:before {
    content: "\e92d"
}

.k-i-parameters:before {
    content: "\e92e"
}

.k-i-data-csv:before {
    content: "\e92f"
}

.k-i-data-json:before {
    content: "\e930"
}

.k-i-data-sql:before {
    content: "\e931"
}

.k-i-data-web:before {
    content: "\e932"
}

.k-i-group-collection:before {
    content: "\e933"
}

.k-i-parameter-boolean:before {
    content: "\e934"
}

.k-i-parameter-date-time:before {
    content: "\e935"
}

.k-i-parameter-float:before {
    content: "\e936"
}

.k-i-parameter-integer:before {
    content: "\e937"
}

.k-i-parameter-string:before {
    content: "\e938"
}

.k-i-toc-section-level:before {
    content: "\e939"
}

.k-i-inherited:before {
    content: "\e93a"
}

.k-i-file-video:before {
    content: "\e93b"
}

.k-i-file-audio:before {
    content: "\e93c"
}

.k-i-file-image:before {
    content: "\e93d"
}

.k-i-file-presentation:before {
    content: "\e93e"
}

.k-i-file-data:before {
    content: "\e93f"
}

.k-i-file-disc-image:before {
    content: "\e940"
}

.k-i-file-programming:before {
    content: "\e941"
}

.k-i-parameters-byte-array:before {
    content: "\e942"
}

.k-i-parameters-unknown:before {
    content: "\e943"
}

.k-i-file-error:before {
    content: "\e944"
}

.k-i-files-error:before {
    content: "\e945"
}

.k-i-data-rest:before {
    content: "\e946"
}

.k-i-file-typescript:before {
    content: "\e947"
}

.k-i-graph:before {
    content: "\ea00"
}

.k-i-column-clustered:before {
    content: "\ea01"
}

.k-i-column-stacked:before {
    content: "\ea02"
}

.k-i-column-stacked100:before {
    content: "\ea03"
}

.k-i-column-range:before {
    content: "\ea04"
}

.k-i-bar-clustered:before {
    content: "\ea05"
}

.k-i-bar-stacked:before {
    content: "\ea06"
}

.k-i-bar-stacked100:before {
    content: "\ea07"
}

.k-i-bar-range:before {
    content: "\ea08"
}

.k-i-area-clustered:before {
    content: "\ea09"
}

.k-i-area-stacked:before {
    content: "\ea0a"
}

.k-i-area-stacked100:before {
    content: "\ea0b"
}

.k-i-area-range:before {
    content: "\ea0c"
}

.k-i-line-stacked:before {
    content: "\ea0e"
}

.k-i-line-stacked100:before {
    content: "\ea0f"
}

.k-i-line-markers:before {
    content: "\ea10"
}

.k-i-line-stacked-markers:before {
    content: "\ea11"
}

.k-i-line-stacked100-markers:before {
    content: "\ea12"
}

.k-i-pie:before {
    content: "\ea13"
}

.k-i-doughnut:before {
    content: "\ea14"
}

.k-i-scatter:before {
    content: "\ea15"
}

.k-i-scatter-smooth-lines-markers:before {
    content: "\ea16"
}

.k-i-scatter-smooth-lines:before {
    content: "\ea17"
}

.k-i-scatter-straight-lines-markers:before {
    content: "\ea18"
}

.k-i-scatter-straight-lines:before {
    content: "\e6a19"
}

.k-i-bubble:before {
    content: "\ea1a"
}

.k-i-candlestick:before {
    content: "\ea1b"
}

.k-i-bar:before {
    content: "\ea1c"
}

.k-i-radar:before {
    content: "\ea1d"
}

.k-i-radar-markers:before {
    content: "\ea1e"
}

.k-i-radar-filled:before {
    content: "\ea1f"
}

.k-i-rose:before {
    content: "\ea20"
}

.k-i-choropleth:before {
    content: "\ea21"
}

.k-i-set-column-position:before {
    content: "\e15c"
}

.k-i-stick:before {
    content: "\e15a"
}

.k-i-unstick:before {
    content: "\e15b"
}

.k-i-page-portrait::before {
    content: "\e906"
}

.k-i-page-landscape::before {
    content: "\e922"
}

.k-rtl .k-i-collapse, .k-rtl .k-i-expand, .k-rtl .k-i-indent-decrease, .k-rtl .k-i-indent-increase {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default
}

    .k-spreadsheet .k-spreadsheet-cell-comment {
        position: absolute;
        white-space: pre-wrap;
        text-align: left;
        border-width: 1px;
        border-style: solid;
        max-width: 200px
    }

    .k-spreadsheet .k-spreadsheet-pane {
        padding-right: 1px;
        position: absolute;
        border-width: 1px;
        border-bottom-width: 0;
        border-right-width: 0;
        border-style: solid;
        box-sizing: border-box;
        overflow: hidden
    }

        .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;
            box-sizing: border-box;
            overflow: hidden;
            padding: 1px 3px;
            background-clip: padding-box
        }

            .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell.k-spreadsheet-has-comment::after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                left: auto;
                border-width: 3px;
                border-style: solid
            }

    .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;
        box-sizing: border-box
    }

    .k-spreadsheet .k-spreadsheet-active-cell {
        position: absolute;
        outline-color: transparent !important;
        box-sizing: border-box;
        z-index: 10
    }

    .k-spreadsheet .k-spreadsheet-action-bar {
        border-width: 0 0 1px;
        border-style: solid;
        position: relative;
        display: table;
        width: 100%
    }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar, .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
            display: table-cell;
            vertical-align: middle
        }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
            position: relative;
            vertical-align: top;
            border-width: 0 1px 0 0;
            border-style: solid
        }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
                width: 9.5em;
                border-radius: 0;
                border-color: transparent
            }

                .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
                    border-radius: 0;
                    border-color: transparent;
                    background-image: none;
                    box-shadow: none;
                    border-width: 0
                }

                    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
                        border-radius: 0
                    }

                    .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
                        border-radius: 0
                    }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
            width: 100%;
            padding-left: 31px
        }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar > .k-i-formula-fx {
                content: "\e691";
                display: block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                border-width: 0 1px 0 0;
                border-style: solid;
                width: 24px;
                margin-left: -24px
            }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:before {
                content: "{";
                font-weight: 700
            }

            .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula:after {
                content: "}";
                font-weight: 700
            }

        .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
            overflow: hidden;
            text-indent: .571em;
            border: 0;
            margin: 0
        }

        .k-spreadsheet .k-spreadsheet-action-bar .k-state-border-down {
            padding-bottom: 0
        }

    .k-spreadsheet .k-spreadsheet-formula-input {
        outline: 0;
        border-width: 0;
        height: 26px;
        line-height: 20px;
        width: 100%;
        box-sizing: border-box;
        white-space: pre;
        padding: 3px .5em
    }

    .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-spreadsheet-view .k-state-disabled {
            pointer-events: auto
        }

    .k-spreadsheet .k-tabstrip-wrapper {
        position: relative;
        line-height: 1.7em
    }

        .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
            padding: .3em 0 0
        }

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding: .3em .3em 0
    }

        .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
            padding: .3em;
            line-height: 1.4em;
            height: auto
        }

    .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-filter-wrapper {
        pointer-events: none;
        z-index: 50
    }

    .k-spreadsheet .k-spreadsheet-sheets-bar {
        border-width: 1px 0 0;
        padding: 0 4px 4px;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

        .k-spreadsheet .k-spreadsheet-sheets-bar > .k-button {
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .k-spreadsheet .k-spreadsheet-sheets-bar .k-tabstrip {
            padding: 0;
            -ms-flex: 1;
            flex: 1;
            border-width: 0;
            background-color: transparent;
            overflow: hidden
        }

            .k-spreadsheet .k-spreadsheet-sheets-bar .k-tabstrip .k-tabstrip-items li .k-link[data-type=remove] {
                padding-left: 6px;
                padding-right: 6px
            }

    .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;
        left: 0;
        right: unset
    }

    .k-spreadsheet .k-single-selection {
        cursor: crosshair
    }

        .k-spreadsheet .k-single-selection::after {
            content: " ";
            height: 6px;
            width: 6px;
            position: absolute;
            display: block;
            bottom: 0;
            right: 0;
            border-radius: 50%;
            margin-bottom: -4px;
            margin-right: -4px;
            border-width: 1px;
            border-style: solid;
            z-index: 100
        }

    .k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
        display: none
    }

    .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-bl-hint, .k-spreadsheet .k-auto-fill-br-hint, .k-spreadsheet .k-auto-fill-punch, .k-spreadsheet .k-auto-fill-tr-hint {
        position: absolute;
        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-spreadsheet .k-spreadsheet-vborder {
        position: absolute;
        border-left-style: solid;
        border-left-width: 1px
    }

    .k-spreadsheet .k-spreadsheet-hborder {
        position: absolute;
        border-top-style: solid;
        border-top-width: 1px
    }

.k-spreadsheet-list-popup {
    margin-right: -1px
}

.k-spreadsheet-names-popup .k-item {
    position: relative
}

.k-spreadsheet-names-popup .k-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .7;
    cursor: pointer
}

    .k-spreadsheet-names-popup .k-icon:hover {
        opacity: 1
    }

.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-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;
    pointer-events: all
}

.k-spreadsheet-sample {
    float: right
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    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
}

@media (hover:none),(pointer:coarse) {
    .k-spreadsheet-scroller {
        z-index: 3
    }
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.k-spreadsheet-view-size {
    position: relative
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    text-align: center;
    z-index: 100
}

    .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell {
        border-style: solid;
        border-width: 0 1px 1px 0
    }

div.k-spreadsheet-window {
    padding: 1.167em .75em .75em
}

.k-spreadsheet-window .k-edit-form-container {
    width: 100%
}

.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;
    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 {
    top: 10px;
    padding: 10px;
    margin-bottom: calc(10px - 1em)
}

.k-spreadsheet-window .k-edit-label {
    width: 25%;
    margin: 0 0 0 .75em
}

.k-spreadsheet-window .k-edit-field {
    width: 67%;
    margin: 0 .917em 0 0
}

.k-spreadsheet-window .k-edit-field, .k-spreadsheet-window .k-edit-label {
    padding: 0;
    line-height: 3em
}

    .k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
        width: 100%
    }

.k-spreadsheet-window .k-export-config .k-hr {
    margin-left: 15px;
    margin-right: 15px
}

.k-spreadsheet-window .k-export-config .k-edit-field {
    width: 40%;
    float: left;
    margin-left: 30px
}

.k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 2em;
    top: 25%
}

    .k-spreadsheet-window .k-page-orientation .k-icon {
        font-size: 6em
    }

.k-spreadsheet-window .k-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 {
        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: .3em 1.5em .3em .9em;
    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-link .k-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;
    z-index: 200
}

.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-spreadsheet-quick-access-toolbar .k-button, .k-spreadsheet-sheets-bar .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 {
    border-width: 0
}

    .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 [data-tool=alignment], .k-spreadsheet-toolbar [data-tool=backgroundColor], .k-spreadsheet-toolbar [data-tool=borders], .k-spreadsheet-toolbar [data-tool=freeze], .k-spreadsheet-toolbar [data-tool=merge], .k-spreadsheet-toolbar [data-tool=textColor] {
        width: auto
    }

.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;
    box-sizing: border-box
}

.k-spreadsheet-formula-list {
    min-width: 100px
}

    .k-spreadsheet-formula-list .k-item {
        padding: 0 .3em;
        box-shadow: none
    }

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important
}

.k-spreadsheet-editor-button {
    position: absolute;
    width: 20px;
    z-index: 10;
    margin-left: 2px;
    padding: 0 !important
}

    .k-spreadsheet-editor-button.k-spreadsheet-last-column {
        margin-left: -21px
    }

    .k-spreadsheet-editor-button span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.hint-wrapper {
    margin-top: 1em
}

.k-edit-form-container > div:after {
    display: block;
    content: "";
    clear: both
}

.k-spreadsheet-filter-menu .k-i-arrow-45-down-right {
    cursor: pointer
}

.k-spreadsheet-import-errors .k--header-message {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #888;
    margin-bottom: 5px
}

.k-spreadsheet-import-errors .k--errors {
    max-height: 350px;
    overflow: auto
}

    .k-spreadsheet-import-errors .k--errors table {
        border-collapse: collapse;
        font-size: 90%
    }

        .k-spreadsheet-import-errors .k--errors table td, .k-spreadsheet-import-errors .k--errors table th {
            padding: 2px 4px;
            border-bottom: 1px solid #bbb
        }

        .k-spreadsheet-import-errors .k--errors table th {
            text-align: left;
            border-bottom: 1px solid #000
        }

.k-spreadsheet-insert-image-dialog {
    margin: 0 1em;
    border-style: dashed;
    border-width: 2px
}

    .k-spreadsheet-insert-image-dialog label {
        position: relative;
        display: block;
        width: 355px;
        height: 200px;
        padding: 10px;
        background-image: url(/Content/kendo/textures/image-default.png);
        background-size: auto 70%;
        background-repeat: no-repeat;
        background-position: 50% 30%
    }

        .k-spreadsheet-insert-image-dialog label div {
            position: relative;
            top: 75%;
            padding: 10px;
            text-align: center;
            pointer-events: none
        }

        .k-spreadsheet-insert-image-dialog label input {
            display: none
        }

    .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image {
        background-size: auto 90%;
        background-position: 50% 50%
    }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div {
            opacity: 1;
            top: 50%
        }

        .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image div {
            opacity: 0
        }

.k-spreadsheet-drawing {
    position: absolute;
    box-sizing: border-box;
    z-index: 101
}

    .k-spreadsheet-drawing.k-spreadsheet-active-drawing {
        outline-style: solid;
        outline-width: 2px
    }

    .k-spreadsheet-drawing .k-spreadsheet-drawing-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: move
    }

    .k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
        position: absolute;
        width: 6px;
        height: 6px;
        border-style: solid;
        border-width: 1px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.N {
            left: 50%;
            top: 0;
            cursor: ns-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NE {
            left: 100%;
            top: 0;
            cursor: nesw-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.E {
            left: 100%;
            top: 50%;
            cursor: ew-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SE {
            left: 100%;
            top: 100%;
            cursor: nwse-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.S {
            left: 50%;
            top: 100%;
            cursor: ns-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.SW {
            left: 0;
            top: 100%;
            cursor: nesw-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.W {
            left: 0;
            top: 50%;
            cursor: ew-resize
        }

        .k-spreadsheet-drawing .k-spreadsheet-drawing-handle.NW {
            left: 0;
            top: 0;
            cursor: nwse-resize
        }

.k-avatar {
    width: 32px;
    height: 32px;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden
}

.k-avatar-circle {
    border-radius: 50%
}

    .k-avatar-circle.k-avatar-image > * {
        border-radius: 50%
    }

.k-avatar-rounded {
    border-radius: 5px
}

    .k-avatar-rounded.k-avatar-image > * {
        border-radius: 5px
    }

.k-avatar-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

    .k-avatar-image > img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.k-card {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

    .k-card .k-card-callout {
        position: absolute;
        width: 20px;
        height: 20px;
        border-width: 1px 1px 0 0;
        border-style: solid;
        margin: 0
    }

        .k-card .k-card-callout.k-callout-n {
            top: 0;
            -webkit-transform: translate(-50%,-50%) rotate(-45deg);
            -ms-transform: translate(-50%,-50%) rotate(-45deg);
            transform: translate(-50%,-50%) rotate(-45deg);
            left: 50%
        }

        .k-card .k-card-callout.k-callout-e {
            top: 50%;
            left: auto;
            right: 0;
            -webkit-transform: translate(50%,-50%) rotate(135deg) scaleX(-1);
            -ms-transform: translate(50%,-50%) rotate(135deg) scaleX(-1);
            transform: translate(50%,-50%) rotate(135deg) scaleX(-1)
        }

        .k-card .k-card-callout.k-callout-s {
            top: auto;
            bottom: 0;
            -webkit-transform: translate(-50%,50%) rotate(135deg);
            -ms-transform: translate(-50%,50%) rotate(135deg);
            transform: translate(-50%,50%) rotate(135deg);
            left: 50%
        }

        .k-card .k-card-callout.k-callout-w {
            top: 50%;
            left: 0;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            -ms-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg)
        }

    .k-card .k-avatar {
        width: 45px;
        height: 45px;
        margin-right: 16px
    }

        .k-card .k-avatar.k-avatar-image > * {
            width: 45px;
            height: 45px
        }

    .k-card.k-card-flat {
        box-shadow: none
    }

.k-card-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-card-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    overflow: hidden
}

.k-card-header {
    padding: 12px 16px;
    border-width: 0 0 1px;
    border-style: solid;
    outline: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.k-card > .k-card-header:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-header:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-header h1, .k-card-header h2, .k-card-header h3, .k-card-header h4, .k-card-header h5, .k-card-header h6, .k-card-header > div {
    margin: 0
}

.k-card-header .k-card-title + .k-card-subtitle {
    margin-top: 0
}

.k-card-footer {
    padding: 12px 16px;
    border-width: 1px 0 0;
    border-style: solid;
    outline: 0;
    display: block
}

.k-card-body {
    padding: 12px 16px;
    outline: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-card > .k-card-body:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-body:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-body p {
    margin: 0 0 8px
}

.k-card-body > .k-last, .k-card-body > :last-child {
    margin-bottom: 0
}

.k-card-image, .k-card-media {
    border: 0;
    max-width: 100%;
    overflow: hidden
}

.k-card > .k-card-image:first-child, .k-card > .k-card-media:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-image:last-child, .k-card > .k-card-media:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-image > img, .k-card-media > img {
    border: 0;
    max-width: 100%
}

.k-card-horizontal .k-card-image, .k-card-horizontal .k-card-media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100px;
    object-fit: cover
}

.k-card-title {
    font-family: inherit;
    font-size: 19px;
    line-height: normal;
    font-weight: 400;
    margin: 0 0 8px
}

.k-card-subtitle {
    font-size: 12px;
    margin: 0 0 8px;
    opacity: .6
}

.k-card-separator {
    margin: 0;
    border-width: 1px 0 0;
    border-style: solid;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-separator.k-separator-vertical {
        width: 0;
        border-width: 0 0 0 1px
    }

.k-card > .k-hr {
    margin: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-color: inherit
}

.k-card-actions {
    padding: 8px 16px;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-card > .k-card-actions:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-card > .k-card-actions:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-card-horizontal .k-card-actions, .k-card-vertical .k-card-actions {
    border: 0
}

.k-card-actions .k-button {
    max-width: 100%;
    white-space: normal
}

.k-card-actions > .k-button.k-flat:first-child {
    margin-left: -8px
}

.k-card-actions.k-card-actions-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.k-card-actions.k-card-actions-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.k-card-actions.k-card-actions-center {
    -ms-flex-pack: center;
    justify-content: center
}

.k-card-action {
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .k-card-action > .k-button {
        border-radius: 0;
        padding: 16px 16px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-card-actions-vertical {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-card-actions-vertical .k-button {
        padding: 12px 16px
    }

        .k-card-actions-vertical .k-button.k-flat:first-child {
            margin-left: 0
        }

    .k-card-actions-vertical .k-card-action + .k-card-action {
        border-top-width: 1px
    }

.k-card-horizontal .k-card-actions-vertical {
    border-top-width: 0;
    border-left-width: 1px
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center {
    -ms-flex-align: center;
    align-items: center
}

.k-card-vertical .k-card-actions-vertical.k-card-actions-center, .k-card-vertical .k-card-actions-vertical.k-card-actions-end, .k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    padding: 8px 16px
}

    .k-card-vertical .k-card-actions-vertical.k-card-actions-center .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-end .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-start .k-button {
        padding: 4px 8px
    }

.k-card-actions-stretched {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-card-actions-stretched .k-button {
        padding: 12px 16px;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-radius: 0
    }

        .k-card-actions-stretched .k-button.k-flat:first-child {
            margin-left: 0
        }

    .k-card-actions-stretched .k-card-action + .k-card-action {
        border-left-width: 1px
    }

.k-card .k-card-actions-stretched {
    border-top-width: 1px;
    border-style: solid
}

.k-card-horizontal > .k-card-actions-stretched {
    border-left-width: 1px;
    border-top-width: 0
}

.k-card-actions-stretched.k-card-actions-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-card-actions-stretched.k-card-actions-vertical .k-card-action + .k-card-action {
        border-top-width: 1px;
        border-left-width: 0
    }

.k-card-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-list .k-card {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-card-list .k-card + .k-card {
            margin-top: 16px
        }

.k-card-deck {
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-deck .k-card {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-card-deck .k-card + .k-card {
            margin-left: 16px
        }

.k-card-deck-scrollwrap {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center
}

    .k-card-deck-scrollwrap > .k-button {
        border-radius: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: absolute;
        z-index: 1
    }

        .k-card-deck-scrollwrap > .k-button:first-child {
            left: -1px
        }

        .k-card-deck-scrollwrap > .k-button:last-child {
            right: -1px
        }

    .k-card-deck-scrollwrap > .k-card-deck {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-card-group .k-card {
        border-radius: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-card-group .k-card > .k-card-header {
            border-radius: 0
        }

        .k-card-group .k-card + .k-card {
            margin-left: -1px
        }

        .k-card-group .k-card.k-first {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

            .k-card-group .k-card.k-first > .k-card-header {
                border-top-left-radius: 4px
            }

        .k-card-group .k-card.k-last {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

            .k-card-group .k-card.k-last > .k-card-header {
                border-top-right-radius: 4px
            }

        .k-card-group .k-card.k-only {
            border-radius: 4px
        }

            .k-card-group .k-card.k-only > .k-card-header {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px
            }

.k-rtl .k-card-deck .k-card + .k-card, [dir=rtl] .k-card-deck .k-card + .k-card {
    margin-left: 0;
    margin-right: 16px
}

.k-rtl .k-card-actions-stretched .k-card-action + .k-card-action, [dir=rtl] .k-card-actions-stretched .k-card-action + .k-card-action {
    border-right-width: 1px;
    border-left-width: 0
}

.k-rtl .k-card-horizontal .k-card-actions-vertical, .k-rtl .k-card-horizontal > .k-card-actions-stretched, [dir=rtl] .k-card-horizontal .k-card-actions-vertical, [dir=rtl] .k-card-horizontal > .k-card-actions-stretched {
    border-right-width: 1px;
    border-left-width: 0
}

.k-ie11 .k-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-tilelayout {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    display: grid
}

.k-layout-item-hint {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    position: relative
}

    .k-layout-item-hint.k-layout-item-hint-resize {
        z-index: 3
    }

.k-chat {
    height: 600px;
    max-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    max-width: 500px;
    margin: auto
}

    .k-chat .k-message-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: smooth
    }

    .k-chat .k-message-list-content {
        padding: 16px 16px;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow: hidden
    }

        .k-chat .k-message-list-content > * + * {
            margin-top: 16px
        }

    .k-chat .k-message-group {
        max-width: 80%;
        background: 0 0;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

        .k-chat .k-message-group:not(.k-alt) {
            -ms-flex-align: start;
            align-items: flex-start;
            text-align: left
        }

            .k-chat .k-message-group:not(.k-alt) .k-message-time {
                margin-left: 8px;
                left: 100%
            }

            .k-chat .k-message-group:not(.k-alt) .k-message-status {
                left: 0
            }

            .k-chat .k-message-group:not(.k-alt) .k-first .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
                border-bottom-left-radius: 2px
            }

            .k-chat .k-message-group:not(.k-alt) .k-last .k-bubble, .k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble {
                border-bottom-left-radius: 2px;
                border-top-left-radius: 2px
            }

        .k-chat .k-message-group.k-alt {
            -ms-flex-item-align: end;
            align-self: flex-end;
            -ms-flex-align: end;
            align-items: flex-end;
            text-align: right
        }

            .k-chat .k-message-group.k-alt .k-message-time {
                margin-right: 8px;
                right: 100%
            }

            .k-chat .k-message-group.k-alt .k-message-status {
                right: 0
            }

            .k-chat .k-message-group.k-alt .k-first .k-bubble, .k-chat .k-message-group.k-alt .k-only .k-bubble {
                border-bottom-right-radius: 2px
            }

            .k-chat .k-message-group.k-alt .k-last .k-bubble, .k-chat .k-message-group.k-alt .k-middle .k-bubble {
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px
            }

    .k-chat .k-message {
        max-width: 100%;
        margin: 2px 0 0;
        position: relative;
        transition: margin .2s ease-in-out
    }

    .k-chat .k-message-status, .k-chat .k-message-time {
        font-size: smaller;
        line-height: normal;
        white-space: nowrap;
        pointer-events: none;
        position: absolute
    }

    .k-chat .k-message-time {
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: opacity .2s ease-in-out
    }

    .k-chat .k-message-status {
        margin-top: 2px;
        height: 0;
        overflow: hidden;
        top: 100%;
        transition: height .2s ease-in-out
    }

    .k-chat .k-bubble {
        border-radius: 12px;
        padding: 8px 12px;
        border-width: 1px;
        border-style: solid;
        line-height: 18px;
        word-wrap: break-word
    }

    .k-chat .k-message.k-state-selected {
        margin-bottom: 16px;
        border: 0;
        color: inherit;
        background: 0 0
    }

        .k-chat .k-message.k-state-selected .k-message-time {
            opacity: 1
        }

        .k-chat .k-message.k-state-selected .k-message-status {
            height: 1.2em
        }

    .k-chat .k-message-error, .k-chat .k-message-sending {
        margin-bottom: 16px
    }

        .k-chat .k-message-error .k-message-status, .k-chat .k-message-sending .k-message-status {
            height: 1.2em
        }

    .k-chat .k-avatar {
        border-radius: 100%;
        width: 32px;
        height: 32px;
        position: absolute
    }

    .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
        padding-left: 40px
    }

    .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
        padding-right: 40px
    }

    .k-chat .k-message-group:not(.k-alt) > .k-avatar {
        left: 0;
        bottom: 0
    }

    .k-chat .k-message-group.k-alt > .k-avatar {
        right: 0;
        bottom: 0
    }

.k-author {
    margin: 0;
    font-size: smaller;
    line-height: normal
}

.k-chat .k-author {
    margin: 0
}

.k-timestamp {
    font-size: smaller;
    line-height: normal;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.k-quick-replies {
    display: block;
    max-width: 100%
}

.k-quick-reply {
    border-radius: 100px;
    margin-right: 8px;
    margin-bottom: 4px;
    padding: 8px 12px;
    border-width: 1px;
    border-style: solid;
    line-height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.k-message-box {
    padding: 10px 16px;
    border-width: 1px 0 0;
    border-style: solid;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .k-message-box .k-input {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        background: 0 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .k-message-box .k-button {
        padding: 0
    }

        .k-message-box .k-button svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
            display: inline-block
        }

        .k-message-box .k-button::after, .k-message-box .k-button::before {
            display: none
        }

.k-chat .k-card-list {
    margin: 2px 0 0
}

.k-chat .k-card-deck {
    max-width: calc(100% + 32px);
    box-sizing: border-box;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px 16px 16px;
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth
}

    .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
        margin-left: 16px
    }

    .k-chat .k-card-deck .k-card, .k-chat .k-card-deck .k-card-wrap {
        width: 200px
    }

.k-card-deck-scrollwrap {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    box-sizing: content-box
}

    .k-card-deck-scrollwrap > .k-card-deck {
        margin-bottom: -20px;
        padding-bottom: 20px
    }

.k-chat .k-card-deck .k-card-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-chat .k-card-deck .k-card-wrap .k-card {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-chat .k-card-deck .k-card-wrap .k-card + .k-card {
            margin-left: 16px
        }

    .k-chat .k-card-deck .k-card-wrap.k-state-selected {
        background: 0 0
    }

.k-typing-indicator {
    padding: 0;
    border-radius: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .k-typing-indicator span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        -ms-flex: 0 0 8px;
        flex: 0 0 8px;
        background-color: currentColor
    }

        .k-typing-indicator span + span {
            margin-left: 5px
        }

@-webkit-keyframes k-animation-blink {
    50% {
        opacity: 1
    }
}

@keyframes k-animation-blink {
    50% {
        opacity: 1
    }
}

.k-chat .k-toolbar-box {
    width: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .k-chat .k-toolbar-box .k-button-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
        scroll-behavior: smooth;
        padding: 10px 16px
    }

        .k-chat .k-toolbar-box .k-button-list:after {
            content: '';
            padding-right: 16px
        }

        .k-chat .k-toolbar-box .k-button-list .k-button + .k-button {
            margin-left: 20px;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

    .k-chat .k-toolbar-box .k-scroll-button {
        position: absolute;
        z-index: 2;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .k-chat .k-toolbar-box .k-scroll-button-left {
        left: 0
    }

    .k-chat .k-toolbar-box .k-scroll-button-right {
        right: 0
    }

    .k-chat .k-toolbar-box .k-button {
        border-width: 0;
        color: inherit;
        background: 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        box-shadow: none
    }

.k-rtl .k-message-group:not(.k-alt), [dir=rtl] .k-message-group:not(.k-alt) {
    text-align: right
}

    .k-rtl .k-message-group:not(.k-alt) .k-message-time, [dir=rtl] .k-message-group:not(.k-alt) .k-message-time {
        margin-left: 0;
        margin-right: 8px;
        left: auto;
        right: 100%
    }

    .k-rtl .k-message-group:not(.k-alt) .k-message-status, [dir=rtl] .k-message-group:not(.k-alt) .k-message-status {
        left: auto;
        right: 0
    }

.k-rtl .k-message-group.k-alt, [dir=rtl] .k-message-group.k-alt {
    text-align: left
}

    .k-rtl .k-message-group.k-alt .k-message-time, [dir=rtl] .k-message-group.k-alt .k-message-time {
        margin-right: 0;
        margin-left: 8px;
        right: auto;
        left: 100%
    }

    .k-rtl .k-message-group.k-alt .k-message-status, [dir=rtl] .k-message-group.k-alt .k-message-status {
        right: auto;
        left: 0
    }

.k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar), [dir=rtl] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
    padding-left: 0;
    padding-right: 40px
}

.k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar), [dir=rtl] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
    padding-right: 0;
    padding-left: 40px
}

.k-rtl .k-message-box .k-button svg, [dir=rtl] .k-message-box .k-button svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.k-rtl .k-quick-reply, [dir=rtl] .k-quick-reply {
    margin-right: 0;
    margin-left: 8px
}

.k-calendar {
    position: relative;
    display: inline-block;
    width: 17em;
    overflow: hidden
}

    .k-calendar .k-link {
        color: inherit;
        text-decoration: none;
        outline: 0
    }

    .k-calendar .k-action-link {
        text-decoration: underline
    }

    .k-calendar .k-state-focused, .k-calendar .k-state-focused.k-state-selected {
        box-shadow: none
    }

    .k-calendar table {
        float: left;
        border-spacing: 0;
        width: 100%;
        height: 14.167em;
        border-width: 0;
        margin: 0;
        table-layout: fixed;
        outline: 0;
    }

    .k-calendar td, .k-calendar th {
        border-width: 0;
        padding: 0.08333em;
        text-align: center;
        border-style: solid;
        border-color: inherit;
        color: inherit;
        background: 0 0;
        font-weight: 400;
        cursor: default
    }

    .k-calendar .k-header {
        padding: 2px 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-align: center;
        position: relative;
        z-index: 1
    }

    .k-calendar .k-footer {
        padding: .5em;
        text-align: center;
        position: relative;
        clear: both
    }

        .k-calendar .k-footer .k-nav-today:hover {
            text-decoration: underline
        }

    .k-calendar .k-calendar-view {
        width: 100%;
        /*height: 17em;*/
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .k-calendar.k-week-number .k-calendar-view {
        width: 19.42857143em;
        padding: 0
    }

    .k-calendar .k-content {
        width: 100%;
        background-color: transparent
    }

        .k-calendar .k-content th {
            padding: .25em 2px;
            border-bottom-width: 1px;
            box-sizing: border-box
        }

        .k-calendar .k-content td {
            border-radius: 4px;
            padding: 0.08333em;
            cursor: pointer;
        }

            .k-calendar .k-content td.k-alt {
                width: 2.42857143em;
                border-radius: 0
            }

        .k-calendar .k-content .k-link {
            margin: auto;
            padding: .5em .5em;
            box-sizing: border-box;
            border-radius: 4px;
            line-height: 1.42857143;
            display: block
        }

    .k-calendar .k-month .k-link {
        width: 2.42857143em;
        height: 2.42857143em
    }

    .k-calendar .k-month th {
        height: 2.42857143em
    }

    .k-calendar .k-year .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.28571429em
    }

    .k-calendar .k-decade .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.28571429em
    }

    .k-calendar .k-century .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        text-align: left;
        line-height: 1.64285714em;
        white-space: normal
    }

    .k-calendar .k-animation-container .k-content {
        height: 100%
    }

    .k-calendar .k-calendar-header {
        padding: 8px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .k-calendar .k-calendar-header .k-button {
            white-space: nowrap
        }

    .k-calendar .k-calendar-nav {
        -ms-flex-align: center;
        align-items: center
    }

    .k-calendar .k-nav-today {
        cursor: pointer
    }

    .k-calendar .k-calendar-decadeview, .k-calendar .k-calendar-monthview, .k-calendar .k-calendar-yearview {
        padding: 0 16px
    }

        .k-calendar .k-calendar-decadeview th, .k-calendar .k-calendar-monthview th, .k-calendar .k-calendar-yearview th {
            border-bottom-width: 0;
            background-color: transparent
        }

        .k-calendar .k-calendar-decadeview .k-alt, .k-calendar .k-calendar-monthview .k-alt, .k-calendar .k-calendar-yearview .k-alt {
            opacity: .5;
            background-color: transparent
        }

.k-calendar-range {
    width: auto;
    text-align: left;
    line-height: 1.42857143
}

    .k-calendar-range .k-calendar-header {
        padding: 8px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .k-calendar-range .k-calendar-header .k-button {
            white-space: nowrap;
            border-color: transparent !important;
            color: inherit;
            background: 0 0 !important;
            box-shadow: none !important;
            transition: color .2s ease-in-out
        }

            .k-calendar-range .k-calendar-header .k-button.k-state-active, .k-calendar-range .k-calendar-header .k-button.k-state-hover, .k-calendar-range .k-calendar-header .k-button:active, .k-calendar-range .k-calendar-header .k-button:hover, .k-calendar-range .k-calendar-header .k-button:hover.k-state-active, .k-calendar-range .k-calendar-header .k-button:hover:active {
                color: inherit
            }

            .k-calendar-range .k-calendar-header .k-button::before {
                display: block
            }

            .k-calendar-range .k-calendar-header .k-button::after {
                display: block
            }

            .k-calendar-range .k-calendar-header .k-button.k-state-focused::after, .k-calendar-range .k-calendar-header .k-button:focus::after {
                box-shadow: inset 0 0 0 2px currentColor;
                opacity: .12
            }

            .k-calendar-range .k-calendar-header .k-button.k-state-disabled, .k-calendar-range .k-calendar-header .k-button[disabled], .k-state-disabled .k-calendar-range .k-calendar-header .k-button {
                pointer-events: none
            }

    .k-calendar-range .k-calendar-nav {
        display: inline-block;
        white-space: nowrap
    }

    .k-calendar-range .k-calendar-view {
        height: auto;
        width: auto;
        min-height: 17em;
        text-align: center;
        white-space: nowrap
    }

.k-animation-container-sm .k-calendar-range .k-calendar-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-calendar-range.k-week-number .k-calendar-view {
    width: auto
}

.k-calendar-range .k-content {
    padding: 0 16px 8px;
    width: auto;
    height: auto;
    text-align: center;
    display: inline-table;
    vertical-align: top;
    float: none;
    color: inherit;
    background-color: transparent
}

    .k-calendar-range .k-content td, .k-calendar-range .k-content th {
        padding: 0;
        border-width: 0;
        color: inherit;
        background-color: transparent;
        background-image: none;
        text-align: inherit;
        vertical-align: middle
    }

    .k-calendar-range .k-content th {
        padding: .5em 0;
        font-size: 12px;
        line-height: 1.5;
        text-transform: uppercase;
        opacity: .5
    }

    .k-calendar-range .k-content td {
        border-radius: 4px
    }

        .k-calendar-range .k-content td.k-alt {
            opacity: .5
        }

    .k-calendar-range .k-content .k-link {
        padding: .5em .5em;
        min-height: 0;
        box-sizing: border-box;
        border-radius: 4px;
        line-height: inherit
    }

    .k-calendar-range .k-content .k-meta-header, .k-calendar-range .k-content .k-month-header {
        margin: 0 16px;
        padding: .5em 8px;
        font-size: 12px;
        line-height: 1.5;
        text-transform: uppercase;
        text-align: left;
        opacity: .5
    }

    .k-calendar-range .k-content td.k-range-start {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .k-calendar-range .k-content td.k-range-mid {
        border-radius: 0
    }

    .k-calendar-range .k-content td.k-range-end {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .k-calendar-range .k-content td.k-range-split-end, .k-calendar-range .k-content td.k-range-split-start {
        position: relative
    }

        .k-calendar-range .k-content td.k-range-split-end::after, .k-calendar-range .k-content td.k-range-split-start::after {
            content: "";
            width: 5px;
            display: block;
            position: absolute;
            top: 1px;
            bottom: 1px
        }

        .k-calendar-range .k-content td.k-range-split-start::after {
            right: auto;
            left: -5px
        }

        .k-calendar-range .k-content td.k-range-split-end::after {
            right: -5px;
            left: auto
        }

    .k-calendar-range .k-content td.k-weekend {
        background-color: transparent
    }

.k-calendar-range .k-state-selected {
    color: inherit;
    background: 0 0;
    border-color: transparent
}

.k-calendar-range .k-state-focused, .k-calendar-range .k-state-focused.k-state-selected {
    box-shadow: none
}

.k-calendar-range td.k-state-disabled {
    opacity: .5
}

    .k-calendar-range td.k-state-disabled .k-link {
        color: inherit
    }

.k-calendar-range .k-footer .k-nav-today {
    padding: 8px 16px;
    width: auto;
    height: auto;
    display: block
}

.k-calendar-range .k-calendar-decadeview, .k-calendar-range .k-calendar-monthview, .k-calendar-range .k-calendar-yearview {
    padding: 0
}

.k-widget.k-daterangepicker {
    border: 0;
    box-shadow: none
}

.k-calendar-monthview .k-content .k-link {
    width: 1.4333em;
}

.k-calendar-monthview .k-content tbody tr {
    height: 1.4333em;
}

.k-calendar-yearview .k-content {
    margin: 0 -1px
}

    .k-calendar-yearview .k-content .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.25
    }

.k-calendar-decadeview .k-content {
    margin: 0 -1px
}

    .k-calendar-decadeview .k-content .k-link {
        width: 4.28571429em;
        height: 4.28571429em;
        line-height: 3.25
    }

.k-calendar-centuryview .k-content {
    margin: 0 -1px
}

    .k-calendar-centuryview .k-content .k-link {
        padding: .5em .5em;
        width: 4.28571429em;
        height: 4.28571429em;
        text-align: left;
        line-height: 1.625;
        white-space: normal
    }

.k-rtl .k-calendar-range {
    text-align: right
}

    .k-rtl .k-calendar-range .k-calendar-nav {
        float: left
    }

.k-pdf-viewer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

    .k-pdf-viewer .k-toolbar {
        border-top-width: 0;
        border-right-width: 0;
        border-left-width: 0;
        border-color: inherit;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        z-index: 2
    }

    .k-pdf-viewer .k-pager-wrap {
        padding: 0;
        min-height: auto;
        border-width: 0;
        color: inherit;
        background: 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-align: center;
        align-items: center
    }

    .k-pdf-viewer .k-list-scroller {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        outline: 0
    }

        .k-pdf-viewer .k-list-scroller .k-enable-text-select {
            -webkit-user-select: text;
            -ms-user-select: text;
            user-select: text;
            cursor: text
        }

        .k-pdf-viewer .k-list-scroller .k-enable-panning {
            cursor: grab
        }

            .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
                background-color: transparent
            }

    .k-pdf-viewer .k-page {
        position: relative;
        margin: 30px auto
    }

        .k-pdf-viewer .k-page canvas {
            direction: ltr
        }

        .k-pdf-viewer .k-page .k-text-layer {
            position: absolute;
            top: 0;
            left: 0;
            opacity: .2;
            overflow: hidden
        }

            .k-pdf-viewer .k-page .k-text-layer > span {
                position: absolute;
                -webkit-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                transform-origin: 0 0;
                color: transparent
            }

            .k-pdf-viewer .k-page .k-text-layer mark {
                color: transparent
            }

.k-pdf-viewer-window {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .k-pdf-viewer-window .k-edit-field .k-file-format, .k-pdf-viewer-window .k-edit-field .k-textbox {
        width: 100%
    }

    .k-pdf-viewer-window .k-action-buttons {
        top: 10px;
        padding: 10px;
        margin-bottom: calc(10px - 1em)
    }

.k-pdf-viewer-search-dialog {
    padding: .28571428em
}

    .k-pdf-viewer-search-dialog .k-search-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

        .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-align: center;
            align-items: center;
            background: 0 0;
            padding-right: .17857143em;
            margin: 0 .28571428em
        }

            .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
                position: relative;
                top: auto;
                margin: 0;
                font-size: inherit
            }

            .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-search-dialog-input::-ms-clear {
                display: none
            }

            .k-pdf-viewer-search-dialog .k-search-container .k-textbox:after {
                content: ""
            }

        .k-pdf-viewer-search-dialog .k-search-container .k-match-case-button {
            height: 1.65em
        }

        .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
            display: inline-block;
            min-width: 4.5em;
            margin: 0 .28571428em 0 .28571428em;
            vertical-align: middle
        }

        .k-pdf-viewer-search-dialog .k-search-container > .k-button {
            margin-left: .28571428em
        }

        .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
            cursor: move;
            margin-left: 0
        }

div.k-scrollview, kendo-scrollview.k-scrollview-wrap {
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-touch-callout: none
}

    div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(1), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(1), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(1) {
        width: 4px;
        height: 4px
    }

    div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(2), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(2), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(2) {
        width: 6px;
        height: 6px
    }

    div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(3), div.k-scrollview.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-last-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-nav > .k-link:nth-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-last-of-type(3), kendo-scrollview.k-scrollview-wrap.k-scrollview-multidot .k-scrollview-pageable > .k-button:nth-of-type(3) {
        width: 8px;
        height: 8px
    }

    div.k-scrollview .k-scrollview-wrap, kendo-scrollview.k-scrollview-wrap .k-scrollview {
        list-style-type: none;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        cursor: default;
        white-space: nowrap
    }

        div.k-scrollview .k-scrollview-wrap img, kendo-scrollview.k-scrollview-wrap .k-scrollview img {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        div.k-scrollview .k-scrollview-wrap > li, kendo-scrollview.k-scrollview-wrap .k-scrollview > li {
            display: inline-block;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0
        }

        div.k-scrollview .k-scrollview-wrap > [data-role=page], kendo-scrollview.k-scrollview-wrap .k-scrollview > [data-role=page] {
            vertical-align: top;
            display: inline-block;
            min-height: 1px
        }

    .k-scrollview .k-scrollview-nav-wrap, kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager {
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px
    }

    .k-scrollview .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable {
        margin: 0;
        padding: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
        width: calc(100% - 40px);
        line-height: 0;
        display: block;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        list-style: none;
        white-space: nowrap;
        pointer-events: initial
    }

        .k-scrollview .k-scrollview-nav.k-state-focused, .k-scrollview .k-scrollview-nav:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus {
            outline: 0
        }

        .k-scrollview .k-scrollview-nav > .k-link, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button {
            margin: 0 10px;
            padding: 0;
            width: 10px;
            height: 10px;
            box-sizing: content-box;
            display: inline-block;
            position: relative;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            border-width: 0;
            border-style: solid;
            border-radius: 50%;
            cursor: pointer;
            pointer-events: all;
            vertical-align: top
        }

            .k-scrollview .k-scrollview-nav > .k-link::before, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button::before {
                content: "";
                width: 30px;
                height: 30px;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                pointer-events: initial;
                border-radius: 0
            }

.k-scrollview-next, .k-scrollview-prev {
    display: table;
    position: absolute;
    padding: 0;
    height: 60%;
    top: 20%;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

    .k-scrollview-next .k-icon, .k-scrollview-prev .k-icon {
        display: table-cell;
        overflow: visible;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        font-size: 4.5em;
        font-weight: 400
    }

.k-scrollview-prev {
    left: 0
}

.k-scrollview-next {
    right: 0
}

.k-scrollview-animation {
    transition-duration: .3s;
    transition-timing-function: ease-in-out
}

@supports (-webkit-user-select:none) {
    div.k-scrollview ul.k-scrollview-wrap li > *, kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > * {
        pointer-events: auto
    }
}

@supports (not (-webkit-user-select:none)) {
    div.k-scrollview ul.k-scrollview-wrap li > *, kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > * {
        pointer-events: none
    }
}

.k-switch {
    border-radius: 5em;
    cursor: pointer;
    width: 5em;
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-size: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

    .k-switch [type=checkbox] {
        display: none
    }

.k-ie .k-switch {
    display: inline-block
}

.k-switch, .k-switch-container, .k-switch-handle {
    box-sizing: border-box
}

.k-switch-container {
    border-radius: 5em;
    padding: 2px 2px;
    border-width: 1px;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s
}

.k-ie .k-switch-container {
    display: block
}

.k-switch-handle {
    border-radius: 5em;
    width: 2em;
    height: 2em;
    border-width: 1px;
    border-style: solid;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s
}

.k-ie11 .k-switch-handle {
    display: block
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 2em)
}

.k-edge .k-switch-on .k-switch-handle, .k-ie .k-switch-on .k-switch-handle {
    left: 100%;
    margin-left: -2em
}

.k-switch-off .k-switch-handle {
    left: 0
}

.k-switch-label-off, .k-switch-label-on {
    display: inline;
    width: calc(100% - 2em - 12px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: none;
    line-height: 2em;
    overflow: hidden
}

.k-switch-label-on {
    text-align: left;
    left: 7px
}

.k-switch-label-off {
    text-align: right;
    right: 7px
}

.k-rtl .k-switch.k-switch-on .k-switch-handle, .k-switch[dir=rtl].k-switch-on .k-switch-handle {
    left: 0
}

.k-rtl .k-switch.k-switch-off .k-switch-handle, .k-switch[dir=rtl].k-switch-off .k-switch-handle {
    left: calc(100% - 2em)
}

.k-rtl .k-switch .k-switch-label-on, .k-switch[dir=rtl] .k-switch-label-on {
    text-align: right;
    left: initial;
    right: 7px
}

.k-rtl .k-switch .k-switch-label-off, .k-switch[dir=rtl] .k-switch-label-off {
    text-align: left;
    left: 7px;
    right: initial
}

.k-filter {
    display: inline-block;
    border-width: 0;
    box-shadow: none
}

    .k-filter ul {
        padding: 0
    }

        .k-filter ul li {
            list-style-type: none
        }

    .k-filter .k-filter-container, .k-filter .k-filter-preview {
        margin-bottom: 2.1em
    }

    .k-filter .k-filter-item, .k-filter .k-filter-lines {
        padding-left: 8px
    }

    .k-filter .k-filter-toolbar {
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        padding: 4px 0
    }

        .k-filter .k-filter-toolbar::before {
            content: "";
            position: absolute;
            width: 8px;
            height: 1px;
            top: 50%;
            left: -8px
        }

        .k-filter .k-filter-toolbar .k-toolbar {
            border-style: solid;
            border-width: 1px
        }

        .k-filter .k-filter-toolbar .k-filter-operator .k-dropdown {
            width: 15em
        }

        .k-filter .k-filter-toolbar .k-filter-toolbar-item > .k-textbox {
            margin: 0 .2em;
            vertical-align: middle
        }

    .k-filter .k-filter-item {
        position: relative
    }

        .k-filter .k-filter-item::before {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            top: -4px;
            left: 0
        }

    .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
        content: "";
        position: absolute;
        width: 1px;
        top: -5px;
        bottom: 50%;
        left: -8px
    }

    .k-filter .k-filter-group-main::before, .k-filter .k-filter-group-main > .k-filter-toolbar::after, .k-filter .k-filter-group-main > .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child::before {
        display: none
    }

    .k-filter[dir=rtl] .k-filter-item, .k-filter[dir=rtl] .k-filter-lines, .k-rtl .k-filter .k-filter-item, .k-rtl .k-filter .k-filter-lines, [dir=rtl] .k-filter .k-filter-item, [dir=rtl] .k-filter .k-filter-lines {
        padding-left: 0;
        padding-right: 8px
    }

    .k-filter[dir=rtl] .k-filter-toolbar::before, .k-rtl .k-filter .k-filter-toolbar::before, [dir=rtl] .k-filter .k-filter-toolbar::before {
        left: auto;
        right: -8px
    }

    .k-filter[dir=rtl] .k-filter-item::before, .k-rtl .k-filter .k-filter-item::before, [dir=rtl] .k-filter .k-filter-item::before {
        left: auto;
        right: 0
    }

    .k-filter[dir=rtl] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, [dir=rtl] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
        left: auto;
        right: -8px
    }

.k-drawer-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.k-drawer {
    height: 100%;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: all .3s ease-in-out
}

    .k-drawer-left.k-drawer-expanded .k-drawer, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer.k-drawer-start {
        border-right-width: 1px
    }

    .k-drawer-right.k-drawer-expanded .k-drawer, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer.k-drawer-end {
        border-left-width: 1px
    }

    .k-drawer-left .k-drawer, .k-drawer.k-drawer-start {
        top: 0;
        left: 0
    }

    .k-drawer-right .k-drawer, .k-drawer.k-drawer-end {
        top: 0;
        right: 0
    }

.k-drawer-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-drawer-overlay .k-drawer {
    max-width: 80vw;
    position: fixed;
    z-index: 10002
}

.k-drawer-overlay .k-overlay {
    display: none
}

.k-drawer-push {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-drawer-push .k-drawer {
        height: auto;
        position: relative;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .k-drawer-push.k-drawer-right .k-drawer {
        -ms-flex-order: 1;
        order: 1
    }

.k-drawer-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    transition: all .3s ease-in-out
}

    .k-drawer-wrapper::-webkit-scrollbar {
        width: 7px
    }

    .k-drawer-wrapper::-webkit-scrollbar-thumb {
        border-radius: 20px
    }

.k-drawer-items, .k-drawer-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-drawer-item {
    padding: 8px 8px;
    color: inherit;
    font-size: 16px;
    line-height: 1.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    cursor: pointer
}

    .k-drawer-item .k-icon {
        margin: 0 8px;
        font-size: 18px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .k-drawer-item .k-icon.k-i-none {
            margin: 0
        }

    .k-drawer-item .k-item-text {
        padding: 0 8px;
        display: inline-block;
        white-space: nowrap
    }

.k-drawer-separator {
    padding: 0;
    height: 1px
}

.k-drawer-mini .k-drawer-wrapper {
    width: 50px
}

.k-rtl .k-drawer-left.k-drawer-push .k-drawer, [dir=rtl] .k-drawer-left.k-drawer-push .k-drawer {
    -ms-flex-order: 1;
    order: 1
}

.k-rtl .k-drawer-right.k-drawer-push .k-drawer, [dir=rtl] .k-drawer-right.k-drawer-push .k-drawer {
    -ms-flex-order: 0;
    order: 0
}

.k-rating {
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-sizing: border-box;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    box-shadow: none;
    outline: 0
}

.k-rating-container {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    margin: 0 4px
}

    .k-rating-container .k-rating-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        padding: 4px 4px;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
        margin: 0;
        outline: 0;
        overflow: hidden;
        transition: color .2s ease-out 0s
    }

        .k-rating-container .k-rating-item * {
            pointer-events: none
        }

        .k-rating-container .k-rating-item .k-icon {
            font-size: 24px;
            overflow: visible
        }

        .k-rating-container .k-rating-item .k-rating-precision-complement, .k-rating-container .k-rating-item .k-rating-precision-part {
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 4px;
            overflow: hidden
        }

        .k-rating-container .k-rating-item .k-rating-precision-complement {
            direction: rtl
        }

.k-rating-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    line-height: 1.5;
    margin: 4px 8px
}

.k-ie9 .k-rating-container, .k-ie9 .k-rating-item, .k-ie9 .k-rating-label {
    display: inline-block
}

.k-rtl .k-rating-precision-part, [dir=rtl] .k-rating-precision-part {
    left: auto;
    right: 4px
}

.k-rtl .k-rating-item .k-rating-precision-complement, [dir=rtl] .k-rating-item .k-rating-precision-complement {
    direction: ltr
}

.k-timeline ul {
    margin: 0;
    padding: 0
}

    .k-timeline ul li {
        list-style-type: none
    }

.k-timeline .k-timeline-flag {
    display: inline-block;
    text-align: center;
    padding: 4px 8px;
    border-radius: 2px;
    line-height: 1.42857143;
    min-width: 80px;
    max-width: 160px;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.k-timeline .k-timeline-circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.k-timeline.k-timeline-dates-hidden .k-timeline-date {
    display: none
}

.k-timeline .k-event-collapse {
    display: none
}

.k-timeline.k-timeline-collapsible .k-card-header {
    cursor: pointer
}

.k-timeline.k-timeline-collapsible .k-event-collapse {
    display: -ms-flexbox;
    display: flex
}

.k-timeline .k-timeline-arrow {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    bottom: 11px;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.k-timeline .k-timeline-arrow-left {
    left: 0
}

.k-timeline .k-timeline-arrow-right {
    right: 0
}

.k-timeline-card .k-card {
    position: relative;
    overflow: visible
}

    .k-timeline-card .k-card .k-card-header {
        overflow: visible;
        border-bottom: 0;
        border-radius: 4px
    }

        .k-timeline-card .k-card .k-card-header + .k-card-body {
            padding-top: 0
        }

    .k-timeline-card .k-card .k-card-body {
        overflow-y: auto;
        scrollbar-width: thin
    }

        .k-timeline-card .k-card .k-card-body::-webkit-scrollbar {
            width: 5px
        }

        .k-timeline-card .k-card .k-card-body::-webkit-scrollbar-thumb {
            border-radius: 2px
        }

.k-timeline-card .k-timeline-card-callout.k-callout-e, .k-timeline-card .k-timeline-card-callout.k-callout-w {
    top: 36px
}

.k-timeline-horizontal, .k-timeline-vertical {
    width: 100%;
    padding: 0 40px;
    margin: 40px 0;
    position: relative;
    box-sizing: border-box;
    border: 0
}

    .k-timeline-horizontal .k-timeline-track-wrap::after, .k-timeline-vertical::after {
        content: "";
        position: absolute;
        top: 0;
        border-width: 1px;
        border-style: solid;
        background-clip: padding-box
    }

.k-timeline-vertical {
    padding-left: 127px
}

    .k-timeline-vertical.k-timeline-dates-hidden {
        padding-left: 77px
    }

    .k-timeline-vertical::after {
        height: 100%;
        width: 6px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 4px
    }

    .k-timeline-vertical .k-timeline-flag-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .k-timeline-vertical .k-timeline-flag-wrap:first-child {
            padding-top: 40px
        }

    .k-timeline-vertical .k-timeline-flag {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .k-timeline-vertical .k-timeline-date-wrap {
        position: absolute;
        padding-right: 16px;
        margin-top: 36px;
        -webkit-transform: translate(-100%,-50%);
        -ms-transform: translate(-100%,-50%);
        transform: translate(-100%,-50%);
        text-align: right
    }

    .k-timeline-vertical .k-timeline-event {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 40px 0
    }

    .k-timeline-vertical .k-timeline-card {
        padding-left: 16px
    }

        .k-timeline-vertical .k-timeline-card .k-card {
            margin-left: 16px;
            min-height: 72px;
            width: 400px;
            max-width: 100%
        }

            .k-timeline-vertical .k-timeline-card .k-card .k-card-title {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden
                }

        .k-timeline-vertical .k-timeline-card .k-event-collapse {
            margin: -4px 0;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
        }

        .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-actions, .k-timeline-vertical .k-timeline-card.k-collapsed .k-card-body {
            display: none
        }

        .k-timeline-vertical .k-timeline-card.k-collapsed .k-event-collapse {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }

    .k-timeline-vertical .k-timeline-circle {
        margin-top: 36px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin-right: -8px
    }

    .k-timeline-vertical.k-timeline-alternating {
        padding-left: 40px
    }

        .k-timeline-vertical.k-timeline-alternating::after {
            left: 50%
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-flag-wrap {
            -ms-flex-pack: center;
            justify-content: center
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-flag {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-event {
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse {
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

                .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
                    text-align: left;
                    padding-right: 0;
                    padding-left: 16px
                }

                .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card {
                    padding-left: 0;
                    padding-right: 16px
                }

                    .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-card .k-card {
                        margin-right: 16px;
                        margin-left: auto
                    }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-card, .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            min-width: 0
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-date-wrap {
            position: static;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .k-timeline-vertical.k-timeline-alternating .k-timeline-circle {
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-right: 0
        }

.k-timeline-horizontal .k-timeline-track-item {
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-timeline-horizontal .k-timeline-track-item:hover {
        cursor: pointer
    }

    .k-timeline-horizontal .k-timeline-track-item.k-timeline-flag-wrap:hover {
        cursor: default
    }

.k-timeline-horizontal .k-timeline-date-wrap {
    margin-top: auto;
    margin-bottom: 8px
}

.k-timeline-horizontal .k-timeline-card {
    height: 100%;
    box-sizing: border-box
}

.k-timeline-horizontal .k-card {
    max-height: 100%;
    box-sizing: border-box
}

.k-timeline-horizontal .k-timeline-events-list {
    overflow-x: hidden;
    padding-top: 16px
}

    .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap {
        position: relative;
        height: 600px
    }

        .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap .k-timeline-event {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

.k-timeline-horizontal .k-timeline-track-wrap {
    position: relative;
    padding: 15px 0
}

    .k-timeline-horizontal .k-timeline-track-wrap::after {
        top: auto;
        bottom: 18px;
        left: 28px;
        right: 28px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 6px
    }

    .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track {
        overflow: hidden;
        margin: 0 30px;
        position: relative;
        z-index: 2
    }

        .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track .k-timeline-scrollable-wrap {
            transition: -webkit-transform 1s ease-in-out;
            transition: transform 1s ease-in-out;
            transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out
        }

    .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
        margin-bottom: 22px;
        position: relative;
        min-width: 60px
    }

        .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag::after {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%,50%) rotate(45deg);
            -ms-transform: translate(-50%,50%) rotate(45deg);
            transform: translate(-50%,50%) rotate(45deg)
        }

.k-timeline-horizontal .k-timeline-scrollable-wrap {
    padding-bottom: 3px;
    display: -ms-flexbox;
    display: flex;
    outline: 0
}

.k-timeline-mobile {
    padding: 0 16px;
    margin: 16px 0
}

    .k-timeline-mobile .k-timeline-flag {
        max-width: 112px
    }

    .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
        display: none
    }

    .k-timeline-mobile.k-timeline-vertical {
        padding-left: 103px
    }

        .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
            padding-left: 53px
        }

        .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
            padding-left: 16px
        }

        .k-timeline-mobile.k-timeline-vertical .k-timeline-card {
            width: 100%
        }

            .k-timeline-mobile.k-timeline-vertical .k-timeline-card .k-card {
                width: auto
            }

        .k-timeline-mobile.k-timeline-vertical .k-card-actions > .k-button.k-flat:first-child {
            margin-left: 0
        }

.k-breadcrumb {
    min-height: 2.11em;
    border-width: 0;
    box-sizing: border-box;
    border-style: solid;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-breadcrumb .k-breadcrumb-container {
        margin: 0 0;
        padding: 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        list-style: none;
        overflow: hidden
    }

    .k-breadcrumb .k-breadcrumb-item {
        vertical-align: middle;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

    .k-breadcrumb .k-breadcrumb-root-item {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .k-breadcrumb .k-breadcrumb-link, .k-breadcrumb .k-breadcrumb-root-link {
        padding: 4px 8px;
        border-radius: 4px;
        position: relative;
        line-height: 1.6em;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none;
        outline: 0
    }

    .k-breadcrumb .k-breadcrumb-root-link {
        margin-right: 8px
    }

    .k-breadcrumb .k-breadcrumb-icon-link {
        padding: 8px 8px
    }

    .k-breadcrumb .k-breadcrumb-icontext-link .k-icon {
        margin-right: 8px
    }

    .k-breadcrumb .k-breadcrumb-delimiter-icon {
        font-size: 12px
    }

    .k-breadcrumb .k-breadcrumb-input-container, .k-breadcrumb .k-breadcrumb-input-container .k-textbox {
        width: 100%;
        height: 100%
    }

.k-no-flexbox .k-breadcrumb, .k-no-flexbox .k-breadcrumb-container {
    display: block
}

.k-no-flexbox .k-breadcrumb-item {
    display: inline-block
}

.k-listgroup {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    font: inherit;
    line-height: 1.42857143;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

    .k-listgroup > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .k-listgroup .k-listgroup-item + .k-listgroup-item {
        border-top-width: 1px
    }

.k-listgroup-flush {
    border-left-width: 0;
    border-right-width: 0
}

.k-listgroup-item {
    padding: .5em 1em;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

    .k-listgroup-item > .k-link {
        margin: -.5em -1em;
        padding: .5em 1em;
        color: inherit;
        text-decoration: none;
        outline: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative
    }

        .k-listgroup-item > .k-link > .k-select {
            padding: .5em;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.k-listgroup-item-segmented {
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-listgroup-item-segmented > .k-link {
        margin-right: 0
    }

    .k-listgroup-item-segmented > .k-select {
        margin: -.5em -1em -.5em 0;
        padding: .5em;
        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: inherit;
        cursor: pointer
    }

.k-listgroup-form-row {
    margin: -.5em -1em;
    padding: .5em 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

    .k-listgroup-form-row .k-listgroup-form-field-label {
        width: 40%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .k-listgroup-form-row .k-listgroup-form-field-wrapper {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
        position: relative
    }

        .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=text], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=number], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=password], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=date], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=time], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=datetime-local], .k-listgroup-form-row .k-listgroup-form-field-wrapper select {
            width: 100%;
            box-sizing: border-box;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }

.k-listgroup-item.k-listgroup-form-row {
    margin: 0
}

.k-rtl .k-listgroup-item > .k-link > .k-select, [dir=rtl] .k-listgroup-item > .k-link > .k-select {
    right: auto;
    left: 0
}

    .k-rtl .k-listgroup-item > .k-link > .k-select .k-icon, [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-icon {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.k-rtl .k-listgroup-item-segmented > .k-link, [dir=rtl] .k-listgroup-item-segmented > .k-link {
    margin-right: -1em;
    margin-left: 0
}

.k-rtl .k-listgroup-item-segmented > .k-select, [dir=rtl] .k-listgroup-item-segmented > .k-select {
    margin-right: 0;
    margin-left: -1em;
    border-right-width: 1px;
    border-left-width: 0
}

    .k-rtl .k-listgroup-item-segmented > .k-select .k-icon, [dir=rtl] .k-listgroup-item-segmented > .k-select .k-icon {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup-item > .k-link, .k-noflexbox .k-listgroup > ul .k-listgroup-item {
    display: block
}

.k-messagebox {
    margin: 0 0 16px 0;
    padding: 4px 8px;
    border-width: 0 0 0 4px;
    border-style: solid;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143
}

    .k-messagebox a {
        color: inherit;
        font-style: italic;
        text-decoration: underline
    }

.k-badge {
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    font: inherit;
    text-align: center;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

    .k-badge > * {
        color: inherit
    }

    .k-badge > a, a.k-badge {
        text-decoration: none
    }

        .k-badge > a:hover, a.k-badge:hover {
            text-decoration: underline
        }

.k-badge-icon {
    max-width: 1em;
    max-height: 1em;
    font-size: inherit
}

    .k-badge-icon.k-svg-icon svg {
        fill: currentColor
    }

.k-badge-sm {
    padding: 2px 2px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1
}

    .k-badge-sm:empty {
        padding: 2px
    }

.k-badge-md {
    padding: 4px 4px;
    border-width: 1px;
    font-size: 10px;
    line-height: 1
}

    .k-badge-md:empty {
        padding: 4px
    }

.k-badge-lg {
    padding: 6px 6px;
    border-width: 1px;
    font-size: 12px;
    line-height: 1
}

    .k-badge-lg:empty {
        padding: 6px
    }

.k-badge-rounded.k-badge-sm {
    border-radius: 1px
}

.k-badge-rounded.k-badge-md {
    border-radius: 2px
}

.k-badge-rounded.k-badge-lg {
    border-radius: 4px
}

.k-badge-pill {
    border-radius: 5rem
}

.k-badge-circle {
    padding: 0 !important;
    border-radius: 100%
}

    .k-badge-circle.k-badge-sm {
        width: calc(1em + 6px);
        height: calc(1em + 6px)
    }

    .k-badge-circle.k-badge-md {
        width: calc(1em + 10px);
        height: calc(1em + 10px)
    }

    .k-badge-circle.k-badge-lg {
        width: calc(1em + 14px);
        height: calc(1em + 14px)
    }

.k-badge-dot {
    padding: 0 !important;
    border-radius: 100%;
    font-size: 0
}

    .k-badge-dot.k-badge-sm {
        width: 6px;
        height: 6px
    }

    .k-badge-dot.k-badge-md {
        width: 10px;
        height: 10px
    }

    .k-badge-dot.k-badge-lg {
        width: 12px;
        height: 12px
    }

.k-badge-container {
    position: relative;
    overflow: visible
}

.k-badge-inside {
    position: absolute;
    z-index: 9999
}

.k-badge-edge {
    position: absolute;
    z-index: 9999
}

    .k-badge-edge.k-top-start {
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .k-badge-edge.k-top-end {
        -webkit-transform: translate(50%,-50%);
        -ms-transform: translate(50%,-50%);
        transform: translate(50%,-50%)
    }

    .k-badge-edge.k-bottom-start {
        -webkit-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    .k-badge-edge.k-bottom-end {
        -webkit-transform: translate(50%,50%);
        -ms-transform: translate(50%,50%);
        transform: translate(50%,50%)
    }

.k-rtl .k-badge-edge.k-top-start, [dir=rtl] .k-badge-edge.k-top-start, [dir=rtl].k-badge-edge.k-top-start {
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.k-rtl .k-badge-edge.k-top-end, [dir=rtl] .k-badge-edge.k-top-end, [dir=rtl].k-badge-edge.k-top-end {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.k-rtl .k-badge-edge.k-bottom-start, [dir=rtl] .k-badge-edge.k-bottom-start, [dir=rtl].k-badge-edge.k-bottom-start {
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.k-rtl .k-badge-edge.k-bottom-end, [dir=rtl] .k-badge-edge.k-bottom-end, [dir=rtl].k-badge-edge.k-bottom-end {
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.k-badge-outside {
    position: absolute;
    z-index: 9999
}

    .k-badge-outside.k-top-start {
        -webkit-transform: translate(-100%,-100%);
        -ms-transform: translate(-100%,-100%);
        transform: translate(-100%,-100%)
    }

    .k-badge-outside.k-top-end {
        -webkit-transform: translate(100%,-100%);
        -ms-transform: translate(100%,-100%);
        transform: translate(100%,-100%)
    }

    .k-badge-outside.k-bottom-start {
        -webkit-transform: translate(-100%,100%);
        -ms-transform: translate(-100%,100%);
        transform: translate(-100%,100%)
    }

    .k-badge-outside.k-bottom-end {
        -webkit-transform: translate(100%,100%);
        -ms-transform: translate(100%,100%);
        transform: translate(100%,100%)
    }

.k-rtl .k-badge-outside.k-top-start, [dir=rtl] .k-badge-outside.k-top-start, [dir=rtl].k-badge-outside.k-top-start {
    -webkit-transform: translate(100%,-100%);
    -ms-transform: translate(100%,-100%);
    transform: translate(100%,-100%)
}

.k-rtl .k-badge-outside.k-top-end, [dir=rtl] .k-badge-outside.k-top-end, [dir=rtl].k-badge-outside.k-top-end {
    -webkit-transform: translate(-100%,-100%);
    -ms-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%)
}

.k-rtl .k-badge-outside.k-bottom-start, [dir=rtl] .k-badge-outside.k-bottom-start, [dir=rtl].k-badge-outside.k-bottom-start {
    -webkit-transform: translate(100%,100%);
    -ms-transform: translate(100%,100%);
    transform: translate(100%,100%)
}

.k-rtl .k-badge-outside.k-bottom-end, [dir=rtl] .k-badge-outside.k-bottom-end, [dir=rtl].k-badge-outside.k-bottom-end {
    -webkit-transform: translate(-100%,100%);
    -ms-transform: translate(-100%,100%);
    transform: translate(-100%,100%)
}

.k-checkbox {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    line-height: initial;
    border-width: 1px;
    background: #dedede;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

    .k-checkbox::before {
        content: "\e118";
        width: 12px;
        height: 12px;
        font-size: 12px;
        font-family: WebComponentsIcons,monospace;
        -webkit-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        transform: scale(0) translate(-50%,-50%);
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .k-checkbox:hover {
        cursor: pointer
    }

    .k-checkbox:checked::before {
        -webkit-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%)
    }

    .k-checkbox.k-state-indeterminate::before, .k-checkbox:indeterminate::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: currentColor;
        -webkit-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%)
    }

    .k-checkbox:disabled, .k-checkbox:disabled + .k-checkbox-label {
        opacity: .6;
        -webkit-filter: grayscale(.8);
        filter: grayscale(.8);
        cursor: default
    }

.k-radio, input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden
}

.k-checkbox + .k-checkbox-label {
    display: inline
}

.k-checkbox-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    -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: 14px;
    text-align: center;
    content: " "
}

.k-checkbox-label, .k-radio-label {
    display: inline-block !important;
    position: relative;
    padding-left: 18px;
    vertical-align: text-top;
    line-height: 16px;
    cursor: pointer;
    border-style: solid;
    border-width: 0
}

    .k-checkbox-label:empty {
        display: none
    }

    .k-checkbox-label.k-no-text {
        min-width: 1px
    }

    .k-checkbox-label .k-ripple {
        visibility: hidden !important
    }

    .k-checkbox + .k-checkbox-label, .k-checkbox-label + .k-checkbox {
        margin-left: 4px
    }

    .k-checkbox-label > .k-checkbox {
        margin-right: 4px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-checkbox-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .k-checkbox-list .k-checkbox-item {
        margin-top: 16px
    }

        .k-checkbox-list .k-checkbox-item:first-child {
            margin-top: 0
        }

.k-list-horizontal .k-checkbox-item {
    display: inline-block;
    margin: 0 32px 0 0
}

    .k-list-horizontal .k-checkbox-item:last-child {
        margin-right: 0
    }

.k-rtl .k-checkbox + .k-checkbox-label, [dir=rtl] .k-checkbox + .k-checkbox-label {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-checkbox-label > .k-checkbox, [dir=rtl] .k-checkbox-label > .k-checkbox {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-list-horizontal .k-checkbox-item, [dir=rtl] .k-list-horizontal .k-checkbox-item {
    margin-right: 0;
    margin-left: 32px
}

    .k-rtl .k-list-horizontal .k-checkbox-item:last-child, [dir=rtl] .k-list-horizontal .k-checkbox-item:last-child {
        margin-left: 0
    }

.k-checkbox::-ms-check {
    border-width: 0;
    border-color: inherit;
    border-radius: inherit;
    color: inherit;
    background-color: inherit
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .k-checkbox::-ms-check {
        border-width: 1px
    }
}

.k-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden
}

    .k-radio::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-width: 1px;
        border-style: solid;
        width: 14px;
        height: 14px;
        font-size: 14px;
        line-height: 14px;
        text-align: center
    }

    .k-radio:hover {
        cursor: pointer
    }

    .k-radio:checked::before {
        -webkit-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%)
    }

    .k-radio:disabled, .k-radio:disabled + .k-radio-label {
        opacity: .6;
        -webkit-filter: grayscale(.8);
        filter: grayscale(.8);
        cursor: default
    }

    .k-radio + .k-radio-label {
        display: inline
    }

.k-radio-label {
    display: inline-block;
    position: relative;
    padding-left: 18px;
    vertical-align: text-top;
    line-height: 16px;
    cursor: pointer;
    border-style: solid;
    border-width: 0
}

    .k-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-style: solid
    }

    .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-radio-label.k-no-text, .k-radio-label:empty {
    display: none
}

.k-radio-label .k-ripple {
    display: none !important
}

.k-radio + .k-radio-label, .k-radio-label + .k-radio {
    margin-left: 4px
}

.k-radio-label > .k-radio {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-radio-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .k-radio-list .k-radio-item {
        margin-top: 16px
    }

        .k-radio-list .k-radio-item:first-child {
            margin-top: 0
        }

.k-list-horizontal .k-radio-item {
    display: inline-block;
    margin: 0 32px 0 0
}

    .k-list-horizontal .k-radio-item:last-child {
        margin-right: 0
    }

.k-rtl .k-radio + .k-radio-label, .k-rtl .k-radio-label + .k-radio, [dir=rtl] .k-radio + .k-radio-label, [dir=rtl] .k-radio-label + .k-radio {
    margin-left: 0;
    margin-right: 4px
}

.k-rtl .k-radio-label > .k-radio, [dir=rtl] .k-radio-label > .k-radio {
    margin-right: 0;
    margin-left: 4px
}

.k-rtl .k-list-horizontal .k-radio-item, [dir=rtl] .k-list-horizontal .k-radio-item {
    margin-right: 0;
    margin-left: 32px
}

    .k-rtl .k-list-horizontal .k-radio-item:last-child, [dir=rtl] .k-list-horizontal .k-radio-item:last-child {
        margin-left: 0
    }

.k-radio::-ms-check {
    border-width: 0;
    border-color: inherit;
    color: inherit;
    background-color: inherit
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .k-radio::-ms-check {
        border-width: 1px
    }
}

.k-filemanager {
    border-width: 1px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.k-filemanager-header {
    border-color: inherit
}

.k-filemanager-toolbar {
    border-width: 0;
    border-bottom-width: 1px;
    border-color: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-filemanager-search-tool {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.k-filemanager-content-container {
    border-color: inherit;
    box-sizing: border-box;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.k-filemanager-navigation {
    width: 20%;
    border-width: 0;
    border-right-width: 1px;
    border-style: solid;
    border-color: inherit;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

    .k-filemanager-navigation > .k-treeview {
        padding: 16px 16px;
        height: 100%;
        box-sizing: border-box
    }

.k-filemanager-treeview > .k-group > .k-item {
    padding: 0
}

.k-filemanager-content {
    border-color: inherit;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.k-filemanager-breadcrumb {
    border-width: 0;
    border-bottom-width: 1px;
    padding: 8px 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-filemanager-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .k-filemanager-view > .k-filemanager-grid, .k-filemanager-view > .k-filemanager-listview {
        border-width: 0
    }

.k-filemanager-listview {
    height: 100%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow: auto
}

    .k-filemanager-listview .k-listview-item {
        padding: 16px 16px;
        width: 120px;
        height: 120px;
        text-align: center
    }

    .k-filemanager-listview .k-file-preview {
        height: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center
    }

    .k-filemanager-listview .k-file-icon {
        font-size: 48px
    }

    .k-filemanager-listview .k-file-image {
        max-width: 100%;
        max-height: 48px;
        display: block
    }

    .k-filemanager-listview .k-file-name {
        margin-top: 8px;
        display: block;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .k-filemanager-listview .k-file-size {
        margin-top: 8px;
        display: block;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .k-filemanager-listview .k-edit-item .k-textbox {
        width: 100%
    }

.k-filemanager-grid {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

    .k-filemanager-grid .k-file-preview {
        margin-right: 4px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        vertical-align: middle
    }

    .k-filemanager-grid .k-file-name {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        vertical-align: middle
    }

.k-filemanager-preview {
    padding: 48px 16px 16px;
    width: 20%;
    min-height: 304px;
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: inherit;
    box-sizing: border-box;
    text-align: center;
    overflow-x: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .k-filemanager-preview .k-file-preview {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center
    }

    .k-filemanager-preview .k-file-icon {
        font-size: 96px
    }

    .k-filemanager-preview .k-file-name {
        margin-top: 16px;
        display: block
    }

    .k-filemanager-preview .k-single-file-selected {
        font-weight: 700
    }

    .k-filemanager-preview .k-multiple-files-selected {
        font-weight: 700
    }

    .k-filemanager-preview .k-file-size {
        font-size: inherit;
        line-height: normal
    }

    .k-filemanager-preview .k-file-meta {
        margin: 16px 0 0;
        box-sizing: border-box;
        text-align: start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .k-filemanager-preview .k-file-meta-label {
        display: inline-block
    }

    .k-filemanager-preview .k-file-meta-value {
        margin: 0
    }

    .k-filemanager-preview .k-file-type {
        text-transform: capitalize
    }

    .k-filemanager-preview .k-line-break {
        margin: 16px 0 0;
        width: 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

.k-filemanager-resizable .k-filemanager-navigation, .k-filemanager-resizable .k-filemanager-preview {
    border-width: 0
}

.k-filemanager .k-splitbar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.k-filemanager .k-splitbar-horizontal {
    width: 6px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

    .k-filemanager .k-splitbar-horizontal .k-resize-handle {
        width: 2px
    }

.k-filemanager-upload-dialog .k-upload-files {
    max-height: 200px;
    overflow-y: auto
}

.k-filemanager-drag-hint {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-filemanager-drag-hint .k-icon {
        margin-right: 4px
    }

.k-window {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    line-height: 1.42857143;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 10001
}

    .k-window .k-overlay {
        position: absolute;
        opacity: 0
    }

    .k-window.k-window-maximized {
        border-radius: 0;
        box-shadow: none
    }

        .k-window.k-window-maximized .k-window-content, .k-window.k-window-maximized .k-window-titlebar {
            border-radius: 0
        }

.k-window-sm {
    width: 300px
}

.k-window-md {
    width: 800px
}

.k-window-lg {
    width: 1200px
}

.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-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis
}

    .k-window-title::before {
        content: "";
        display: inline-block
    }

.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap
}

.k-window-titlebar .k-window-action {
    width: 22px;
    height: 22px;
    padding: 2px
}

    .k-window-titlebar .k-window-action:hover {
        opacity: 1
    }

    .k-window-titlebar .k-window-action .k-icon {
        opacity: 1
    }

.k-window-action .k-icon {
    margin: 0;
    vertical-align: top
}

.k-prompt-container, .k-window-content {
    padding: 12px 12px;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    outline: 0
}

    .k-window-content + .k-prompt-container {
        margin-top: -12px
    }

    .k-prompt-container .k-textbox {
        width: 100%
    }

.k-window-iframecontent {
    padding: 0;
    overflow: visible
}

    .k-window-iframecontent .k-content-frame {
        vertical-align: top;
        border: 0;
        width: 100%;
        height: 100%
    }

.k-window-content > .km-scroll-container {
    height: 100%
}

.k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    opacity: 0;
    zoom: 1
}

.k-resize-n {
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.k-resize-e {
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.k-resize-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.k-resize-w {
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.k-resize-se {
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    cursor: se-resize
}

.k-resize-sw {
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    cursor: sw-resize
}

.k-resize-ne {
    top: 0;
    right: 0;
    width: 6px;
    height: 6px;
    cursor: ne-resize
}

.k-resize-nw {
    top: 0;
    left: 0;
    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;
    opacity: .5;
    -webkit-backface-visibility: hidden
}

.k-window-content > .k-action-buttons, .k-window > .k-action-buttons {
    border-width: 1px 0 0;
    border-style: solid
}

.k-ie9 .k-window-content {
    height: calc(100% - 1.25em - 16px);
    border-radius: 0
}

.k-ie9 .k-window-title, .k-ie9 .k-window-titlebar .k-window-actions {
    display: inline-block
}

.k-rtl .k-window-titlebar .k-window-actions {
    right: auto;
    left: 6px
}

.k-dialog {
    min-width: 90px;
    min-height: 3em;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    position: fixed;
    overflow: hidden
}

.k-dialog-centered {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

.k-dialog-titleless .k-dialog-close {
    position: absolute;
    z-index: 9999;
    top: 4px;
    right: 4px
}

.k-dialog-titleless .k-dialog-content {
    padding: 2.4em
}

.k-dialog-buttongroup {
    margin: 0;
    padding: 6px 6px;
    width: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    box-sizing: border-box
}

    .k-dialog-buttongroup .k-button {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        text-overflow: ellipsis;
        box-sizing: border-box
    }

.k-rtl .k-dialog-titleless .k-dialog-close, .k-rtl.k-dialog-titleless .k-dialog-close {
    right: auto;
    left: 4px
}

.k-stepper {
    margin: 0 0;
    padding: 0 0;
    border-width: 0;
    border-style: solid;
    font-size: 14px;
    line-height: 1.42857143;
    position: relative;
    color: inherit;
    background: 0 0;
    box-shadow: none
}

    .k-stepper .k-step-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        z-index: 1
    }

    .k-stepper .k-step-link {
        outline: 0;
        text-decoration: none;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

    .k-stepper .k-step-disabled {
        pointer-events: none
    }

        .k-stepper .k-step-disabled .k-step-link {
            cursor: default
        }

    .k-stepper .k-step-indicator {
        border-radius: 50%;
        margin: 3px;
        width: 28px;
        height: 28px;
        border-width: 1px;
        border-style: solid;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        overflow: visible;
        transition-property: color,background-color,border-color;
        transition-duration: .4s;
        transition-timing-function: ease-in-out
    }

        .k-stepper .k-step-indicator::after {
            border-radius: 100%;
            content: "";
            border-width: 1px;
            border-style: solid;
            border-color: inherit;
            pointer-events: none;
            display: none;
            position: absolute;
            top: -4px;
            right: -4px;
            bottom: -4px;
            left: -4px;
            z-index: 2
        }

    .k-stepper .k-step-focus .k-step-indicator::after, .k-stepper .k-step-link:focus .k-step-indicator::after {
        display: block
    }

    .k-stepper .k-step-label {
        max-width: 10em;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1
    }

        .k-stepper .k-step-label:only-child {
            border-radius: 15px;
            padding: 5px 12px;
            border-width: 0
        }

        .k-stepper .k-step-label .k-step-text {
            max-width: calc(10em - 20px);
            -ms-flex-positive: 1;
            flex-grow: 1;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .k-stepper .k-step-label .k-icon {
            margin-left: 4px
        }

    .k-stepper .k-step-current .k-step-label, .k-stepper .k-step-hover .k-step-label, .k-stepper .k-step:hover .k-step-label {
        font-weight: 700
    }

    .k-stepper .k-step-label .k-step-label-optional {
        font-style: italic;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .k-stepper .k-progressbar {
        position: absolute;
        pointer-events: none;
        z-index: 0
    }

.k-step-list-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

    .k-step-list-horizontal .k-step {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .k-step-list-horizontal .k-step-link {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .k-step-list-horizontal .k-step-label {
        text-align: center
    }

    .k-step-list-horizontal .k-step-indicator + .k-step-label {
        margin-top: 5px
    }

    .k-step-list-horizontal ~ .k-progressbar {
        width: 100%;
        height: 2px;
        top: 16px
    }

.k-step-list-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-step-list-vertical .k-step {
        min-height: 54px
    }

    .k-step-list-vertical .k-step-label {
        text-align: left
    }

    .k-step-list-vertical .k-step-indicator + .k-step-label {
        margin-left: 12px
    }

    .k-step-list-vertical ~ .k-progressbar {
        width: 2px;
        height: 100%;
        min-height: 20px;
        left: 17px
    }

    .k-step-list-vertical .k-step-content {
        height: 0;
        overflow: hidden;
        transition: height .3s cubic-bezier(.4,0,.2,1) 0s
    }

    .k-step-list-vertical .k-step-current .k-step-content {
        height: auto;
        overflow: visible;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 30px;
        padding: 20px 10px
    }

.k-rtl .k-stepper, .k-stepper[dir=rtl] {
    direction: rtl
}

    .k-rtl .k-stepper .k-step-label .k-icon, .k-stepper[dir=rtl] .k-step-label .k-icon {
        margin-left: 0;
        margin-right: 4px
    }

    .k-rtl .k-stepper .k-step-list-vertical .k-step-indicator + .k-step-label, .k-stepper[dir=rtl] .k-step-list-vertical .k-step-indicator + .k-step-label {
        margin-left: 0;
        margin-right: 12px
    }

    .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar, .k-stepper[dir=rtl] .k-step-list-vertical ~ .k-progressbar {
        left: auto;
        right: 17px
    }

.k-wizard {
    padding: 16px 16px;
    border-width: 0;
    font-size: inherit;
    line-height: 1.42857143;
    position: relative;
    color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    background: 0 0
}

    .k-wizard .k-stepper .k-step-list-vertical .k-step {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .k-wizard .k-stepper .k-step-indicator {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.k-wizard-steps {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.k-wizard-step {
    padding: 10px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .k-wizard-step.k-state-focused, .k-wizard-step:focus {
        outline-width: 1px;
        outline-style: dotted;
        outline-offset: -1px
    }

.k-wizard-content {
    overflow-y: auto
}

.k-wizard-buttons {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .k-wizard-buttons .k-button {
        margin-right: 8px
    }

    .k-wizard-buttons .k-wizard-pager {
        vertical-align: middle
    }

.k-wizard-buttons-right .k-button:last-of-type {
    margin-right: 0
}

.k-wizard-horizontal {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-wizard-horizontal .k-wizard-steps {
        margin-top: 32px
    }

    .k-wizard-horizontal .k-wizard-content, .k-wizard-horizontal .k-wizard-steps {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

.k-wizard-vertical .k-wizard-steps {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.k-wizard-vertical .k-wizard-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.k-wizard-vertical .k-wizard-steps {
    margin-left: 32px
}

.k-wizard-left {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .k-wizard-left .k-wizard-steps {
        margin-right: 32px;
        margin-left: 0
    }

.k-textarea {
    border-radius: 4px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    line-height: 1.42857143;
    box-sizing: border-box;
    box-shadow: none;
    background: 0 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none
}

    .k-textarea::-ms-clear {
        display: none
    }

    .k-textarea > .k-input {
        padding: 0;
        margin: 0;
        width: 100%;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        color: inherit;
        background: 0 0;
        font: inherit;
        display: inline-block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-appearance: none
    }

        .k-textarea > .k-input::-ms-clear {
            display: none
        }

    .k-textarea.k-state-disabled, .k-textarea:disabled, .k-textarea[disabled] {
        outline: 0;
        cursor: default;
        opacity: .6;
        -webkit-filter: grayscale(.1);
        filter: grayscale(.1);
        pointer-events: none;
        box-shadow: none
    }

textarea.k-textarea {
    background-clip: padding-box;
    padding: 4px 8px;
    width: 18em;
    min-height: calc(1.42857143em + 10px);
    display: inline-block;
    resize: both
}

.k-textarea > .k-input {
    background-clip: padding-box;
    padding: 4px 8px;
    width: 18em;
    min-height: calc(1.42857143em + 10px);
    overflow-y: auto;
    resize: both
}

.k-floating-label-container > .k-textarea, .k-textbox-container > .k-textarea {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto
}

.k-ie .k-textarea > .k-input {
    background-clip: border-box
}

.k-ie textarea.k-textarea {
    background-clip: border-box
}

.k-editor {
    border-style: solid;
    border-width: 1px;
    font-size: 100%;
    vertical-align: top;
    position: relative
}

    .k-editor .k-editor-content, .k-editor iframe.k-content, .k-editor > .k-content {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border: 0;
        box-sizing: border-box;
        background: 0 0;
        display: block
    }

table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0
}

    table.k-editor tbody, table.k-editor td, table.k-editor tr {
        border-color: inherit
    }

    table.k-editor .k-editable-area {
        color: #000;
        background: #fff
    }

.k-editor-inline {
    padding: .3em .5em;
    background: 0 0;
    word-wrap: break-word;
    overflow: auto;
    position: relative
}

    .k-editor-inline.k-editor {
        border: 1px solid transparent
    }

.k-window.k-editor-widget {
    min-height: 0
}

.editorToolbarWindow {
    padding: 4px 4px;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

    .editorToolbarWindow .k-editor-toolbar {
        padding: 0;
        border-width: 0;
        background: 0 0
    }

.k-editortoolbar-dragHandle {
    margin: 0 4px 0 0;
    padding: 0;
    position: relative;
    cursor: move;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center
}

.k-editor-toolbar {
    border-width: 0 0 1px 0;
    border-color: inherit
}

    .k-editor-toolbar .k-tool-group .k-colorpicker ~ .k-colorpicker, .k-editor-toolbar .k-tool-group .k-widget ~ .k-widget {
        -webkit-margin-start: 4px;
        margin-inline-start: 4px
    }

    .k-editor-toolbar .k-tool-group > .k-tool {
        padding: 4px;
        width: calc(1.4285714286em + 10px);
        height: calc(1.4285714286em + 10px)
    }

    .k-editor-toolbar .k-tool-text {
        display: none
    }

    .k-editor-toolbar .k-overflow-tools {
        margin: 0;
        border-color: inherit;
        visibility: hidden;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .k-editor-toolbar .k-overflow-anchor {
        position: relative
    }

    .k-editor-toolbar .k-break, .k-editor-toolbar .k-row-break {
        display: block;
        height: 1px;
        font-size: 0;
        line-height: 0
    }

    .k-editor-toolbar .k-editor-export .k-icon {
        margin-right: .25em;
        margin-top: -.25em
    }

.k-editable-area {
    width: 100%;
    height: 100%;
    outline: 0
}

.k-resizable .k-editable-area {
    padding-bottom: 16px
}

.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-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-button-wrapper .k-link:hover {
    text-decoration: underline
}

.k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em
}

    .k-ct-popup .k-button {
        width: 100%
    }

    .k-ct-popup .k-status {
        margin: .3em 0
    }

    .k-ct-popup .k-ct-cell {
        border-width: 1px;
        border-style: solid;
        width: 18px;
        height: 18px;
        margin: 1px;
        vertical-align: top;
        display: inline-block;
        overflow: hidden;
        pointer-events: all;
        -ms-high-contrast-adjust: none
    }

.k-editor .k-resize-handle {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize
}

    .k-editor .k-resize-handle .k-icon {
        vertical-align: bottom
    }

.k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.k-editor-inline .k-element-resize-handle-wrapper {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 100
}

    .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle {
        width: 100%;
        height: 100%
    }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-east {
            cursor: e-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-north {
            cursor: n-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northeast {
            cursor: ne-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northwest {
            cursor: nw-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-south {
            cursor: s-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southeast {
            cursor: se-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southwest {
            cursor: sw-resize
        }

        .k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-west {
            cursor: w-resize
        }

.k-editor-inline .k-column-resize-handle-wrapper {
    position: absolute;
    height: 10px;
    width: 10px;
    cursor: col-resize;
    z-index: 2
}

    .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle {
        width: 100%;
        height: 100%
    }

        .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker {
            width: 2px;
            height: 100%;
            margin: 0 auto;
            background-color: #00b0ff;
            display: none;
            opacity: .8
        }

.k-editor-inline .k-table {
    width: 100%;
    border-spacing: 0;
    margin: 0 0 1em
}

    .k-editor-inline .k-table, .k-editor-inline .k-table td {
        outline: 0;
        border: 1px dotted #ccc
    }

        .k-editor-inline .k-table td {
            min-width: 1px;
            padding: .2em .3em
        }

.k-table.k-element-resizing {
    opacity: .6
}

.k-editor-inline .k-row-resize-handle-wrapper {
    position: absolute;
    z-index: 2;
    cursor: row-resize;
    width: 10px;
    height: 10px
}

    .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle {
        display: table;
        width: 100%;
        height: 100%
    }

    .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper {
        display: table-cell;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        vertical-align: middle
    }

    .k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker {
        display: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 2px;
        background-color: #00b0ff;
        opacity: .8
    }

.k-viewhtml-dialog {
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .k-viewhtml-dialog .k-editor-textarea {
        margin: 1em;
        padding: .17857143em .17857143em;
        width: calc(100% - 2em);
        height: 100%;
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box;
        font: inherit;
        font-family: consolas,monospace;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow: auto;
        resize: none
    }

    .k-viewhtml-dialog .k-edit-buttons {
        text-align: right;
        border-width: 1px 0 0;
        border-style: solid;
        position: relative;
        bottom: -1em;
        padding: .6em
    }

        .k-viewhtml-dialog .k-edit-buttons .k-button {
            margin-right: .5em
        }

.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    overflow: hidden;
    min-width: 325px;
    width: 24em;
    padding: 1em 0
}

.k-editor-dialog .k-edit-form-container {
    width: auto
}

.k-editor-dialog .k-tabstrip {
    margin: -1.333em 0 0
}

.k-editor-dialog .k-root-tabs {
    margin: -1em -1em -1.5em;
    padding: .5em 1em 0;
    border-width: 0
}

.k-editor-dialog ul.k-tabstrip-items {
    padding: .5em 1em 0;
    border-width: 0 0 1px;
    border-style: solid
}

    .k-editor-dialog ul.k-tabstrip-items .k-loading {
        border-top-width: 0
    }

.k-editor-dialog .k-tabstrip:focus {
    box-shadow: none
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    overflow: hidden;
    min-height: 440px;
    height: 35em;
    margin: 0;
    padding: 1em .5em 0;
    border-width: 0
}

.k-editor-dialog .k-edit-field .k-numerictextbox {
    width: 10.6em;
    margin: 0 .35714285em 0 0
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
    width: 4em
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox {
    width: 15em
}

.k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
    width: 5.35714285em
}

.k-editor-dialog textarea.k-textbox {
    height: 14.28571428em
}

    .k-editor-dialog textarea.k-textbox.k-editor-accessibility-summary {
        height: auto
    }

.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
    width: 4em
}

.k-popup.k-list-container.k-align {
    padding: 0;
    text-align: center
}

.k-align-group {
    vertical-align: text-top
}

.k-popup.k-align .k-list .k-item {
    display: inline-block;
    width: 2.57142857em;
    height: 2.57142857em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0
}

.k-popup.k-align .k-list .k-icon {
    vertical-align: bottom;
    vertical-align: -webkit-baseline-middle
}

.k-popup.k-align .k-list .k-item:last-child {
    width: auto;
    display: block;
    border-width: 1px 0 0;
    border-style: solid
}

.k-popup.k-align .k-list .k-item:before {
    width: 2.57142857em;
    height: 2.57142857em;
    line-height: 2.57142857em
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
    padding: 1em .8em;
    margin: .5em 0 0
}

.k-appbar {
    padding: 8px 16px;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .k-appbar > * {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .k-appbar .k-appbar-section {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center
    }

    .k-appbar .k-appbar-spacer {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .k-appbar .k-appbar-spacer-sized {
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .k-appbar .k-appbar-separator {
        margin: 0;
        width: 0;
        min-height: 1em;
        border-style: solid;
        border-width: 0 0 0 1px;
        display: inline-block
    }

.k-appbar-static {
    position: static
}

.k-appbar-sticky {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1
}

.k-appbar-fixed {
    width: 100%;
    position: fixed;
    z-index: 1
}

.k-appbar-top {
    top: 0;
    bottom: auto
}

.k-appbar-bottom {
    top: auto;
    bottom: 0
}

    .k-appbar-bottom.k-appbar-fixed {
        bottom: 0
    }

.k-ie {
    background-clip: border-box
}

.k-loader {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border-width: 0;
    box-shadow: none;
    line-height: 0
}

.k-widget.k-loader {
    background: 0 0;
    box-shadow: none
}

.k-loader-canvas {
    position: relative
}

.k-loader-segment {
    position: absolute;
    display: inline-block
}

    .k-loader-segment::after {
        content: "";
        display: block;
        border-radius: 50%
    }

.k-loader-sm {
    padding: 3px
}

    .k-loader-sm .k-loader-segment::after {
        width: 6px;
        height: 6px
    }

.k-loader-md {
    padding: 5px
}

    .k-loader-md .k-loader-segment::after {
        width: 10px;
        height: 10px
    }

.k-loader-lg {
    padding: 10px
}

    .k-loader-lg .k-loader-segment::after {
        width: 20px;
        height: 20px
    }

.k-loader-pulsing-2 .k-loader-segment {
    position: relative
}

    .k-loader-pulsing-2 .k-loader-segment:nth-child(1) {
        -webkit-animation: pulsing-2-first-child 1s ease infinite;
        animation: pulsing-2-first-child 1s ease infinite
    }

    .k-loader-pulsing-2 .k-loader-segment:nth-child(2) {
        -webkit-animation: pulsing-2-second-child 1s ease infinite;
        animation: pulsing-2-second-child 1s ease infinite
    }

.k-loader-pulsing-2.k-loader-sm .k-loader-segment:first-child {
    margin-right: 1.5px
}

.k-loader-pulsing-2.k-loader-sm .k-loader-segment:last-child {
    margin-left: 1.5px
}

.k-loader-pulsing-2.k-loader-md .k-loader-segment:first-child {
    margin-right: 2.5px
}

.k-loader-pulsing-2.k-loader-md .k-loader-segment:last-child {
    margin-left: 2.5px
}

.k-loader-pulsing-2.k-loader-lg .k-loader-segment:first-child {
    margin-right: 5px
}

.k-loader-pulsing-2.k-loader-lg .k-loader-segment:last-child {
    margin-left: 5px
}

.k-loader-spinner-3 .k-loader-segment:nth-child(1) {
    -webkit-animation: spinner-3-first-child 2s ease infinite;
    animation: spinner-3-first-child 2s ease infinite
}

.k-loader-spinner-3 .k-loader-segment:nth-child(2) {
    -webkit-animation: spinner-3-second-child 2s ease infinite;
    animation: spinner-3-second-child 2s ease infinite
}

.k-loader-spinner-3 .k-loader-segment:nth-child(3) {
    -webkit-animation: spinner-3-third-child 2s ease infinite;
    animation: spinner-3-third-child 2s ease infinite
}

.k-loader-spinner-3.k-loader-sm .k-loader-canvas {
    width: 24px;
    height: 20px
}

.k-loader-spinner-3.k-loader-md .k-loader-canvas {
    width: 40px;
    height: 34px
}

.k-loader-spinner-3.k-loader-lg .k-loader-canvas {
    width: 80px;
    height: 65px
}

.k-loader-spinner-4 .k-loader-canvas {
    -webkit-animation: spinner-4 1.833s ease infinite;
    animation: spinner-4 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(1) {
    -webkit-animation: spinner-4-first-child 1.833s ease infinite;
    animation: spinner-4-first-child 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(2) {
    -webkit-animation: spinner-4-second-child 1.833s ease infinite;
    animation: spinner-4-second-child 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(3) {
    -webkit-animation: spinner-4-third-child 1.833s ease infinite;
    animation: spinner-4-third-child 1.833s ease infinite
}

.k-loader-spinner-4 .k-loader-segment:nth-child(4) {
    -webkit-animation: spinner-4-fourth-child 1.833s ease infinite;
    animation: spinner-4-fourth-child 1.833s ease infinite
}

.k-loader-spinner-4.k-loader-sm .k-loader-canvas {
    width: 24px;
    height: 24px
}

.k-loader-spinner-4.k-loader-md .k-loader-canvas {
    width: 40px;
    height: 40px
}

.k-loader-spinner-4.k-loader-lg .k-loader-canvas {
    width: 80px;
    height: 80px
}

@-webkit-keyframes pulsing-2-first-child {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsing-2-first-child {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pulsing-2-second-child {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes pulsing-2-second-child {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes spinner-3-first-child {
    0% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    100% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@keyframes spinner-3-first-child {
    0% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    100% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@-webkit-keyframes spinner-3-second-child {
    0% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    66.6% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    100% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
}

@keyframes spinner-3-second-child {
    0% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    66.6% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    100% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }
}

@-webkit-keyframes spinner-3-third-child {
    0% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    33.3% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    100% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
}

@keyframes spinner-3-third-child {
    0% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    33.3% {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    100% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }
}

@-webkit-keyframes spinner-4-first-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    66.6% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-first-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    66.6% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4-second-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }

    66.6% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-second-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }

    66.6% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4-third-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-third-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4-fourth-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes spinner-4-fourth-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes spinner-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    33.3% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    66.6% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes spinner-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    33.3% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    66.6% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.k-imageeditor {
    margin: 0 0;
    padding: 0 0;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-imageeditor-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-imageeditor-canvas-container {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto
}

.k-imageeditor-canvas {
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.k-imageeditor-action-pane {
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-y: auto
}

    .k-imageeditor-action-pane > .k-form {
        padding: 0 16px 32px 16px
    }

.k-imageeditor-crop-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.k-imageeditor-crop {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: dashed;
    box-sizing: border-box;
    position: absolute
}

    .k-imageeditor-crop .k-resize-handle {
        margin: 1px 1px;
        border-style: solid;
        border-width: 0 2px 2px 0
    }

    .k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-sw {
        width: 15px;
        height: 15px
    }

    .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-s {
        left: calc(50% - 7.5px);
        width: 15px;
        height: 0
    }

    .k-imageeditor-crop .k-resize-e, .k-imageeditor-crop .k-resize-w {
        top: calc(50% - 7.5px);
        width: 0;
        height: 15px
    }

    .k-imageeditor-crop .k-resize-ne {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .k-imageeditor-crop .k-resize-nw {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .k-imageeditor-crop .k-resize-sw {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .k-imageeditor-crop .k-resize-n, .k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-nw {
        top: 0
    }

    .k-imageeditor-crop .k-resize-s, .k-imageeditor-crop .k-resize-se, .k-imageeditor-crop .k-resize-sw {
        bottom: 0
    }

    .k-imageeditor-crop .k-resize-nw, .k-imageeditor-crop .k-resize-sw, .k-imageeditor-crop .k-resize-w {
        left: 0
    }

    .k-imageeditor-crop .k-resize-e, .k-imageeditor-crop .k-resize-ne, .k-imageeditor-crop .k-resize-se {
        right: 0
    }

.k-ie .k-imageeditor-canvas {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.k-ie .k-imageeditor-action-pane {
    min-width: 200px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.k-expander {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    background-clip: padding-box
}

    .k-expander.k-rtl .k-expander-indicator, .k-expander[dir=rtl] .k-expander-indicator, .k-rtl .k-expander .k-expander-indicator {
        margin-left: 0;
        margin-right: 12px
    }

.k-expander-header {
    padding: 12px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.k-expander-spacer {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-expander-title {
    font-weight: 500;
    text-transform: uppercase
}

.k-expander-indicator {
    margin-left: 12px
}

.k-expander-content {
    padding: 16px 16px;
    box-sizing: border-box
}

.k-expander + .k-expander.k-expanded, .k-expander.k-expanded + .k-expander {
    margin-top: 8px
}

.k-expander:not(.k-expanded) + .k-expander:not(.k-expanded) {
    border-top-width: 0
}

.k-fab {
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    font-size: inherit;
    line-height: 1.42857143;
    font-family: inherit;
    text-align: center;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    outline: 0
}

    .k-fab:focus {
        outline: 0
    }

.k-fab-icon {
    width: 20px;
    height: 20px
}

    .k-fab-icon:not(:only-child) {
        margin-right: 8px
    }

.k-fab-sm {
    padding: 8px 8px
}

.k-fab-md {
    padding: 16px 16px
}

.k-fab-lg {
    padding: 24px 24px
}

.k-fab-circle {
    border-radius: 50%
}

.k-fab-pill {
    border-radius: 5rem
}

.k-fab-rounded {
    border-radius: 4px
}

.k-fab-items {
    margin: 0;
    padding: 16px 0;
    display: -ms-flexbox;
    display: flex
}

.k-fab-items-bottom {
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-fab-items-bottom .k-fab-item:last-child {
        margin-bottom: 0
    }

.k-fab-items-top {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

    .k-fab-items-top .k-fab-item:first-child {
        margin-bottom: 0
    }

.k-fab-item {
    list-style-type: none;
    margin-bottom: 8px;
    outline: 0;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer
}

    .k-fab-item.k-text-right {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .k-fab-item.k-text-right .k-fab-item-text {
            margin-right: 8px
        }

    .k-fab-item.k-text-left {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .k-fab-item.k-text-left .k-fab-item-text {
            margin-left: 8px
        }

.k-fab-item-text {
    padding: 4px 4px;
    border-width: 1px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 1
}

.k-fab-item-icon {
    padding: 8px 8px;
    border-width: 0;
    border-radius: 50%;
    box-sizing: content-box;
    outline: 0
}

.k-popup.k-fab-popup {
    position: absolute;
    border-width: 0;
    box-sizing: content-box;
    background-color: transparent
}

.k-rtl .k-fab-icon:not(:only-child) {
    margin-right: 0;
    margin-left: 8px
}

.k-rtl .k-fab-item.k-text-left {
    -ms-flex-direction: row;
    flex-direction: row
}

.k-rtl .k-fab-item.k-text-right {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.k-actionsheet-container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

.k-actionsheet {
    padding: 0;
    width: 360px;
    max-width: 100%;
    max-height: 50vh;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.42857143;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    z-index: 10002
}

.k-actionsheet-header {
    padding: 8px 16px;
    border-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.k-actionsheet-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.k-actionsheet-item {
    padding: 0;
    box-sizing: border-box
}

.k-actionsheet-action {
    margin: 0;
    padding: 8px 16px;
    min-height: 40px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.k-actionsheet-item-icon {
    font-size: 16px
}

.k-actionsheet-item-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.k-actionsheet-item-title {
    font-weight: 400;
    text-transform: none
}

.k-actionsheet-item-description {
    font-size: .875em;
    opacity: .75
}

.k-actionsheet > .k-hr {
    margin: 0;
    border-color: inherit
}

.k-actionsheet-top {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 0;
    border-top-width: 0;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-actionsheet-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: 0;
    border-bottom-width: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.k-actionsheet-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 0;
    border-left-width: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%)
}

.k-actionsheet-right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-width: 0;
    border-right-width: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%)
}

.k-animation-container > .k-actionsheet {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.k-bottom-nav {
    padding: 4px 4px;
    width: 100%;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.42857143;
    font-family: inherit;
    letter-spacing: .2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 4px;
    overflow: hidden;
    outline: 0;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-bottom-nav-border {
    border-width: 1px 0 0 0
}

.k-bottom-nav-shadow {
    box-shadow: 0 0 5px rgba(0,0,0,.12)
}

.k-bottom-nav-item {
    padding: 0 8px;
    min-width: 72px;
    min-height: 48px;
    border-width: 0;
    border-radius: 4px;
    box-sizing: border-box;
    font: inherit;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 8px;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    outline: 0
}

    .k-bottom-nav-item.k-state-disabled {
        background-color: initial
    }

    .k-bottom-nav-item:focus {
        outline: 0
    }

    .k-bottom-nav-item:hover {
        color: inherit;
        text-decoration: none
    }

.k-bottom-nav-item-icon {
    font-size: 24px
}

.k-bottom-nav-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.k-bottom-nav-item-flow-horizontal .k-bottom-nav-item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.k-bottom-nav-item-flow-vertical .k-bottom-nav-item {
    -ms-flex-direction: column;
    flex-direction: column
}

.k-bottom-nav.k-pos-absolute, .k-bottom-nav.k-pos-fixed {
    bottom: 0;
    z-index: 1
}

.k-searchbox {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    overflow: hidden;
    background-clip: padding-box
}

    .k-searchbox > .k-input {
        padding: 4px 8px
    }

.k-skeleton {
    display: block
}

.k-skeleton-text {
    border-radius: 2px;
    -webkit-transform: scale(1,.6);
    -ms-transform: scale(1,.6);
    transform: scale(1,.6)
}

    .k-skeleton-text:empty::before {
        content: "\00a0"
    }

.k-skeleton-circle {
    border-radius: 9999px
}

@-webkit-keyframes k-skeleton-wave {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

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

@keyframes k-skeleton-wave {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

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

.k-skeleton-wave .k-skeleton, .k-skeleton-wave.k-skeleton {
    position: relative;
    overflow: hidden
}

    .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave.k-skeleton::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-animation: k-skeleton-wave 1.6s linear .5s infinite;
        animation: k-skeleton-wave 1.6s linear .5s infinite
    }

@-webkit-keyframes k-skeleton-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes k-skeleton-pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.k-skeleton-pulse .k-skeleton, .k-skeleton-pulse.k-skeleton {
    -webkit-animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite;
    animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite
}

.k-taskboard {
    padding: null null;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.k-toolbar.k-taskboard-toolbar {
    padding: 16px 16px;
    border-width: 0;
    box-shadow: none;
    background: 0 0;
    background-image: none
}

.k-taskboard-content {
    padding: 0 16px 16px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: auto
}

.k-taskboard-columns-container {
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    gap: 16px;
    overflow-x: visible
}

.k-taskboard-column {
    width: 320px;
    border-width: 1px;
    border-radius: 4px;
    border-style: solid;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.k-taskboard-column-header {
    padding: 8px 8px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.k-taskboard-column-header-actions {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    gap: 8px
}

.k-taskboard-column-cards-container {
    padding: 0 8px;
    outline: 0;
    overflow: auto;
    margin-bottom: 8px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-taskboard-column-cards {
    padding: null null;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px 0
}

.k-taskboard-column-new {
    max-height: calc(2em + 16px)
}

    .k-taskboard-column-edit .k-taskboard-column-header, .k-taskboard-column-new .k-taskboard-column-header {
        font-weight: inherit
    }

    .k-taskboard-column-edit .k-taskboard-column-header-text, .k-taskboard-column-new .k-taskboard-column-header-text {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .k-taskboard-column-edit .k-textbox, .k-taskboard-column-new .k-textbox {
        width: 100%
    }

.k-taskboard-pane {
    padding: null null;
    width: 320px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2
}

.k-taskboard-pane-header {
    padding: 12px 16px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.k-taskboard-pane-header-text {
    word-break: break-word
}

.k-taskboard-pane-header-actions {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.k-taskboard-pane-content {
    padding: 0 16px;
    overflow: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-taskboard-pane-actions {
    padding: 12px 16px
}

.k-taskboard-pane-start {
    right: auto;
    left: 0
}

.k-taskboard-card {
    border-radius: 4px;
    border-width: 1px
}

    .k-taskboard-card.k-taskboard-card-category {
        border-left-width: 4px
    }

        .k-rtl .k-taskboard-card.k-taskboard-card-category, .k-taskboard-card.k-taskboard-card-category.k-rtl, .k-taskboard-card.k-taskboard-card-category[dir=rtl], [dir=rtl] .k-taskboard-card.k-taskboard-card-category {
            border-left-width: 1px;
            border-right-width: 4px
        }

    .k-taskboard-card .k-card-footer, .k-taskboard-card .k-card-header .k-card-body {
        padding: 16px 16px
    }

    .k-taskboard-card .k-card-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .k-taskboard-card .k-card-title {
        margin: 0;
        font-size: inherit;
        font-weight: inherit;
        word-break: break-word
    }

        .k-taskboard-card .k-card-title.k-state-focus, .k-taskboard-card .k-card-title.k-state-hover, .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title:hover {
            text-decoration: underline
        }

    .k-taskboard-card .k-card-header-actions {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

.k-taskboard-drag-placeholder {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    position: relative
}

.k-ie .k-taskboard-column:not(:last-child) {
    margin-right: 16px
}

.k-ie .k-rtl .k-taskboard-column:not(:last-child) {
    margin-right: 0;
    margin-left: 16px
}

.k-ie .k-taskboard-column-cards-container {
    margin-bottom: 24px
}

.k-ie .k-taskboard-column-cards > .k-taskboard-card:not(:last-child) {
    margin-bottom: 8px
}

.k-ie .k-taskboard-column-header-actions > .k-button:not(:last-child) {
    margin-right: 8px
}

.k-ie .k-rtl .k-taskboard-column-header-actions > .k-button:not(:last-child) {
    margin-right: 0;
    margin-left: 8px
}

.k-scheduler-layout-flex {
    overflow: auto
}

    .k-scheduler-layout-flex .k-scheduler-head {
        position: sticky;
        top: 0;
        z-index: 3
    }

    .k-scheduler-layout-flex .k-scheduler-body {
        position: relative
    }

    .k-scheduler-layout-flex .k-scheduler-body, .k-scheduler-layout-flex .k-scheduler-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 100%;
        flex: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

.k-scheduler-yearview .k-scheduler-body {
    padding: 12px 12px;
    -ms-flex-pack: center;
    justify-content: center
}

.k-scheduler-yearview .k-calendar {
    width: 100%;
    border-width: 0
}

    .k-scheduler-yearview .k-calendar .k-calendar-view {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    .k-scheduler-yearview .k-calendar .k-content {
        -ms-flex: 0;
        flex: 0
    }

    .k-scheduler-yearview .k-calendar .k-month-header {
        font-size: inherit;
        font-weight: 700;
        opacity: 1
    }

    .k-scheduler-yearview .k-calendar .k-link {
        position: relative
    }

    .k-scheduler-yearview .k-calendar td.k-state-selected {
        background-color: inherit
    }

.k-checkbox:checked + .k-checkbox-label:before {
    content: "\2713"
}

.k-scheduler-yearview .k-day-indicator {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    top: calc(100% - .5em);
    left: calc(50% - 1.5px)
}

.k-scheduler-tooltip {
    padding: 8px 8px;
    color: inherit
}

    .k-scheduler-tooltip .k-tooltip-title {
        margin-bottom: 4px
    }

        .k-scheduler-tooltip .k-tooltip-title .k-month {
            font-size: 12px;
            text-transform: uppercase
        }

        .k-scheduler-tooltip .k-tooltip-title .k-day {
            font-size: 24px
        }

    .k-scheduler-tooltip .k-tooltip-events-container {
        overflow: auto
    }

    .k-scheduler-tooltip .k-tooltip-events {
        max-height: 250px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px
    }

    .k-scheduler-tooltip .k-tooltip-event {
        padding: 4px 8px;
        border-radius: 2px;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        gap: 4px
    }

        .k-scheduler-tooltip .k-tooltip-event .k-event-time {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            font-size: inherit
        }

.k-ie .k-scheduler-tooltip .k-tooltip-event:not(:last-child) {
    margin-bottom: 4px
}

.k-captcha {
    width: 280px;
    border: none;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px
}

.k-captcha-image-wrap {
    position: relative;
    gap: 8px
}

.k-captcha-image-controls {
    position: relative;
    gap: 8px
}

.k-captcha-image {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .k-captcha-image > img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover
    }

.k-captcha-loading .k-captcha-image {
    height: auto
}

.k-captcha-volume-control {
    height: 100%
}

.k-captcha-input > .k-textbox {
    width: 100%
}

.k-captcha-validation-message {
    margin-top: 4px;
    font-size: 12px;
    font-style: italic
}

.k-popover {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    z-index: 12000;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-popover-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 12px 16px;
    border-width: 0 0 1px;
    border-style: solid;
    z-index: 1
}

.k-popover-body {
    padding: 12px 16px;
    z-index: 1
}

.k-popover-actions.k-actions {
    margin: 0;
    padding: 6px 8px;
    border-width: 1px 0 0
}

.k-popover-callout {
    margin: 0;
    width: 20px;
    height: 20px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    position: absolute
}

    .k-popover-callout.k-callout-n {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        -ms-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .k-popover-callout.k-callout-e {
        top: 50%;
        right: 0;
        -webkit-transform: translate(50%,-50%) rotate(135deg) scaleX(-1);
        -ms-transform: translate(50%,-50%) rotate(135deg) scaleX(-1);
        transform: translate(50%,-50%) rotate(135deg) scaleX(-1)
    }

    .k-popover-callout.k-callout-s {
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%,50%) rotate(135deg);
        -ms-transform: translate(-50%,50%) rotate(135deg);
        transform: translate(-50%,50%) rotate(135deg)
    }

    .k-popover-callout.k-callout-w {
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%,-50%) rotate(-135deg);
        -ms-transform: translate(-50%,-50%) rotate(-135deg);
        transform: translate(-50%,-50%) rotate(-135deg)
    }

.k-orgchart {
    width: 100%;
    padding: 24px 24px;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    overflow: auto
}

.k-orgchart-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative
}

.k-orgchart-group {
    gap: 24px
}

    .k-orgchart-group.k-vstack > .k-orgchart-node-container {
        gap: 0
    }

.k-orgchart-node-container {
    gap: 24px
}

.k-orgchart-node-group-container {
    border-radius: 2px;
    padding: 24px 24px;
    border-width: 1px;
    border-style: solid;
    outline: 0
}

.k-orgchart-node-group-title {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.42857143
}

.k-orgchart-node-group-subtitle {
    margin: 0 0 24px;
    font-size: 14px;
    opacity: .6
}

.k-orgchart-card {
    width: 300px;
    border-width: 1px
}

    .k-orgchart-card .k-card-title {
        margin: 0 0 0;
        font-size: 16px
    }

    .k-orgchart-card .k-card-subtitle {
        margin: 0 0 0;
        font-size: 14px
    }

    .k-orgchart-card .k-card-body {
        border-width: 2px 0 0;
        border-style: solid;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

        .k-orgchart-card .k-card-body .k-card-title-wrap {
            margin: 0 12px 0 0;
            min-width: 0;
            min-height: 45px
        }

.k-orgchart-line {
    background-color: currentColor
}

.k-orgchart-line-h {
    height: 1px
}

.k-orgchart-line-v {
    margin: 0 auto;
    width: 1px;
    height: 25px
}

.k-orgchart-button {
    z-index: 1
}

.k-pivotgrid {
    padding: null null;
    border-width: 1px;
    border-style: solid;
    box-sizing: content-box;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    text-align: left;
    vertical-align: top;
    display: grid;
    grid-template-columns: 300px auto;
    grid-template-rows: 250px auto;
    position: relative
}

    .k-pivotgrid table {
        margin: 0;
        width: 100%;
        max-width: none;
        border-width: 0;
        border-color: inherit;
        border-collapse: separate;
        border-spacing: 0;
        outline: 0;
        empty-cells: show
    }

    .k-pivotgrid tbody, .k-pivotgrid td, .k-pivotgrid th, .k-pivotgrid thead, .k-pivotgrid tr {
        border-color: inherit
    }

.k-pivotgrid-table {
    table-layout: fixed
}

    .k-pivotgrid-table th {
        font-weight: 400;
        text-transform: initial
    }

    .k-pivotgrid-table .k-pivotgrid-header-root {
        font-weight: 600;
        text-transform: uppercase
    }

.k-pivotgrid-empty-cell {
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.k-pivotgrid-column-headers {
    overflow: hidden
}

    .k-pivotgrid-column-headers .k-pivotgrid-table {
        -webkit-padding-end: 17px;
        padding-inline-end: 17px;
        box-sizing: border-box
    }

    .k-pivotgrid-column-headers .k-pivotgrid-cell {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px
    }

        .k-pivotgrid-column-headers .k-pivotgrid-cell:first-child {
            border-left-width: 0
        }

        .k-pivotgrid-column-headers .k-pivotgrid-cell.k-first {
            border-left-width: 1px
        }

.k-pivotgrid-row-headers {
    overflow: hidden
}

    .k-pivotgrid-row-headers .k-pivotgrid-cell {
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        white-space: nowrap
    }

.k-pivotgrid-values {
    border-color: inherit;
    overflow: auto
}

    .k-pivotgrid-values .k-pivotgrid-cell {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px
    }

        .k-pivotgrid-values .k-pivotgrid-cell:first-child {
            border-left-width: 0
        }

.k-pivotgrid-cell {
    padding: 6px 8px;
    text-overflow: ellipsis;
    vertical-align: top;
    overflow: hidden
}

    .k-pivotgrid-cell .k-icon {
        cursor: pointer
    }

.k-pivotgrid-total {
    font-weight: 600
}

.k-column-menu .k-treeview {
    padding: 0 8px;
    overflow: auto
}

.k-pivotgrid-configurator {
    display: -ms-flexbox;
    display: flex;
    border: none;
    box-shadow: none
}

.k-pivotgrid-configurator-panel {
    padding: null null;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    z-index: 2
}

.k-pivotgrid-configurator-button {
    padding: 4px 4px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    cursor: pointer
}

    .k-pivotgrid-configurator-button > span {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

.k-flex-row .k-pivotgrid-configurator-button, .k-flex-row-reverse .k-pivotgrid-configurator-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .k-flex-row .k-pivotgrid-configurator-button span, .k-flex-row-reverse .k-pivotgrid-configurator-button span {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }

    .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon {
        vertical-align: baseline
    }

    .k-flex-row-reverse .k-pivotgrid-configurator-button > span {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.k-flex-col .k-pivotgrid-configurator-button, .k-flex-col-reverse .k-pivotgrid-configurator-button {
    text-align: center
}

.k-pivotgrid-configurator-overlay {
    position: absolute;
    overflow: hidden;
    z-index: 2
}

.k-flex-row .k-pivotgrid-configurator-overlay {
    right: calc(1.4285714286em + 10px)
}

.k-flex-row-reverse .k-pivotgrid-configurator-overlay {
    left: calc(1.4285714286em + 10px)
}

.k-flex-col .k-pivotgrid-configurator-overlay {
    bottom: calc(1.4285714286em + 10px)
}

.k-flex-col-reverse .k-pivotgrid-configurator-overlay {
    top: calc(1.4285714286em + 10px)
}

.k-pivotgrid-configurator-header {
    padding: 12px 16px;
    font-size: 18px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.k-pivotgrid-configurator-header-text {
    word-break: normal;
    overflow-wrap: anywhere
}

.k-pivotgrid-configurator-content {
    padding: 2px 16px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto
}

    .k-pivotgrid-configurator-content .k-form .k-label {
        font-size: 16px;
        font-weight: 500;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .k-pivotgrid-configurator-content .k-form .k-dropdown {
        max-width: 90px
    }

    .k-pivotgrid-configurator-content .k-form .k-textbox {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-content .k-filter-fields, .k-pivotgrid-configurator-content .k-row-fields {
        margin-top: 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .k-pivotgrid-configurator-content .k-column-fields > *, .k-pivotgrid-configurator-content .k-filter-fields > *, .k-pivotgrid-configurator-content .k-row-fields > * {
            margin-bottom: 8px
        }

        .k-pivotgrid-configurator-content .k-column-fields > :last-child, .k-pivotgrid-configurator-content .k-filter-fields > :last-child, .k-pivotgrid-configurator-content .k-row-fields > :last-child {
            margin-bottom: 0
        }

    .k-pivotgrid-configurator-content .k-value-fields {
        margin: 8px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .k-pivotgrid-configurator-content .k-select-all .k-checkbox {
        -webkit-margin-end: 4px;
        margin-inline-end: 4px
    }

    .k-pivotgrid-configurator-content .k-fields-list-wrapper {
        max-height: 200px;
        border-width: 1px;
        border-style: solid;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto
    }

    .k-pivotgrid-configurator-content .k-settings-description {
        margin-top: 1rem;
        text-align: center
    }

    .k-pivotgrid-configurator-content .k-chip-content {
        -webkit-padding-end: 4px;
        padding-inline-end: 4px
    }

    .k-pivotgrid-configurator-content .k-treeview {
        padding: 0 8px;
        overflow: auto
    }

        .k-pivotgrid-configurator-content .k-treeview .k-in .k-checkbox-wrapper {
            display: -ms-inline-flexbox;
            display: inline-flex
        }

.k-pivotgrid-configurator-actions {
    padding: 12px 8px
}

.k-calculated-field {
    padding: 16px 16px;
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.k-calculated-field-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-calculated-field-header .k-textbox {
        min-width: 200px
    }

.k-calculated-field-header-text {
    margin-right: 5px;
    word-break: normal;
    overflow-wrap: anywhere
}

.k-calculated-field-header-actions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.k-calculated-field-content .k-textbox {
    width: 100%
}

.k-calculated-field-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

    .k-calculated-field-actions .k-icon {
        margin-right: 8px
    }

    .k-calculated-field-actions .k-dropdown {
        max-width: 100px
    }

.k-filter-menu .k-calculated-item {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.k-pivotgrid-configurator-vertical {
    min-width: 320px
}

.k-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-row-reverse .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
    border-right-width: 0;
    border-left-width: 0
}

.k-pivotgrid-configurator-horizontal {
    width: 100%;
    height: 420px
}

    .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper {
        padding-left: 16px
    }

        .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper > :first-child {
            margin-top: 0
        }

        .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:first-child {
            padding-left: 0;
            -ms-flex: 1 1 30%;
            flex: 1 1 30%
        }

        .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:nth-child(2) {
            -ms-flex: 1 1 30%;
            flex: 1 1 30%
        }

        .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-form-field-wrapper:last-child {
            border-left-width: 1px;
            border-left-style: solid;
            -ms-flex: 1 1 40%;
            flex: 1 1 40%
        }

    .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-column-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-filter-fields, .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-row-fields {
        max-height: 100px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-value-fields {
        max-height: 250px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: hidden;
        overflow-y: auto
    }

.k-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-col-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
    border-top-width: 0;
    border-bottom-width: 0
}

.k-pivotgrid-configurator .k-textbox {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.k-pivotgrid-configurator .k-input-prefix .k-icon, .k-pivotgrid-configurator .k-input-suffix .k-icon {
    margin: 0;
    top: auto;
    position: relative
}

.k-pivotgrid-column-menu {
    border: none
}

    .k-pivotgrid-column-menu .k-item {
        float: initial;
        border: none
    }

.k-pivotgrid-column-menu-popup.k-state-focused {
    box-shadow: none
}

.k-pivotgrid-column-menu .k-actions {
    padding: 6px 8px
}

.k-pivotgrid-column-menu.k-column-menu .k-animation-container-relative {
    position: relative;
    display: inline-block
}

.k-pivotgrid-column-menu-popup .k-filter-menu {
    margin: 0;
    padding: 0;
    background-color: inherit
}

.k-pivotgrid-column-menu-popup .k-filer-menu .k-filter-menu-container {
    padding: 6px 8px
}

.k-pivotgrid-column-menu-popup .k-filter-menu-container .k-actions {
    margin: 0;
    padding: 6px 0 0
}

.k-pdf-export-shadow .k-pivotgrid {
    height: auto !important
}

.k-pdf-export-shadow .k-pivotgrid-values {
    height: auto !important;
    overflow: visible !important
}

.k-pdf-export-shadow .k-pivotgrid-column-headers .k-pivotgrid-table {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.k-ie11 .k-pivotgrid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .k-ie11 .k-pivotgrid > div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden
    }

    .k-ie11 .k-pivotgrid .k-pivotgrid-empty-cell, .k-ie11 .k-pivotgrid .k-pivotgrid-row-headers {
        -ms-flex: 1 1 30%;
        flex: 1 1 30%
    }

    .k-ie11 .k-pivotgrid .k-pivotgrid-column-headers, .k-ie11 .k-pivotgrid .k-pivotgrid-values {
        -ms-flex: 1 1 70%;
        flex: 1 1 70%
    }

.k-chip-list {
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .k-chip-list > * {
        margin-right: 8px
    }

    .k-chip-list > :last-child {
        margin-right: 0
    }

.k-selection-single .k-selected-icon-wrapper {
    display: none
}

.k-selection-multiple .k-selected-icon-wrapper {
    width: 0;
    height: 16px;
    position: relative;
    left: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    z-index: 1
}

.k-selection-multiple .k-selected-icon {
    font-size: 14px
}

.k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
    width: 16px;
    visibility: visible
}

.k-selection-multiple > .k-chip-has-icon .k-selected-icon-wrapper {
    border-radius: 50%;
    position: absolute
}

.k-selection-multiple :not(.k-chip-has-icon) .k-selected-icon-wrapper {
    left: 4px;
    opacity: 0;
    transition: width .2s,opacity .2s
}

.k-selection-multiple :not(.k-chip-has-icon).k-selected .k-selected-icon-wrapper {
    opacity: 1
}

.k-chip {
    overflow: hidden;
    padding: 4px 0;
    height: 24px;
    border-radius: 12px;
    position: relative;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .k-chip.k-chip-focus, .k-chip:focus {
        outline: 0
    }

.k-chip-content {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.k-chip-icon, .k-remove-icon {
    width: 16px;
    height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.k-chip-icon {
    margin-left: 4px
}

.k-remove-icon {
    margin-right: 8px;
    font-size: 14px
}

.k-chip-avatar {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-size: cover;
    background-position: center
}

.k-chip-list.k-rtl > *, .k-chip-list[dir=rtl] > *, .k-rtl .k-chip-list > * {
    margin-right: 0;
    margin-left: 8px
}

.k-chip-list.k-rtl > :last-child, .k-chip-list[dir=rtl] > :last-child, .k-rtl .k-chip-list > :last-child {
    margin-left: 0
}

.k-chip.k-rtl .k-chip-icon, .k-chip[dir=rtl] .k-chip-icon, .k-rtl .k-chip .k-chip-icon {
    margin-left: 0;
    margin-right: 4px
}

.k-chip.k-rtl .k-remove-icon, .k-chip[dir=rtl] .k-remove-icon, .k-rtl .k-chip .k-remove-icon {
    margin-right: 0;
    margin-left: 8px
}

.k-selection-multiple .k-chip.k-rtl .k-selected-icon-wrapper, .k-selection-multiple .k-chip[dir=rtl] .k-selected-icon-wrapper, .k-selection-multiple .k-rtl .k-chip .k-selected-icon-wrapper {
    left: 0;
    right: 4px
}

.k-selection-multiple .k-chip.k-rtl:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple .k-chip[dir=rtl]:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple .k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper {
    left: 0;
    right: 4px
}

.k-panelbar {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.42857143;
    list-style: none;
    display: block;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .k-panelbar > .k-item, .k-panelbar > .k-panelbar-header {
        border-width: 0;
        border-style: solid;
        border-color: inherit;
        display: block
    }

        .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
            padding: 6px 12px;
            color: inherit;
            border-color: inherit;
            background: 0 0;
            text-decoration: none;
            font-weight: 500;
            line-height: 1.42857143;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            gap: 4px;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: center;
            align-content: center;
            position: relative;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
            transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out
        }

        .k-panelbar > .k-item + .k-item, .k-panelbar > .k-panelbar-header + .k-panelbar-header {
            border-top-width: 1px;
            border-color: inherit
        }

    .k-panelbar .k-group, .k-panelbar .k-panelbar-group {
        margin: 0;
        padding: 0;
        border-width: 0;
        border-color: inherit;
        color: inherit;
        background-color: transparent;
        list-style: none
    }

        .k-panelbar .k-group > .k-item, .k-panelbar .k-panelbar-group > .k-panelbar-item {
            display: block
        }

            .k-panelbar .k-group > .k-item > .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
                padding: 4px 12px;
                line-height: 1.42857143;
                color: inherit;
                text-decoration: none;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                gap: 4px;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-line-pack: center;
                align-content: center;
                position: relative;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                cursor: default;
                transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out
            }

            .k-panelbar .k-group > .k-item.k-level-1 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
                padding-left: 12px
            }

            .k-panelbar .k-group > .k-item.k-level-2 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
                padding-left: 24px
            }

            .k-panelbar .k-group > .k-item.k-level-3 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
                padding-left: 36px
            }

            .k-panelbar .k-group > .k-item.k-level-4 .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
                padding-left: 48px
            }

    .k-panelbar .k-content, .k-panelbar .k-panelbar-content {
        display: flow-root
    }

    .k-panelbar .k-panelbar-collapse, .k-panelbar .k-panelbar-expand, .k-panelbar .k-panelbar-toggle {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }

    .k-panelbar .k-group .k-panelbar-collapse, .k-panelbar .k-group .k-panelbar-expand, .k-panelbar .k-panelbar-group .k-panelbar-toggle {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }

    .k-panelbar.k-rtl .k-group > .k-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir=rtl] .k-group > .k-item.k-level-1 .k-link, .k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
        padding-left: 12px;
        padding-right: 12px
    }

    .k-panelbar.k-rtl .k-group > .k-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir=rtl] .k-group > .k-item.k-level-2 .k-link, .k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
        padding-left: 12px;
        padding-right: 24px
    }

    .k-panelbar.k-rtl .k-group > .k-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir=rtl] .k-group > .k-item.k-level-3 .k-link, .k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
        padding-left: 12px;
        padding-right: 36px
    }

    .k-panelbar.k-rtl .k-group > .k-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir=rtl] .k-group > .k-item.k-level-4 .k-link, .k-panelbar[dir=rtl] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link, .k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
        padding-left: 12px;
        padding-right: 48px
    }

    .k-panelbar .k-no-flexbox .k-panelbar .k-group > .k-link, .k-panelbar .k-no-flexbox .k-panelbar > .k-item > .k-link {
        display: block
    }

    .k-panelbar .k-no-flexbox .k-panelbar .k-link > .k-icon, .k-panelbar .k-no-flexbox .k-panelbar .k-link > .k-image, .k-panelbar .k-no-flexbox .k-panelbar .k-link > .k-sprite {
        margin-right: 4px
    }

    .k-panelbar .k-no-flexbox .k-panelbar .k-panelbar-collapse, .k-panelbar .k-no-flexbox .k-panelbar .k-panelbar-expand {
        margin: 0 !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 12px
    }

.k-no-flexbox .k-panelbar[dir=rtl] .k-link > .k-icon, .k-no-flexbox .k-panelbar[dir=rtl] .k-link > .k-image, .k-no-flexbox .k-panelbar[dir=rtl] .k-link > .k-sprite, .k-no-flexbox .k-rtl .k-panelbar .k-link > .k-icon, .k-no-flexbox .k-rtl .k-panelbar .k-link > .k-image, .k-no-flexbox .k-rtl .k-panelbar .k-link > .k-sprite {
    margin-left: 4px;
    margin-right: 0
}

.k-no-flexbox .k-panelbar[dir=rtl] .k-panelbar-collapse, .k-no-flexbox .k-panelbar[dir=rtl] .k-panelbar-expand, .k-no-flexbox .k-rtl .k-panelbar .k-panelbar-collapse, .k-no-flexbox .k-rtl .k-panelbar .k-panelbar-expand {
    right: auto;
    left: 12px
}

.k-ie .k-panelbar-collapse, .k-ie .k-panelbar-expand, .k-ie .k-panelbar-toggle {
    margin-left: auto
}

.k-ie .k-group .k-panelbar-collapse, .k-ie .k-group .k-panelbar-expand, .k-ie .k-panelbar-group .k-panelbar-toggle {
    margin-right: 0
}

.k-ie .k-rtl .k-panelbar-collapse, .k-ie .k-rtl .k-panelbar-expand, .k-ie .k-rtl .k-panelbar-toggle, .k-ie.k-rtl .k-panelbar-collapse, .k-ie.k-rtl .k-panelbar-expand, .k-ie.k-rtl .k-panelbar-toggle, .k-ie[dir=rtl] .k-panelbar-collapse, .k-ie[dir=rtl] .k-panelbar-expand, .k-ie[dir=rtl] .k-panelbar-toggle, .k-rtl .k-ie .k-panelbar-collapse, .k-rtl .k-ie .k-panelbar-expand, .k-rtl .k-ie .k-panelbar-toggle, [dir=rtl] .k-ie .k-panelbar-collapse, [dir=rtl] .k-ie .k-panelbar-expand, [dir=rtl] .k-ie .k-panelbar-toggle {
    margin-left: 0;
    margin-right: auto
}

.k-ie .k-rtl .k-group .k-panelbar-collapse, .k-ie .k-rtl .k-group .k-panelbar-expand, .k-ie .k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie.k-rtl .k-group .k-panelbar-collapse, .k-ie.k-rtl .k-group .k-panelbar-expand, .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir=rtl] .k-group .k-panelbar-collapse, .k-ie[dir=rtl] .k-group .k-panelbar-expand, .k-ie[dir=rtl] .k-panelbar-group .k-panelbar-toggle, .k-rtl .k-ie .k-group .k-panelbar-collapse, .k-rtl .k-ie .k-group .k-panelbar-expand, .k-rtl .k-ie .k-panelbar-group .k-panelbar-toggle, [dir=rtl] .k-ie .k-group .k-panelbar-collapse, [dir=rtl] .k-ie .k-group .k-panelbar-expand, [dir=rtl] .k-ie .k-panelbar-group .k-panelbar-toggle {
    margin-left: 0
}

.k-colorpalette {
    border-width: 0;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-colorpalette-table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    position: relative
}

.k-colorpalette-tile {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -ms-high-contrast-adjust: none
}

    .k-colorpalette-tile.k-hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile:hover {
        position: relative;
        z-index: 101
    }

    .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile:focus {
        position: relative;
        z-index: 100
    }

.k-colorgradient {
    border-radius: 2px;
    width: 272px;
    padding: 12px 12px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 12px;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.k-colorgradient-canvas {
    gap: 12px
}

    .k-colorgradient-canvas .k-hsv-rectangle {
        border-radius: 2px;
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pinch-zoom double-tap-zoom
    }

    .k-colorgradient-canvas .k-hsv-gradient {
        border-radius: 2px;
        height: 180px
    }

    .k-colorgradient-canvas .k-hsv-draghandle {
        margin-top: -7px;
        margin-left: -7px;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        cursor: pointer
    }

    .k-colorgradient-canvas .k-hsv-controls {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        gap: 12px
    }

.k-colorgradient .k-draghandle {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box
}

.k-colorgradient-slider.k-slider-vertical {
    width: 10px;
    height: 180px;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px
}

    .k-colorgradient-slider.k-slider-vertical .k-slider-track {
        width: 10px;
        border-radius: 10px;
        margin-left: -5px
    }

    .k-colorgradient-slider.k-slider-vertical .k-draghandle {
        width: 14px;
        height: 14px;
        left: -2px
    }

.k-colorgradient-slider.k-slider-horizontal {
    width: 100%;
    height: 10px;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px
}

    .k-colorgradient-slider.k-slider-horizontal .k-slider-track {
        height: 10px;
        border-radius: 10px;
        margin-top: -5px
    }

.k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
    position: relative;
    z-index: -1
}

.k-colorgradient-slider .k-slider-track-wrap, .k-colorgradient-slider .k-slider-wrap {
    z-index: 1;
    position: relative
}

    .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
        height: 180px
    }

.k-colorgradient-slider .k-slider-selection {
    display: none
}

.k-colorgradient-slider .k-draghandle {
    border-width: 3px
}

.k-colorgradient-inputs {
    gap: 8px
}

    .k-colorgradient-inputs .k-colorgradient-input-label {
        text-transform: uppercase
    }

    .k-colorgradient-inputs > .k-vstack {
        gap: 4px
    }

    .k-colorgradient-inputs .k-numerictextbox {
        width: 46px
    }

    .k-colorgradient-inputs .k-textbox {
        width: 100%
    }

.k-colorgradient-color-contrast > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 8px
}

.k-colorgradient-color-contrast .k-contrast-ratio {
    margin-bottom: 8px
}

.k-colorgradient-color-contrast .k-contrast-ratio-text {
    font-weight: 700
}

.k-colorgradient-color-contrast .k-contrast-validation {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

    .k-colorgradient-color-contrast .k-contrast-validation .k-icon {
        vertical-align: middle
    }

    .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
        margin-left: -13px
    }

.k-rtl .k-colorgradient-color-contrast .k-i-check + .k-i-check, [dir=rtl] .k-colorgradient-color-contrast .k-i-check + .k-i-check {
    margin-left: 0;
    margin-right: -13px
}

.k-color-preview {
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

    .k-color-preview::before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        z-index: -1
    }

.k-no-color::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.k-coloreditor {
    border-radius: 2px;
    min-width: 272px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.k-coloreditor-header {
    padding: 12px 12px 0
}

.k-coloreditor-header-actions {
    gap: 8px
}

.k-coloreditor-preview {
    position: relative;
    gap: 3px;
    z-index: 1
}

    .k-coloreditor-preview .k-color-preview {
        width: 34px;
        height: 14px
    }

.k-coloreditor-views {
    min-width: calc(var(--kendo-color-preview-width,24) * var(--kendo-color-preview-columns,10));
    padding: 12px 12px;
    gap: 12px
}

    .k-coloreditor-views .k-colorgradient {
        padding: 0;
        width: auto;
        border-width: 0
    }

    .k-coloreditor-views .k-colorpalette {
        -ms-flex-item-align: center;
        align-self: center
    }

    .k-coloreditor-views .k-colorpalette-tile {
        width: var(--kendo-color-preview-width,24px);
        height: var(--kendo-color-preview-height,24px)
    }

.k-coloreditor-footer.k-actions {
    margin: 0
}

.k-colorpicker {
    border-width: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.00714286em;
    overflow: visible;
    width: auto;
    outline: 0
}

    .k-colorpicker .k-picker-wrap {
        overflow: hidden
    }

    .k-colorpicker .k-selected-color {
        vertical-align: top;
        display: inline-block;
        height: 2em;
        width: 2em;
        position: relative
    }

    .k-colorpicker .k-tool-icon {
        position: relative;
        top: -2px;
        display: inline-block;
        padding: 3px 3px 2px;
        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-colorpicker .k-picker-wrap .k-icon {
        overflow: visible
    }

.k-colorpicker-popup .k-coloreditor {
    border-color: transparent
}

.k-colorpicker-popup {
    padding: 0
}

@font-face {
    font-family: "DejaVu Sans";
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(/Content/kendo/fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(/Content/kendo/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-pdf-export sub, .k-pdf-export sup {
    display: inline-block
}
/*# sourceMappingURL=kendo.common.min.css.map */

.k-colorpicker .k-picker-wrap {
    line-height: 2em
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    display: inline-block;
    height: 2em;
    width: 2em
}

    .k-colorpicker .k-selected-color .k-i-line {
        font-size: 2em;
        color: #ff525e;
        display: inline-block;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-filter: FlipH;
        filter: FlipH;
        -ms-filter: FlipH
    }

        .k-colorpicker .k-selected-color .k-i-line:before {
            content: "\e510"
        }

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    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-colorpicker .k-picker-wrap .k-icon {
    overflow: visible
}

.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: 265px;
    padding-bottom: 5px
}

div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none
}

.k-flatcolorpicker .k-selected-color {
    background-image: url(/Content/kendo/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 .1em .65em .65em;
        border: 0;
        margin: 0;
        width: 82%
    }

    .k-flatcolorpicker .k-selected-color .k-color-input {
        background-color: #fff;
        display: inline-block;
        width: 84%;
        text-align: left
    }

    .k-flatcolorpicker .k-selected-color .k-clear-color {
        padding: .4em;
        line-height: 0
    }

        .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before {
            color: #000;
            opacity: .8
        }

        .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover {
            opacity: 1
        }

.k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active {
    color: inherit
}

.k-flatcolorpicker .k-clear-color-container .k-clear-color:active {
    color: #000;
    opacity: 1
}

.k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color {
    background-image: none
}

.k-flatcolorpicker .k-clear-color-container {
    text-align: left
}

.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,to 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(bottom,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: linear-gradient(to top,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(/Content/kendo/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-hue-slider {
    background: url(/Content/kendo/textures/hue.png) repeat 20% 100% !important;
}

.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(/Content/kendo/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(/Content/kendo/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(/Content/kendo/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(/Content/kendo/textures/hue.png) repeat 0 50%
}

.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(/Content/kendo/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)
}

